Coding-Guide
Coding-Guide copied to clipboard
自己随手记录的东西
Table of Contents generated with DocToc
- Menu
-
专题
- JavaScript
- 关于项目
- 关于产品
- Koa2系列教程
- Python3系列教程
- Python进阶
- Ember文档翻译系列(V2.8.0)
- 算法 & ML
- 好玩的
- 源码解读
- js-bits
- License
个人学习笔记与博文
Menu
- Tools
- Plugin
- css-plugin
- js-plugin
- react-plugin
- python-plugin
- Framework
- css-ui-framework
- react-ui-framework
- Plugin
- Notes
专题
JavaScript
- Webpack配置从零到一
- 【译文】用Webpack武装自己
- PostCSS配置指北
- 【译文】七条可应用于设计的心理学原则
- 【译文】网页设计中隐藏在色彩之后的情感和心理学
- 手把手撸一个React Timepicker NPM组件
- Redux入坑进阶-源码解析
- 前端单元测试探索
- RxJS
- 探索 RxJS - Core Concept
- 探索RxJS - 做一个 github 小应用
- 探索 RxJS - Observable
- JavaScript 中的数据结构
关于项目
- 极客与团队
- The Pragmatic Programmer
- Rework
关于产品
- Don't Make Me Think
- 【译文】七条可应用于设计的心理学原则
- 【译文】网页设计中隐藏在色彩之后的情感和心理学
- 【译文】构建积极友好的 UI
Koa2系列教程
- middleware
- router
- controller & template
- context
- 安全认证
- model & mongodb
- tools
扩展:
Python3系列教程
- 基础
- 类/库/对象
- 数据处理
- pymongo
- 多线程
- UnitTest
- 打包发布自己的库
- 命令行工具
扩展:
Python进阶
- Magic Python
- Effective Python
- Python Style Guide
- Python 中的 Collections 库
Ember文档翻译系列(V2.8.0)
- Tutorial
- Ember的核心概念
- Ember中的对象
- Routing
- Template
- Component
- Controller
- Model
算法 & ML
好玩的
- Electron
优点:web写法(其实就是前端),一次书写可编译成多平台应用
缺点:打包后体积太大。经验不足的开发者容易把它做成和web没有太大差别,仅仅是外面套了个壳的应用。和原生应用相比,可获取的系统接口还是太少,一般情况下没有太大开发意义,产品易被网页版取代
- Elm
优点: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
- redux 源码解析
状态管理插件,本质上就是一个函数库
基于jQuery的图片懒加载插件
一个兼容多平台多种类浏览器的 notification 插件
一个依赖于 jQuery 的插件,提供按键监听
通过封装localStorage API,提供了友好的操作,并兼容IE
一个在页面(或特定容器)顶部创建进度条的插件
Object.assign
的ponyfill
,兼容性很好
js-bits
使用代码解释JavaScript
的概念,翻译自vasanthk/js-bits
,已获得作者授权。
License
Apache License 2.0