机器翻译正文由机器翻译自项目原始文档（英文），排版经程序统一处理，可能存在偏差，请以原项目仓库为准。
目录 由 DocToc 生成
个人学习笔记与博文
菜单
- 工具
- 笔记
专题
JavaScript
- Webpack配置从零到一
- 【译文】用Webpack武装自己
- PostCSS配置指北
- 【译文】七条可应用于设计的心理学原则
- 【译文】网页设计中隐藏在色彩之后的情感和心理学
- 手把手撸一个React Timepicker NPM组件
- Redux入坑进阶-源码解析
- 前端单元测试探索
- RxJS
- JavaScript 中的数据结构
关于项目
关于产品
Koa2系列教程
扩展：
Python3系列教程
扩展：
Python进阶
Ember文档翻译系列(V2.8.0)
算法 & 机器学习
好玩的
优点：web写法（其实就是前端），一次书写可编译成多平台应用
缺点：打包后体积太大。经验不足的开发者容易把它做成和web没有太大差别，仅仅是外面套了个壳的应用。和原生应用相比，可获取的系统接口还是太少，一般情况下没有太大开发意义，产品易被网页版取代
优点：Redux鼻祖。纯函数式编程，简洁，漂亮。
缺点：学习和开发、维护成本偏高。很少运用于生产环境
优点：没玩过weex，除此以外RN是我见过的性能最好对React栈前端尤其友好的跨平台框架。生产环境下编译后应用运行速度不会比原生差很大。
缺点：交互弱。属于跨平台框架通病
一个React小时选择组件，支持24小时/12小时制
【Hands Chopping】【剁手党】Python3编写的爬取淘宝/京东命令行工具。使用xpath + Selenium
基于Mac神器Alfred的一个Todo App，使用Python2编写
优点：Alfred插件可以拿多种脚本语言编写，甚至可以和系统API联动
缺点：可惜的是目前Alfred还不支持Python3，以及对于第三方库的支持也不太友好。
一个Chrome扩展程序 + 对应的前后端（Koa2 + react），作用是快速保存页面或者页面上选择的文本，用于阅读文章时的摘记和整理
初版已部署上线：cliper、cliper chrome extension
提高 pull request 创建 / code review 体验，在仓库主页展示其大小和相关推荐的开源项目
源码解读
大部分位于 github 仓库：code-analysis
状态管理插件，本质上就是一个函数库
基于jQuery的图片懒加载插件
一个兼容多平台多种类浏览器的 notification 插件
一个依赖于 jQuery 的插件，提供按键监听
通过封装localStorage API，提供了友好的操作，并兼容IE
一个在页面（或特定容器）顶部创建进度条的插件
Object.assign的ponyfill，兼容性很好
js-bits
使用代码解释JavaScript的概念，翻译自vasanthk/js-bits，已获得作者授权。
许可证
Apache 许可证 2.0
- 本文标题：Coding-Guide - 自己随手记录的东西
- 本文链接：https://www.cn121.com/blog/ecmadao-coding-guide.html
- 原项目：ecmadao/Coding-Guide 版权归原作者 ecmadao 及贡献者所有
- 收录信息：本站于 2026-10-08 收录本项目，本页所列协议与仓库指标均为收录当时的状态；该日期之后原项目的版本更新与协议变更，本页不作同步。
- 开源协议：收录时本项目采用 Apache-2.0（查看 LICENSE 原文），本站译文为其衍生内容；使用、修改、分发请以该仓库 LICENSE 原文为准。本站对原文仅作排版与图片地址适配, 并保留原项目的 NOTICE 与署名要求。
- 站点出处：本文首发于 OneTwoOne，收录自 GitHub 开源项目 ecmadao/Coding-Guide。
- 翻译说明：本页正文为人工智能生成内容——由机器翻译对原项目 README 初译、经程序校验排版，可能存在错漏，请以原项目文档为准。
- 引用声明：商业转载、第三方聚合或 AI 检索训练引用时，请务必保留以上来源出处、本文永久链接，以及原项目的版权声明与许可信息。
- 下架通道：若原项目此后变更或收紧了许可协议、或作者／权利人认为本站的收录方式（译文、排版适配、简介翻译等）超出其授权范围，请通过 xyd3302001@163.com 发送下架通知，并附上项目地址与本页链接。本站核实后将第一时间删除本页内容，或改为不复制原文的目录性收录；署名更正等其他要求可一并提出。