ecmadao/Coding-Guide

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
• Notes
  • JavaScript
  • Python
  • html & css
  • 前端工程
  • NodeJS
    • 基础
    • Express
    • KOA
  • React
    • Redux
    • ReactJS
    • React Native
  • Lua
  • 算法
  • 机器学习
  • Projects
  • 译文
  • Electron
  • UnitTest
  • Elm
  • Ember
  • Swift4 & iOS
  • Ruby
  • Haskell

专题

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

扩展：

• 源码与线上DEMO
• Gitbook

Python3系列教程

• 基础
• 类/库/对象
• 数据处理
• pymongo
• 多线程
• UnitTest
• 打包发布自己的库
• 命令行工具

扩展：

• Gitbook

Python进阶

• Magic Python
• Effective Python
• Python Style Guide
• Python 中的 Collections 库

Ember文档翻译系列(V2.8.0)

• Tutorial
• Ember的核心概念
• Ember中的对象
• Routing
• Template
• Component
• Controller
• Model

算法 & ML

• 算法
• 机器学习 - 用 JS 实现

好玩的

• Electron

优点：web写法（其实就是前端），一次书写可编译成多平台应用

缺点：打包后体积太大。经验不足的开发者容易把它做成和web没有太大差别，仅仅是外面套了个壳的应用。和原生应用相比，可获取的系统接口还是太少，一般情况下没有太大开发意义，产品易被网页版取代

• Elm

优点：Redux鼻祖。纯函数式编程，简洁，漂亮。

缺点：学习和开发、维护成本偏高。很少运用于生产环境

• React Native

优点：没玩过weex，除此以外RN是我见过的性能最好对React栈前端尤其友好的跨平台框架。生产环境下编译后应用运行速度不会比原生差很大。

缺点：交互弱。属于跨平台框架通病

• React Times

  • 源码
  • 教程

一个React小时选择组件，支持24小时/12小时制

• 剁手党

【Hands Chopping】【剁手党】Python3编写的爬取淘宝/京东命令行工具。使用xpath + Selenium

• Alfred TodoList

基于Mac神器Alfred的一个Todo App，使用Python2编写

优点：Alfred插件可以拿多种脚本语言编写，甚至可以和系统API联动

缺点：可惜的是目前Alfred还不支持Python3，以及对于第三方库的支持也不太友好。

• cliper-chrome
• cliper-backend
• chrome扩展程序开发

一个Chrome扩展程序 + 对应的前后端（Koa2 + react），作用是快速保存页面或者页面上选择的文本，用于阅读文章时的摘记和整理

初版已部署上线：cliper、cliper chrome extension

• github chrome 插件

提高 pull request 创建 / code review 体验，在仓库主页展示其大小和相关推荐的开源项目

download in chrome extension store

源码解读

大部分位于 github 仓库：code-analysis

• redux 源码解析

状态管理插件，本质上就是一个函数库

• blazy 源码解析

基于jQuery的图片懒加载插件

• push.js 源码解析

一个兼容多平台多种类浏览器的 notification 插件

• jquery.hotkeys 源码解析

一个依赖于 jQuery 的插件，提供按键监听

• store.js 源码解析

通过封装localStorage API，提供了友好的操作，并兼容IE

• nprogress 源码解析

一个在页面（或特定容器）顶部创建进度条的插件

• object-assign 源码分析

Object.assign的ponyfill，兼容性很好

js-bits

使用代码解释JavaScript的概念，翻译自vasanthk/js-bits，已获得作者授权。

License

Apache License 2.0