- 博客(153)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 进CSDN要做的第一件事：uBlock Origin 对站点广告进行过滤
站点靠广告创收持续提供服务，无可厚非； 用户要纯粹交互检验屏蔽广告，无可非议。去uBlock下载浏览器插件，然后对站点广告进行配置。点插件图标-【进入元素选择器模式】-吸管吸想屏蔽的地方，右下角半透明选择区域。也可以直接在【控制面板】-【自定义规则列表】进行配置，如：! 2018/2/7 上午10:49:43 http://blog.csdn.net/blog.csdn...
2018-04-27 13:11:24
2444
原创 《Web重构笔记系列》
Web重构笔记(1): 为什么要写这个系列Web重构笔记(2): 来套Web重构装备Web重构笔记(3): Web重构前的分析Web重构笔记(4): 切图与标注Web重构笔记(5): 搭建工程目录Web重构笔记(6): 语义化Web重构笔记(7): 样式、结构、行为分离分割Web重构笔记(8): 主干结构Web重构笔记(9): 栅格结构Web重构笔记(10): 组件结构Web...
2018-04-27 12:52:35
323
原创 React(Hooks) 项目分层
一、先上示例代码：按业务功能优先、文件类型其次原则来组织项目文件结构。- src - - components # 类型，没有数据状态、或完全内部数据状态封闭的组件，能独立、能复用 + LineChart + BarChart + PieChart - views # 业务，调用组件组装成一个个页面，不能复用，可给组件分发数据状态 + Report + Document +
2020-06-15 17:29:54
983
原创 Git 在线托管
我这几年 Git 在线托管方式是一主一从：Bitbucket + Gitlab，个人各类文档十多个仓库。后来，Github 被巨硬收购后，对个人免费 Private，我将仓库搞成了一主二从：Github + Gitlab、Bitbucket。大致的、前些年还能比较正常 Push/Pull，自从一些不可描述的原因之后，一些在线 Git 托管网络不顺畅了，我无法判断是 Git 服务器问题，还是电信光纤、移动光纤的问题。只能转国内：Gitee、code.aliyun、coding.net 三家，Gitee
2020-06-11 11:25:08
221
原创 JavaScript 对象迭代
遍历自身属性遍历继承属性遍历不可枚举属性遍历 Symbol 类型属性Object.getOwnPropertyNames(obj)✔✘✔✘Object.getOwnPropertyDescriptor(obj, prop)✔✘✔✔Object.getOwnPropertyDescriptors(obj)✔✘✔✔Object.getOwnPropertySymbols(obj)✘✘✔✔Object.keys(obj)✔✘✘...
2020-06-02 12:10:37
177
原创 JavaScript 循环语句
1、前测试循环语句 while、for2、后测试循环语句 do-while3、枚举对象的属性 for-in4、迭代具有 Symbol.iterator 属性的对象 for-of
2020-06-02 11:09:12
132
原创 零宽度空字符, 不可见红点字符, ZERO WIDTH SPACE
零宽度空字符/不可见的红点字符/Unicode Character 'ZERO WIDTH SPACE' (U+200B)
2020-05-20 15:02:00
2033
1
原创 A comma appears in the Variables Placeholder-Transform of Visual Studio Code Snippets
A comma appears in the Variables Placeholder-Transform of Visual Studio Code Snippets
2020-04-26 10:44:19
226
原创 如何确定出现跨域问题 CORS
跨域出现问题：首先：Web 端先确定请求是否开启 credentials，（Requests with credentials）然后：再确定 API 是否 origins、allowedHeaders、allowCredentials、allowedMethods 之类设定See AlsoHTTP访问控制（CORS） - HTTP | MDNGetting Started | Ena...
2020-02-20 22:01:40
927
原创 移动端多端框架选型
DATE: 2020/02/09通过下面两篇文章整理：taro：小程序多端框架全面测评uni-app：跨端开发框架深度横评摘要底层级别提供底层渲染引擎布局引擎、中层 DSL (Domain-specific Language)、上层框架。性能高，渲染一致，跨系统平台，也能编译运行于浏览器；需要学开发语言；不支持小程序；Flutter / 译，HummingbirdQt...
2020-02-09 16:25:12
1941
原创 Vue 和 React 面临的问题
框架、库在演进中，是解决了问题？还是留下了各种坑？Functional Components、Class Components，UI、State 的拆分和‘绑架’，Async，分层，类型，…已经看到了曾经 Angular 设计的超前性和正确性：类、类型、强制分层、JS/TS+HTML+CSS、RxJS…Vue 和 React 面临的问题：已有版本的用户群体巨大，受影响项目巨多；升级...
2019-12-24 14:22:45
198
1
原创 Gulp 4 构建 JavaScript
构建时根据命令行参数替换字符过滤文件对文件进行排序合并压缩输出// defaultTask.jsconst { src, dest} = require('gulp');const argv = require('yargs').argvconst babel = require('gulp-babel');const concat = require('gulp-concat...
2019-11-22 11:12:34
136
原创 斜体(oblique italic)
西方世界，当年意大利很厉害，文艺复兴。文艺复兴，认字读书、写字写书、搞批判、搞宣传的多了，印刷业兴起，意大利体与罗马体是拉丁字母印刷时最主要的两种主流字体。意大利人，罗马人，是不知道自己叫意大利体、罗马体的，影响大，扩展到整个欧洲后，其它地方人认可和赶时髦，“意大利体”就叫开了。最初的意大利体，风格与正文完全不同，作为独立字体出现，目的是为了节省版面；再伴随计算机发展，字形微向右倾斜，也名...
2019-09-23 11:21:28
2844
原创 javascript 一句话：不要怕用 typeof 操作符
不要怕用 typeof，只要觉得，数据有可能：挂载在对象属性上的数据，异步过不来，"undefined"预期类型不符，"boolean"、"number"、"string"、"symbol"、"function" …而接下来，会造成程序异常的，加 typeof 处理；所有构造函数的类型都是 'object'，不要手贱，去 new String()/Number()/Boolean() ...
2019-09-21 16:15:15
96
翻译 Presentational and Container Components/容器型组件、展示型组件(Dan Abramov)
Update from 2019:I wrote this article a long time ago and my views have since evolved. In particular, I don’t suggest splitting your components like this anymore. If you find it natural in your codeb...
2019-08-29 14:36:58
183
原创 What is difference between @RequestParam, @RequestBody and @RequestPart?
Map HTTP request header Content-Type, handle request body.@RequestParam ← application/x-www-form-urlencoded,@RequestBody ← application/json,@RequestPart ← multipart/form-data,RequestPar...
2019-08-03 23:36:29
270
原创 前端 POST/PUT/PATCH 给后端的数据方式
前端 POST/PUT/PATCH 给后端的数据，主要有三类数据方式：1、application/ x-www-form-urlencoded2、multipart/form-data3、application/json第 1 类，原生 form 默认的提交方式，所有表单(扁平)数据会被处理成键值对形式(key1=value1&key2=value2)发送给后端，其中 key/va...
2019-08-02 23:22:26
3132
原创 API 设计概要
关于 API 设计文章太多太多，这里不赘述，仅“点”一下，具体的查看文末资源。数据建模(Data-oriented)，而非功能建模(Function-oriented)所有事物抽象为资源，URI 是唯一标识(定位资源)使用 HTTP Methods 操作资源资源操作安全性、幂等性资源，资源集合，资源数据分页检索对象资源检索对象结构资源(数据集合)检索对象子资源实体关联：查询参数...
2019-06-04 21:38:17
150
原创 TODO: Tech Arch
前端架构React / Redux / Saga / RouterMock.jsSASS/LESSserver: nginx后端架构KoaSequelizePostgreSQL/MySQL/SQLiteRedis, Dockerserver: node
2019-06-04 20:14:56
175
转载 ECMAScript-Promise/Async/Await
看完这个代码示例就明了了：async/await 入門（JavaScript） - Qiitaasync, await入門 - Qiita// Promiseconst hoge = value => { return new Promise(resolve => { setTimeout(() => { resolve(v...
2019-05-25 21:09:56
190
转载 MVVM 模式框架下的开发思维
MVVM 模式，Model-View-ViewModel (模型-视图-视图模型)，最早出现在微软的 WPF 和 SilverLight 框架中。MVVM 模式利用框架内置的双向绑定技术对 MVP (Model-View-Presenter) 模式变形，它引入了专门的 ViewModel (视图模型)来“粘合” View 和 Model，让 View 和 Model 进一步分离和解耦。MVVM ...
2019-01-30 10:55:33
419
原创 API 设计——分页
分页方案页大小、页号起始位置offset、条数size ☑浏览方式初始翻页指定位置(收藏、输入)无限滚动加载改变每页列表项请求方式总条数，HEAD，响应头，X-Record-Count，调用一次前端本地存储条目列表， GET频繁更新的数据，总条数与条目列表合一参考：《AngularJS 深度剖析与最佳实践》...
2019-01-08 10:34:05
1272
翻译 Path-POSIX-Windows
#!/bin/shWINDOWSPATH=F:\\my\\path\\to\\File.TXTPOSIXPATH=/F//my//path//to//File.TXTecho "/$WINDOWSPATH" | sed 's/\\/\//g' | sed 's/://'echo "/$WINDOWSPATH" | sed -e 's/\\/\//g' -e 's/://'echo -...
2018-07-12 10:43:01
1077
原创 《AngularJS笔记》
加入新团队，要接触前端框架了，这将是一个大的转变。以前没有接触过前端框架，一是传统门户型业务的技术选型局限，二是后端基于JSP、ASP.Net前端岗位难以接触到MC层，三是自己对框架在项目中那种“操不完的心”触角无孔不入的机制不是很能接受，自己做项目时候是基于语言规范做，将项目的每一个目录每一个文件每一个命名处理都尽在掌控当中，内部代码亦是如此，顶多为了方便操作DOM选择了jQuery。而涉及...
2018-05-10 16:44:11
513
翻译 W3C技术标准规范遵循步骤
W3C Technical Report Development Process W3C技术标准规范遵循步骤First Public Working Draft(FPWD: 第一份公开工作草案)Working Drafts(WD: 工作草案)Candidate Recommendation(CR: 候选推荐标准)*Proposed Recommendation(PR: 提名推荐标准)...
2018-04-27 12:38:25
495
原创 JavaScript 校验：JSLint、JSHint、JSCS、ESLint
JSLint，古老，不可配置，不可扩展，不可禁用许多特性的校验JSHint，可配置的JSLint版本JSCS，代码样式检查，只捕获与代码格式化相关的问题，而不是潜在的bug或错误。已经与 ESLint 合并。ESLint，易于扩展，可自定义规则，可以插件形式安装更多的规则。一个 linting 工具是解决问题的一个很好的步骤，但是它基于一定的规则发现错误，具有一定的局限性。要采用...
2018-04-12 09:58:17
3729
原创 活动申请机制
文化云中一个活动，系统设计时，活动阶段应该分为：预评-申审-发布-报名-截止-筛选-公布-举行-结束-反馈-总结等各阶段， 用户群体这块分为：个人，团体，个人，在线上正常申请，填写基本信息，提交相关资料即可，团体，不确定人数，可以采用电话联系方式确认申请者信息，资质合格，让申请者先准备好每个成员的资料，给团体一个团体申请入口和一个仅供该团体使用的带时限、带提交数量限制的电子令牌，以...
2018-04-11 11:00:34
211
原创 关于团队的编码风格指南
本着“不管有多少人写过代码，同一个代码库里面的代码都得要看起来是同一个人写的”原则，团队内部要统一编码风格。团队内部自己搞一个编码风格指南出来，好些个语种，实属不易；这里，建议采用行业内的一些大厂已有的成熟的标杆“潜规则”。找了国内外几个大厂，如阿里、腾讯、Airbnb、Google及一些社区，我首推Google，一是因为几个大厂编码风格指南差不多，二是因为Google家的比其它厂要全面，...
2018-04-11 09:41:38
305
原创 debounce & throttle 去疑
debounceCreates a debounced function that delays invoking func until after wait milliseconds have elapsed since the last time the debounced function was invoked. The debounced function comes with a ...
2018-04-09 11:53:17
230
原创 富文本编辑器-tinymce/ckeditor/Quill/toast ui/UEditor
tinymce： 在线Demo / 官方站点 * LGPL协议，官方很多实用功能，做成了插件，需要付费 ckeditor：在线Demo / 官方站点 * 选择性协议：GPL/LGPL/MPL，demo config.js文件有调整 荐：Quill - Your powerful rich text editor荐：TOAST UI :: Make Your Web Delicio...
2018-04-08 18:05:15
2269
原创 模块格式：CommonJS AMD CMD UMD ES6
皆为前端工程化中定义模块(module)的规则，如：模块标识，模块依赖，模块实现，模块对外接口，模块加载；实现时有：异步，同步，依赖前置，依赖就近，预执行，懒执行，软依赖，硬依赖，模块对象支持类型等差异；Javascript的灵活性、借鉴性、标准难产落地性，带来模块的实现方式(运行时加载/编译静态加载)有本质的差异，代码风格(require,return/import,export)有形式...
2018-04-05 18:15:58
474
原创 CSS 中 BEM 的命名方式
拆分Block独立模块：中横线Element子元素：俩下划线Modifier模块状态：一个下划线Block下的所有Element不考虑层级嵌套关系，扁平化处理都属于Block，即连续的__下划线只能出现一次1实现模块：.Block模块_状态：.Block_Modifier模块__子元素：.Block__Element模块_子元素状态：.Block__Element...
2018-03-29 22:27:08
250
C#从CSV文件批量导入数据保存到数据库
2011-07-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人