Coding-Guide icon indicating copy to clipboard operation
Coding-Guide copied to clipboard

自己随手记录的东西

Table of Contents generated with DocToc

  • Menu
  • 专题
    • JavaScript
    • 关于项目
    • 关于产品
    • Koa2系列教程
    • Python3系列教程
    • Python进阶
    • Ember文档翻译系列(V2.8.0)
    • 算法 & ML
    • 好玩的
    • 源码解读
    • js-bits
  • License

Coding-Guide

个人学习笔记与博文

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 中的数据结构

关于项目

关于产品

  • 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),作用是快速保存页面或者页面上选择的文本,用于阅读文章时的摘记和整理

初版已部署上线:clipercliper chrome extension

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

download in chrome extension store

源码解读

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

  • redux 源码解析

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

基于jQuery的图片懒加载插件

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

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

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

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

Object.assignponyfill,兼容性很好

js-bits

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

License

Apache License 2.0