# Coding-Guide

**Repository Path**: qiuxu-git/Coding-Guide

## Basic Information

- **Project Name**: Coding-Guide
- **Description**: 自己随手记录的东西
- **Primary Language**: Matlab
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-04-08
- **Last Updated**: 2021-04-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<!-- START doctoc generated TOC please keep comment here to allow auto update -->
<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
**Table of Contents**  *generated with [DocToc](https://github.com/thlorenz/doctoc)*

- [Menu](#menu)
- [专题](#%E4%B8%93%E9%A2%98)
  - [JavaScript](#javascript)
  - [关于项目](#%E5%85%B3%E4%BA%8E%E9%A1%B9%E7%9B%AE)
  - [关于产品](#%E5%85%B3%E4%BA%8E%E4%BA%A7%E5%93%81)
  - [Koa2系列教程](#koa2%E7%B3%BB%E5%88%97%E6%95%99%E7%A8%8B)
  - [Python3系列教程](#python3%E7%B3%BB%E5%88%97%E6%95%99%E7%A8%8B)
  - [Python进阶](#python%E8%BF%9B%E9%98%B6)
  - [Ember文档翻译系列(V2.8.0)](#ember%E6%96%87%E6%A1%A3%E7%BF%BB%E8%AF%91%E7%B3%BB%E5%88%97v280)
  - [算法 & ML](#%E7%AE%97%E6%B3%95--ml)
  - [好玩的](#%E5%A5%BD%E7%8E%A9%E7%9A%84)
  - [源码解读](#%E6%BA%90%E7%A0%81%E8%A7%A3%E8%AF%BB)
  - [js-bits](#js-bits)
- [License](#license)

<!-- END doctoc generated TOC please keep comment here to allow auto update -->

![Coding-Guide](./image/Coding-Guide.png)

> 个人学习笔记与博文

## Menu

- Tools
  - Plugin
    - [css-plugin](./Tools/Plugin/css-plugin.md)
    - [js-plugin](./Tools/Plugin/js-plugin.md)
    - [react-plugin](./Tools/Plugin/react-plugin.md)
    - [python-plugin](./Tools/Plugin/python-plugin.md)
  - Framework
    - [css-ui-framework](./Tools/Framework/css-ui-framework.md)
    - [react-ui-framework](./Tools/Framework/react-ui-framework.md)
- Notes
  - [JavaScript](./Notes/JavaScript)
  - [Python](./Notes/Python)
  - [html & css](./Notes/CSS)
  - [前端工程](./Notes/前端工程)
  - [NodeJS](./Notes/NodeJS)
    - [基础](./Notes/NodeJS/基础)
    - [Express](./Notes/NodeJS/Express)
    - [KOA](./Notes/NodeJS/KOA)
  - [React](./Notes/React)
    - [Redux](./Notes/React/Redux)
    - [ReactJS](./Notes/React/ReactJS)
    - [React Native](./Notes/React/ReactNative)
  - Lua
  - [算法](https://github.com/ecmadao/algorithms)
  - [机器学习](https://github.com/ecmadao/ml-in-action)
  - [Projects](./Notes/Projects)
  - [译文](./Notes/译文)
  - [Electron](./Notes/Electron)
  - [UnitTest](./Notes/UnitTest)
  - [Elm](./Notes/Elm)
  - [Ember](./Notes/ember)

## 专题

### JavaScript

- [Webpack配置从零到一](./Notes/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B/Webpack%E9%85%8D%E7%BD%AE%E4%BB%8E%E9%9B%B6%E5%88%B0%E4%B8%80.md)
- [【译文】用Webpack武装自己](./Notes/%E8%AF%91%E6%96%87/%E3%80%90%E8%AF%91%E6%96%87%E3%80%91%E7%94%A8Webpack%E6%AD%A6%E8%A3%85%E8%87%AA%E5%B7%B1.md)
- [PostCSS配置指北](./Notes/CSS/PostCSS%E9%85%8D%E7%BD%AE%E6%8C%87%E5%8C%97.md)
- [【译文】七条可应用于设计的心理学原则](./Notes/%E8%AF%91%E6%96%87/%E3%80%90%E8%AF%91%E6%96%87%E3%80%91%E4%B8%83%E6%9D%A1%E5%8F%AF%E5%BA%94%E7%94%A8%E4%BA%8E%E8%AE%BE%E8%AE%A1%E7%9A%84%E5%BF%83%E7%90%86%E5%AD%A6%E5%8E%9F%E5%88%99.md)
- [【译文】网页设计中隐藏在色彩之后的情感和心理学](./Notes/%E8%AF%91%E6%96%87/%E3%80%90%E8%AF%91%E6%96%87%E3%80%91%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E4%B8%AD%E9%9A%90%E8%97%8F%E5%9C%A8%E8%89%B2%E5%BD%A9%E4%B9%8B%E5%90%8E%E7%9A%84%E6%83%85%E6%84%9F%E5%92%8C%E5%BF%83%E7%90%86%E5%AD%A6.md)
- [手把手撸一个React Timepicker NPM组件](./Notes/React/ReactJS/Write%20a%20React%20Timepicker%20Component%20hand%20by%20hand.md)
- [Redux入坑进阶-源码解析](./Notes/React/Redux/Redux%E5%85%A5%E5%9D%91%E8%BF%9B%E9%98%B6-%E6%BA%90%E7%A0%81%E8%A7%A3%E6%9E%90.md)
- [前端单元测试探索](./Notes/UnitTest/%E5%89%8D%E7%AB%AF%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95%E6%8E%A2%E7%B4%A2.md)
- RxJS
  - [探索 RxJS - Core Concept](./Notes/RxJS/探索RxJS-CoreConcept.md)
  - [探索RxJS - 做一个 github 小应用](./Notes/RxJS/探索RxJS-做一个github小应用.md)
  - [探索 RxJS - Observable](./Notes/RxJS/探索RxJS-Observable.md)
- [JavaScript 中的数据结构](https://github.com/ecmadao/Coding-Guide/blob/master/Notes/JavaScript/JavaScript%20%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84.md)

### 关于项目

- [极客与团队](./Notes/Projects/极客与团队.md)
- [The Pragmatic Programmer](https://github.com/ecmadao/Coding-Guide/blob/master/Notes/Projects/The%20Pragmatic%20Programmer.md)
- [Rework](./Notes/Projects/Rework.md)

### 关于产品

- [Don't Make Me Think](./Notes/Projects/Don-t-Make-Me-Think.md)
- [【译文】七条可应用于设计的心理学原则](./Notes/%E8%AF%91%E6%96%87/%E3%80%90%E8%AF%91%E6%96%87%E3%80%91%E4%B8%83%E6%9D%A1%E5%8F%AF%E5%BA%94%E7%94%A8%E4%BA%8E%E8%AE%BE%E8%AE%A1%E7%9A%84%E5%BF%83%E7%90%86%E5%AD%A6%E5%8E%9F%E5%88%99.md)
- [【译文】网页设计中隐藏在色彩之后的情感和心理学](./Notes/%E8%AF%91%E6%96%87/%E3%80%90%E8%AF%91%E6%96%87%E3%80%91%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E4%B8%AD%E9%9A%90%E8%97%8F%E5%9C%A8%E8%89%B2%E5%BD%A9%E4%B9%8B%E5%90%8E%E7%9A%84%E6%83%85%E6%84%9F%E5%92%8C%E5%BF%83%E7%90%86%E5%AD%A6.md)
- [【译文】构建积极友好的 UI](https://github.com/ecmadao/Coding-Guide/blob/master/Notes/%E8%AF%91%E6%96%87/%E3%80%90%E8%AF%91%E6%96%87%E3%80%91%E6%9E%84%E5%BB%BA%E7%A7%AF%E6%9E%81%E5%8F%8B%E5%A5%BD%E7%9A%84%20UI.md)

### Koa2系列教程

- [middleware](./Notes/NodeJS/KOA/learn%20koa2--middleware.md)
- [router](./Notes/NodeJS/KOA/learn%20koa2--router.md)
- [controller & template](./Notes/NodeJS/KOA/learn%20koa2--controller%20%26%20template.md)
- [context](./Notes/NodeJS/KOA/learn%20koa2--context.md)
- [安全认证](./Notes/NodeJS/KOA/learn%20koa2--%E8%AE%A4%E8%AF%81.md)
- [model & mongodb](./Notes/NodeJS/KOA/learn%20koa2--model%20%26%20mongodb.md)
- [tools](./Notes/NodeJS/KOA/learn%20koa2--tools.md)

扩展：

- [源码与线上DEMO](https://github.com/ecmadao/Learn-Koa2)
- [Gitbook](https://ecmadao.gitbooks.io/learn-koa2/content/)

### Python3系列教程

- [基础](./Notes/Python/Python%E5%8F%8A%E5%BA%94%E7%94%A8/Python3%E5%8F%8A%E5%BA%94%E7%94%A81-%E5%9F%BA%E7%A1%80.md)
- [类/库/对象](./Notes/Python/Python%E5%8F%8A%E5%BA%94%E7%94%A8/Python3%E5%8F%8A%E5%BA%94%E7%94%A82-%E7%B1%BB:%E5%BA%93:%E5%AF%B9%E8%B1%A1.md)
- [数据处理](./Notes/Python/Python%E5%8F%8A%E5%BA%94%E7%94%A8/Python3%E5%8F%8A%E5%BA%94%E7%94%A83-%E6%95%B0%E6%8D%AE%E5%A4%84%E7%90%86.md)
- [pymongo](./Notes/Python/Python%E5%8F%8A%E5%BA%94%E7%94%A8/Python3%E5%8F%8A%E5%BA%94%E7%94%A84-pymongo.md)
- [多线程](./Notes/Python/Python%E5%8F%8A%E5%BA%94%E7%94%A8/Python3%E5%8F%8A%E5%BA%94%E7%94%A85-%E5%A4%9A%E7%BA%BF%E7%A8%8B.md)
- [UnitTest](./Notes/Python/Python%E5%8F%8A%E5%BA%94%E7%94%A8/Python3%E5%8F%8A%E5%BA%94%E7%94%A86-UnitTest.md)
- [打包发布自己的库](./Notes/Python/Python%E5%8F%8A%E5%BA%94%E7%94%A8/Python3%E5%8F%8A%E5%BA%94%E7%94%A87-%E6%89%93%E5%8C%85%E5%8F%91%E5%B8%83%E8%87%AA%E5%B7%B1%E7%9A%84%E5%BA%93.md)
- [命令行工具](./Notes/Python/Python%E5%8F%8A%E5%BA%94%E7%94%A8/Python3%E5%8F%8A%E5%BA%94%E7%94%A88-%E5%91%BD%E4%BB%A4%E8%A1%8C%E5%B7%A5%E5%85%B7.md)

扩展：

- [Gitbook](https://ecmadao.gitbooks.io/python3/content/)

### Python进阶

- [Magic Python](./Notes/Python/Python进阶/Magic%20Python.md)
- [Effective Python](https://github.com/ecmadao/Coding-Guide/blob/master/Notes/Python/Python%E8%BF%9B%E9%98%B6/Effective%20Python.md)
- [Python Style Guide](./Notes/Python/Python进阶/Python%20Style%20Guide.md)
- [Python 中的 Collections 库](https://github.com/ecmadao/Coding-Guide/blob/master/Notes/Python/Python%E8%BF%9B%E9%98%B6/Python%20%E4%B8%AD%E7%9A%84%20Collections%20%E5%BA%93.md)

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

- [Tutorial](./Notes/ember/ember%E5%88%9D%E6%8E%A2--tutorial.md)
- [Ember的核心概念](./Notes/ember/ember%E5%88%9D%E6%8E%A2--Core%20Concept.md)
- [Ember中的对象](./Notes/ember/Ember%E5%88%9D%E6%8E%A2--Ember%E4%B8%AD%E7%9A%84%E5%AF%B9%E8%B1%A1.md)
- [Routing](./Notes/ember/Ember%E5%88%9D%E6%AD%A5--Routing.md)
- [Template](./master/Notes/ember/Ember%E5%88%9D%E6%AD%A5--Template.md)
- [Component](./Notes/ember/Ember%E5%88%9D%E6%AD%A5--Component.md)
- [Controller](./Notes/ember/Ember%E5%88%9D%E6%AD%A5--Controller.md)
- [Model](./Notes/ember/Ember%E5%88%9D%E6%AD%A5--Model.md)

### 算法 & ML

- [算法](https://github.com/ecmadao/algorithms)
- [机器学习 - 用 JS 实现](https://github.com/ecmadao/ml-in-action)

### 好玩的

- [Electron](./Notes/Electron/Electron%E3%80%9001%E3%80%91--%E4%B8%BB%E8%BF%9B%E7%A8%8BVS%E6%B8%B2%E6%9F%93%E8%BF%9B%E7%A8%8B%26%E4%B8%8D%E5%90%8C%E9%A1%B5%E9%9D%A2%E9%97%B4%E5%85%B1%E4%BA%AB%E6%95%B0%E6%8D%AE.md)

> 优点：web写法（其实就是前端），一次书写可编译成多平台应用
>
> 缺点：打包后体积太大。经验不足的开发者容易把它做成和web没有太大差别，仅仅是外面套了个壳的应用。和原生应用相比，可获取的系统接口还是太少，一般情况下没有太大开发意义，产品易被网页版取代

- [Elm](./Notes/Elm/Think%20in%20Elm.md)

> 优点：Redux鼻祖。纯函数式编程，简洁，漂亮。
>
> 缺点：学习和开发、维护成本偏高。很少运用于生产环境

- [React Native](https://github.com/ecmadao/F8App-Analysis)

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

- [React Times](https://github.com/ecmadao/react-times)

  - [源码](https://github.com/ecmadao/react-times)
  - [教程](./Notes/React/ReactJS/Write%20a%20React%20Timepicker%20Component%20hand%20by%20hand.md)

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

- [剁手党](https://github.com/ecmadao/Hands-Chopping)

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

- [Alfred TodoList](https://github.com/ecmadao/Alfred-TodoList)

> 基于Mac神器Alfred的一个Todo App，使用Python2编写
>
> 优点：Alfred插件可以拿多种脚本语言编写，甚至可以和系统API联动
>
> 缺点：可惜的是目前Alfred还不支持Python3，以及对于第三方库的支持也不太友好。

- [cliper-chrome](https://github.com/ecmadao/cliper-chrome)
- [cliper-backend](https://github.com/ecmadao/cliper-backend)
- [chrome扩展程序开发](https://github.com/ecmadao/Coding-Guide/blob/master/Notes/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B/Chrome扩展程序开发.md)

> 一个Chrome扩展程序 + 对应的前后端（Koa2 + react），作用是快速保存页面或者页面上选择的文本，用于阅读文章时的摘记和整理
>
> 初版已部署上线：[cliper](http://cliper.com.cn)、[cliper chrome extension](https://chrome.google.com/webstore/detail/cliper/biijehenaabpogldekblkfgooifmagbi)

- [github chrome 插件](https://github.com/ecmadao/github-extension)

> 提高 pull request 创建 / code review 体验，在仓库主页展示其大小和相关推荐的开源项目
>
> [download in chrome extension store](https://chrome.google.com/webstore/detail/dimfhhiifdbdcjaoijgldompniobhcbd)

### 源码解读

> 大部分位于 github 仓库：[code-analysis](https://github.com/ecmadao/code-analysis)

- [redux 源码解析](./Notes/React/Redux/Redux%E5%85%A5%E5%9D%91%E8%BF%9B%E9%98%B6-%E6%BA%90%E7%A0%81%E8%A7%A3%E6%9E%90.md)

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

- [blazy 源码解析](https://github.com/ecmadao/code-analysis/blob/master/analysis/blazy.js)

基于jQuery的图片懒加载插件

- [push.js 源码解析](https://github.com/ecmadao/code-analysis/blob/master/analysis/notification/push.js)

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

- [jquery.hotkeys 源码解析](https://github.com/ecmadao/code-analysis/blob/master/analysis/hotkey/jquery.hotkeys.js)

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

- [store.js 源码解析](https://github.com/ecmadao/code-analysis/blob/master/analysis/storage/store.js)

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

- [nprogress 源码解析](https://github.com/ecmadao/code-analysis/blob/master/analysis/nprogress.js)

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

- [object-assign 源码分析](https://github.com/ecmadao/code-analysis/blob/master/analysis/object-assign.js)

`Object.assign`的`ponyfill`，兼容性很好

### [js-bits](https://github.com/ecmadao/js-bits-cn)

使用代码解释`JavaScript`的概念，翻译自[`vasanthk/js-bits`](https://github.com/vasanthk/js-bits)，已获得作者授权。

## License

Apache License 2.0