# node-index

**Repository Path**: yuwengeng/node-index

## Basic Information

- **Project Name**: node-index
- **Description**: 学习笔记、博文、简书、工作日常踩坑记录以及一些独立作品的汇总目录
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 1
- **Created**: 2020-02-19
- **Last Updated**: 2026-02-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 这里集合了自己github的一个索引和专题demo

这个项目以为创建之初时间比较早，目的就是为了记录自己开发过程中遇到的坑和问题。 
后来渐渐演变为记录一些学习知识的一个记录文档， 以为很多东西很感兴趣，但是学习了之后使用场景不多， 导致遗忘比较快， 
所以我写文章的时候， 就尽量写的详细， 能整理为一个体系的就尽量整理为一个体系。

当时目标就是JS 点击就能run, html双击就能跑，毫无工程化可言。 我新起了一个项目 [node-index-core](https://github.com/yanlele/node-index-core), 
这个项目只放置代码， 本项目只放置学习文章。相互配合，同时更新，前端系列的学习和维护 一直会坚持到我整个职业生涯。


### 目录
- [一、已经发布npm的开源模块](#class01)
- [二、对别人项目的研究（详细阅读源码之后写下的一些笔记和项目注释-已完成）](#class02)
- [三、独立项目列表（已完成）](#class03)
- [四、正在进行的独立项目(进行中)](#class04)
- [五、源码研究](#class05)
- [六、专题笔记归类(简书总结)](#class06)
- [七、通用功能js模块组件](#class07)
- [八、基础框架知识归类](#class08)
- [九、年度计划和日志目录](#class09)


### <div id="class01">已经发布npm的开源模块</div>      
- [koa2日志监控中间件:koa-logs-middleware](https://github.com/yanlele/koa-logs-middleware)
- [前端工程化](https://github.com/yanlele/le-cli)
- [前端工程化](https://github.com/cli-template-build)
- [小程序接入redux](https://github.com/yanlele/redux2miniapp)


### <div id="class02">对别人项目的研究（详细阅读源码之后写下的一些笔记和项目注释-已完成）</div>                  
- [express基本使用,包括注册,登陆,上传,下载,登录权限控制,session持久化,邮件发送,网络爬虫等](https://github.com/yanlele/express)
- [基于webpack3多页面打包](https://github.com/yanlele/webpack-dev)
- [基于node的博客（极其经典，技术UP）](https://github.com/yanlele/N-blog)
- [cvms构建工具项目架构思路](./03、项目架构思路学习/01、CVMS构建工具项目架构思路.xmind)


### <div id="class03">个人项目列表（已完成）</div>
- [基于vue和express的一个小型电商全栈项目](https://github.com/yanlele/nodeMall)
- [react新闻站项目pc+移动双端](https://github.com/yanlele/React-News)
- [基于socket.IO 的一个较为复杂的项目案例，参考自《node.js实战》](https://github.com/yanlele/chatApplication)
- [react实战项目实战一：基于socket.io和express的一个全栈项目](https://github.com/yanlele/ReactAppChatWork)
- [基于vue的一些列vue全家桶的技术实现实例](https://github.com/yanlele/vueModel)
- [webpack3的学习与代码示例](https://github.com/yanlele/webpack3Study)
- [基于vue的移动端在线音乐播放器](https://github.com/yanlele/yanle-music)
- [koa2的学习笔记项目demo](https://github.com/yanlele/koa-study)


### <div id="class04">正在进行的个人项目 - 包含待研究的项目(进行中)</div>
- [DoraCMS是基于Nodejs+express+mongodb编写的一套内容管理系统:DoraCMS](https://github.com/doramart/DoraCMS)
- [基于react 高仿csdn博客后端](https://github.com/yanlele/react-blog-server)
- [koa+TypeScript构建商城类项目服务端*****](https://github.com/yanlele/koa-typescript)
- [《Node.js从入门到上线》—— Koa2 + MongoDB 搭建博客系统](https://github.com/liuxing/node-blog)
- [koa2构建工具koa2-starter-cli](https://github.com/liuxing/koa2-starter-cli)
- [《Node.js入门教程》](https://github.com/liuxing/node-abc)
- [canvas-test](https://github.com/whxaxes/canvas-test)
- [超多经典 canvas 实例，动态离子背景、移动炫彩小球、贪吃蛇、坦克大战、是男人就下100层、心形文字等等等](https://github.com/bxm0927/canvas-special)
- [一个基于Phaser的小游戏集合](https://github.com/channingbreeze/games)
- [vue+koa2 实现一个简单电商网站](https://github.com/liutaochange/Vue-and-Koa2)
- [基于vue2 + vue-router + vuex 构建的一个新闻类单页面应用 —— 今日头条（移动端）](https://github.com/uncleLian/vue2-news)


### <div id="class05">源码研究</div>
- [time-formater:在javascript中显示日期](https://github.com/pengng/time-formater)


### <div id="class06">专题笔记归类(简书总结)</div>
- [01、react简书笔记](./book/01、react专题)

- [02、ES6/7简书笔记](./book/02、ES6&7)
    - [1、let和const](./book/02、ES6&7/1、let和const/let和const.md)
    - [2、变量的解构赋值](./book/02、ES6&7/2、变量的解构赋值/变量的解构赋值.md)
    - [3、字符串的扩展](./book/02、ES6&7/3、字符串的扩展/3、字符串的扩展.md)
    - [4、数值的扩展和Math对象的扩展](./book/02、ES6&7/4、数值的扩展和Math对象的扩展/4、数值的扩展和Math对象的扩展.md)
    - [5、数组的扩展](./book/02、ES6&7/5、数组的扩展/README.md)
    - [6、函数的扩展](./book/02、ES6&7/6、函数的扩展/README.md)
    - [7、对象的扩展](./book/02、ES6&7/7、对象的扩展/README.md)
    - [8、Proxy和Reflect](./book/02、ES6&7/8、Proxy和Reflect/README.md)
    - [9、Set和Map数据结构](./book/02、ES6&7/9、Set和Map数据结构/README.md)
    - [10、Iterator 和 for...of 循环](./book/02、ES6&7/10、Iterator%20和%20for...of%20循环/README.md)
    - [11、Generator](./book/02、ES6&7/11、Generator/README.md)
    - [12、Promise](./book/02、ES6&7/12、Promise对象/README.md)
    - [13、其他知识点儿的总结](./book/02、ES6&7/13、其他知识点儿的总结)
    
- [03、css3专题](./book/03、css3专题)
    
- [04、javascript设计模式](./book/04、js设计模式)

- [05、基础知识点总结](./book/05、基础知识点专题)

- [06、canvas总结](./book/06、canvas总结)
    - [01、canvas初级使用](./book/06、canvas总结/01、canvas初级.md)
    - [02、基于canvas的小游戏和其他demo](https://github.com/yanlele/canvas-game)
        
- [07、leetCode-cn](./book/07、leetCode)

- [08、前端入门和进阶学习笔记，超详细的前端学习图文教程。从零开始学前端，做一个web全栈工程师。](https://github.com/smyhvae/Web)

- [09、学习javascript数据结构与算法](./book/09、学习javascript数据结构与算法)
        
- [10、DOM和BOM](./book/10、DOM和BOM)

- [11、深入webpack工程化](./book/11、深入webpack工程化/)

- [12、学习TypeScript](https://github.com/yanlele/TyepScript-learning)

- [13、测试专题](./book/13、测试专题/)

- [14、深入浅出MySQL 数据库开发 优化与管理维护](./book/14、深入浅出MySQL%20数据库开发%20优化与管理维护/)

- [15、Linux相关学习](./book/15、Linux相关知识点)

- [16、前端数据可视化D3.js学习](https://github.com/yanlele/D3.js-learning)

- [17、数据结构与算法专题](./book/17、数据结构与算法专题)

- [18、flutter 基础入门](./book/18、flutter%20基础入门)

- [19、node爬虫](https://github.com/yanlele/node-index-core/tree/master/packages/spider)

- [20、docker&DevOps](./book/20、docker&Devops)

- [21、小程序](./book/21、小程序)

- [22、必须要学好英语](./book/22、必须要学好英语)

- [23、RXJS学习专题](./book/23、RXJS学习专题/23、RXJS学习专题.md)



### <div id="class07">通用功能js模块组件</div>
- 原生组件和公用功能部分
    - [常用功能函数:url带参数跳转，获取url参数，请求序列化param等功能](./通用功能js模块/js/1、site/site.js)
    - [日期格式化组件](./通用功能js模块/js/2、日期格式化组件/dateFormat.js)
    - [前端身份证信息验证正则表达式](./18年/4月/05、前端身份证信息验证正则表达式/index.js)
    - [基础公用方法库公共方法 - 前端层面](./18年/6月/06、基础公用方法库/01、前端层面/index.js)
    - [基础公用方法库公共方法- node层面](./18年/6月/06、基础公用方法库/02、node层面/index.js)
    - [js插件汇总](https://github.com/WangZhenHao/plugin-collect)
    - [swiper组件使用示例](./lib/swiper-4.1.6/demos/)
    - [typing.js一款非常好用的js打印机效果插件，能够直接复制文本原样打印输出](./lib/typing.js/)
    - [https://github.com/Zhouzi/TheaterJS 一款十分优秀的打字机效果插件](https://github.com/Zhouzi/TheaterJS)
    - [audio标签兼容性自动播放解决方案](./18年/07月/07、audio标签兼容性自动播放解决方案)
    - [简易的实现一个打字机效果](./18年/07月/08、简易的实现一个打字机效果)
    - [数字滚动展示组件countUp.js](./18年/07月/11、数字滚动展示组件countUp.js)
    - [A javascript library for multi-touch gestures](https://github.com/hammerjs/hammer.js)
    - [人民币大小写互换](./18年/08月/03、人民币大小写互换/rmbHelper.js)
    
- vue组件
    - [swiper](./通用功能js模块/vue/1、swiper/swiper.vue)
    - [vue使用的转场特效插件 - vueg](https://github.com/jaweii/vueg)
    
- react组件
    - [react-swipeable: React swipe component - Swipe bindings for react](https://github.com/dogfessional/react-swipeable)
    - [基于react的前端文件上传](./18年/6月/08、基于react的前端文件上传)
    - [一键分享到各大社交网站的react组件](https://github.com/DawnyWu/react-share-buttons)


- jQuery组件
    - [改造bootstrap的模态框功能modal](./通用功能js模块/jquery/1、modal)    
    - [移动端商城购物车触控拉动](./通用功能js模块/jquery/2、touch/touch.js)
    - [日历js组件独立(可以自己定制化样式)](./通用功能js模块/jquery/3、calendar/AutoDate.js)
    - [空中撒金币特效](./通用功能js模块/jquery/4、点击撒金币特效/canvas撒金币.html)
    - [jquery 实现轮播图](./18年/3月/12、jquery%20实现轮播图/index.html)
    - [jQuery网站公告上下滚动自动轮播代码](./18年/3月/13、jQuery网站公告上下滚动自动轮播代码/index.html)
    - [jquery上传组件plupload使用示例](./18年/3月/15、jquery上传组件plupload使用示例/index.js)
    
    
- [其他开源常用模块组件收录目录](./通用功能js模块/other)


### <div id="class08">基础框架知识归类</div>
- [踩坑记录和一些项目的总结](./01、踩坑总结)
    - [对隐藏右边滚动条的研究](./01、踩坑总结/01、对隐藏右边滚动条的研究/index.html)
    - [给table的tr加不上bottom样式的解决方案](01、踩坑总结/02、给table的tr加不上bottom样式的解决方案/README.md)
    - [jquery老项目模块cmd改装方案](01、踩坑总结/03、jquery老项目模块cmd改装方案/index.js)
    - [关于定制化select的一些解决方案](01、踩坑总结/04、关于定制化select的一些解决方案/index.html)
    - [端口被占用情况解决方案](01、踩坑总结/05、端口被占用情况解决方案/README.md)
    - [git使用SSH密匙配置](01、踩坑总结/06、git使用SSH密匙配置/README.md) 
    - [渐变背景色](01、踩坑总结/07、渐变背景色/index.html)
    - [关于select获取值和value](01、踩坑总结/08、关于select获取值和value/index.html)
    - [更改checkBox的默认样式](01、踩坑总结/09、更改checkBox的默认样式/index.html) 
    - [input属性为number，maxlength不起作用如何解决](01、踩坑总结/10、input属性为number，maxlength不起作用如何解决/index.html)
    - [基于jquery的锚点跳转](01、踩坑总结/11、基于jquery的锚点跳转/index.html)
    - [git常用命令汇总, git命令行](01、踩坑总结/12、git常用命令汇总/README.md)
    - [Mac系统占用空间大、空间不够、查看系统文件大小分布](https://blog.csdn.net/u011423056/article/details/79450845)


- 前端基础
    - [对象的拷贝](./18年/1月/对象拷贝/对象拷贝.js)
    - [数组去重算法汇总](./18年/1月/数组去重.js)
    - [常见排序算法](./18年/3月/01、常见排序算法)
    - [移动端rem转换的办法和策略](./18年/3月/04、移动端rem转换的办法和策略)
    - [常用移动端项目head设置内容解析](./18年/3月/05、常用移动端项目head设置内容解析)
    - [doT模板引擎基础语法知识点](./18年/3月/08、doT模板引擎基本语法/README.md)
    - [flex布局的学习](./18年/3月/09、flex布局的学习)
    - [html表格合并单元格](./18年/3月/14、html表格合并单元格/index.html)
    - [清除浮动的解决方案总结](./18年/3月/16、清除浮动的解决方案总结/README.md)
    - [数字金额转繁体中文大写字符串](./18年/4月/01、数字金额转繁体中文大写字符串/index.js)
    - [handlebars使用大全](./18年/3月/18、handlebars使用大全/README.md)
    - [handlebars-helpers主要使用说明和源码解析](./18年/4月/06、handlebars-helpers主要使用说明和源码解析)
    - [JS实现倒计时精确到天数,时,分,秒或者精确到时、分、秒（小时数累加）](./18年/4月/02、JS实现倒计时精确到天数,时,分,秒或者精确到时、分、秒（小时数累加）/index.html)
    - [多个promise嵌套实例](./18年/4月/03、多个promise嵌套实例/README.md)
    - [关于一个高阶函数的案例](./18年/4月/test/03、关于一个高阶函数的案例.js)
    - [js整理常见数组方法和字符串方法操作](./18年/4月/08、整理常见数组和字符串操作/README.md)
    - [一个简单的echarts示例](./18年/5月/02、一个简单的echarts示例/README.md)
    - [关于时间模块moment的使用](./18年/6月/01、关于模块moment的使用/)
    - [深入javascript中Math算数对象与精确到小数位的向上舍入和向下舍入解决办法](./18年/6月/02、深入javascript中Math算数对象与精确到小数位的向上舍入和向下舍入解决办法)
    - [关于对象的遍历]()
    - [reduce()处理对象](./18年/6月/03、reduce()处理对象/index.js)
    - [Object.assign() 与 深拷贝](./18年/6月/04、Object.assign()%20与%20深拷贝)
    - [深入理解 JavaScript 异步](https://github.com/wangfupeng1988/js-async-tutorial)
    - [搜罗一切webpack的好文章](https://github.com/webpack-china/awesome-webpack-cn)
    - [总结css3的常用示例 ***](./18年/6月/09、总结css3的常用示例)
    - [关于class类的问题](./18年/07月/04、关于class类的问题)
    - [关于深拷贝和浅拷贝的实现](./18年/07月/05、关于深拷贝和浅拷贝的实现)
    - [深入研究call和apply(实现继承)](./18年/07月/06、深入研究call和apply)
    - [关于图片预加载的研究](./18年/07月/09、关于图片预加载的研究)
    - [移动端弹出层滚动时禁止body滚动，静止滚动](./18年/07月/12、移动端弹出层滚动时禁止body滚动，静止滚动)
    - [《SVG精髓》 阅读笔记](https://github.com/xswei/SVG_Essentials)
    - [css3新单位vw、vh、vmin、vmax的使用详解](./18年/08月/01、css3新单位vw、vh、vmin、vmax的使用详解/)
    - [关于闭包的研究](./18年/08月/02、关于闭包的研究/)
    - [You Don't Need jQuery](https://github.com/nefe/You-Dont-Need-jQuery/blob/master/README.zh-CN.md)
    - [关于JS的触摸方法](./18年/08月/08、关于JS的触摸方法研究/)
    - [关于屏幕高度，可见区域高度，目标元素高度，文档高度研究](./18年/08月/07、关于屏幕高度，可见区域高度，目标元素高度，文档高度研究/)
    - [非常厉害的关于css样式](https://github.com/chokcoco/iCSS)
    - [lodash中常用的方法](./18年/09月/07、lodash中常用的方法/index.js)
    - [生成UUID算法总结](./18年/09月/08、生成UUID算法总结/index.js)
    - [ts配置文件详解](./18年/09月/09、ts配置文件详解/tsconfig.json)
    - [js实现数组里面对象的去重](./18年/10月/03、js实现数组里面对象的去重/)
    - [fetch的使用](./18年/11月/01、fetch的使用/api.js)
    - [前端展示太长，截取为点点点](./18年/11月/03、前端展示太长，截取为点点点/README.md)
    - [关于this指针的研究](./18年/11月/02、关于this指针的研究/README.md)
    - [垂直和水平居中方案](./18年/11月/04、水平和垂直方案/README.md)
    - [深入fetch](./18年/11月/05、深入fetch/README.md)
    - [深入call、apply、bind实现原理](./18年/11月/06、深入call、apply、bind实现原理/README.md)
    - [实现函数防抖](./18年/11月/07、实现函数防抖/README.md)
    - [实现函数节流](./18年/11月/08、实现函数节流/README.md)
    - [深入理解JavaScript中的尾调用](./18年/11月/09、深入理解JavaScript中的尾调用/README.md)
    - [Promise原理与实现](./18年/12月/05、Promise原理与实现/README.md)
    - [常用工具库收集:licia](https://github.com/liriliri/licia)
    - [lodash中文文档](http://lodash.net)
    - [CSS3的calc()使用](https://www.w3cplus.com/css3/how-to-use-css3-calc-function.html)
    - [lodash的一些高级用法](./19年/01月/03、lodash的一些高级用法)
    - [JavaScript 异步、栈、事件循环、任务队列](https://segmentfault.com/a/1190000011198232)
    - [FormData使用方法详解](https://www.jianshu.com/p/e438fb2238cf)
    - [基于JavaScript判断浏览器到底是关闭还是刷新](http://udn.yyuap.com/forum.php?mod=viewthread&tid=96309)
    - [canvas导出图片方法总结](https://www.cnblogs.com/dupd/p/5893754.html)
    - [点击链接下载图片研究](./19年/03月/06、点击链接下载的研究)
    - [thumbStyle](./19年/04月/03、thumbStyle/styleToCssString.js)
    - [纯 CSS 实现多行文字截断](./19年/04月/04、纯%20CSS%20实现多行文字截断)
    - [微信小程序 - 扩展插件（发送请求、Promise API、表单验证、Restful API）](https://github.com/skyvow/wx-extend)
    - [实现js熔断机制](https://juejin.im/post/5d5c941e6fb9a06b28635429)
    - [一个合格(优秀)的前端都应该阅读这些文章](https://juejin.im/post/5d387f696fb9a07eeb13ea60)
    - [前端进阶必备，github 优质资源整理分享！](https://juejin.im/post/5d3edad9f265da03a652f133)
    - [实现一个掘金Style的文章编辑器](https://juejin.im/post/5d5cd37ff265da0391351965#heading-7)
    - [讲道理，仅3行核心css代码的rate评分组件](https://juejin.im/post/5d57adf5f265da03e3697e1b)
    - [你未必知道的49个CSS知识点](https://juejin.im/post/5d3eca78e51d4561cb5dde12#heading-37)
    - [你为什么这么强，什么都敢盘（reduce）](https://juejin.im/post/5d60353f5188253f64390b7d)
    - [基于 HTML5 Canvas 的拓扑组件开发](https://juejin.im/post/5d631a246fb9a06b2e3cff04)
    - [灵活运用CSS开发技巧(66个实用技巧，值得收藏)](https://juejin.im/post/5d4d0ec651882549594e7293)
    - [如何避开JavaScript浮点数计算精度问题（如0.1+0.2!==0.3）](https://blog.csdn.net/u013347241/article/details/79210840)
    - [手写算法并记住它：快速排序（5行代码简单版）](https://juejin.im/post/5d75b4d45188250c992d5919)
    - [不受控制的 position:fixed](https://www.imooc.com/article/67784)
    - [骚年，你确定没有人在折腾你的站点吗？](https://juejin.im/post/5da1329ce51d45783a772a11)
    - [填坑-输入中文时，拼音阶段会触发input事件](./19年/10月/03、填坑-输入中文时，拼音阶段会触发input事件/03、填坑-输入中文时，拼音阶段会触发input事件.md)
    - [web-component](./19年/10月/04、webComponent/04、webComponent.md)
    - [层叠轮播图的简易制作](https://www.cnblogs.com/Tohold/p/9429890.html)
    - [js焦点图片层叠轮播切换滚动](http://www.51qianduan.com/article/110.html)
    - [原生js实现图片层叠轮播切换效果](https://teakki.com/p/57dfb317d3a7507f975e8270)
    - [babel配置-各阶段的stage的区别](https://blog.csdn.net/wang252949/article/details/79064046)
    

- vue
    - [01、vuex官方经典实例和使用](./18年/1月/shopping-cart)
    - [02、vue项目实际开发总结](./18年/3月/03、vue项目实际开发总结)
    - [03、MVVM双向绑定原理研究与简单的双向绑定实现(包含简单的事件绑定)](./18年/3月/06、双向绑定核心代码)
    - [04、github上VUE 开源项目汇总](./18年/3月/07、VUE开源项目汇总/README.md)


- react
    - [react-redux示例](./17年/12月/11、react-redux示例)
    - [react-router4与合并reducers示例](./17年/12月/12、react-router4与合并reducers示例)
    - [react 高阶函数示例](./18年/1月/14、react%20高阶函数)
    - [react子组件向父组件通信](./18年/4月/07、react%20子组件向父组件通信/READEME.md)
    - [深入理解 React 高阶组件](https://zhuanlan.zhihu.com/p/24776678?group_id=802649040843051008)
    - [工作中的日常踩坑 - 方法传递给子组件执行，但是需要绑定父级this的情况分析](./18年/6月/07、方法传递给子组件执行，但是需要绑定父级this的情况分析/README.md)
    
    
- jquery 
    - [jquery 获取多个checkbox的值](./18年/3月/10、jquery%20获取多个checkbox的值)
    - [jquery获取表单form数据](./18年/3月/17、jquery获取表单数据/README.md)
    - [关于jquery的deferred对象](./18年/07月/10、关于jquery的deferred对象)


- 前端框架周边生态圈技术栈
    - [axios 的一些基本用法](./17年/12月/10、axios%20的一些基本用法)
    - [常用的正则验证例子](./17年/12月/13、正则验证)
    - [获取设备信息(推荐使用模块mobile-detect)](./17年/12月/14、获取设备信息专题/index.js)
    - [nvm常用命令行](./18年/3月/11、nvm常用命令行/README.md)
    - [微信分享JS-SDK](./18年/4月/04、微信分享JS-SDK/index.js)
    - [brew常用命令行](./02、生态圈技术栈/01、brew常用命令行/README.md)
    - [Mac机上安装nvm遇到的坑--nvm command not found](https://www.cnblogs.com/giggle/p/7075548.html)
    - [mac常用命令行](./02、生态圈技术栈/03、mac常用命令行/README.md)
    - [README文件语法解读，即Github Flavored Markdown语法介绍](https://github.com/guodongxiaren/README)
    - [egret-core(html5游戏引擎)](https://github.com/egret-labs/egret-core)
    - [项目规范（包含git管理项目的使用）](https://github.com/elsewhencode/project-guidelines/blob/master/README-zh.md)
    - [MarkDown添加图片的三种方式 - 找时间自己总结一边](https://blog.csdn.net/slaughterdevil/article/details/79255933)
    - [html转换为img、html转换为pdf:render-html-to-pdf](https://github.com/linwalker/render-html-to-pdf)
    - [GithubPages教程 在GithubPages上搭建个人主页](https://blog.csdn.net/yanzhenjie1003/article/details/51703370)
    - [一篇文章，教你学会Git](https://mp.weixin.qq.com/s/-TC07TQoiTNRUJIdBv46SQ)
    - [发布、安装自己的npm模块](https://www.cnblogs.com/yanhua2017/p/7748491.html)
    - [eslint配置文件eslintrc参数详解](./18年/09月/01、eslint配置文件eslintrc参数详解/)
    - [2018前端常见题汇总，不定时更新](https://github.com/qianbin01/frontend_train)
    - [npm镜像源的切换问题](./18年/09月/05、npm镜像源切换问题/README.md)
    - [基于HTML5技术的幻灯片编辑、播放、控制的全套方案](https://github.com/Jinjiang/h5slides)
    - [每个 JavaScript 工程师都应懂的33个概念](https://github.com/stephentian/33-js-concepts)
    - [JavaScript音频播放库](https://github.com/goldfire/howler.js)
    - [内容一键复制到剪切板模块](https://github.com/zenorocha/clipboard.js)
    - [参数校验模块:parameter](https://github.com/node-modules/parameter)
    - [WebStrom Live Template 建代码块](https://blog.csdn.net/liangrongliu1991/article/details/79626960)
    - [Git的奇技淫巧](https://github.com/521xueweihan/git-tips)
    - [Sequelize 文档的中文版本](https://github.com/demopark/sequelize-docs-Zh-CN)
    - [常用eslint配置](./19年/01月/01、常用eslint配置)
    - [常用tslint配置](./19年/01月/02、常用tslint配置)
    - [Some CSS tricks,一些 CSS 常用样式](https://github.com/QiShaoXuan/css_tricks)
    - [React的一个动画库：react-spring](https://github.com/react-spring/react-spring)
    - [解决mac安装homebrew后报错-bash: brew: command not found](https://blog.csdn.net/li396864285/article/details/52572163)
    - [mac 上安装 nvm 遇到的坑](https://www.jianshu.com/p/f6c3ecfdbd97)
    - [node服务端模拟json mock模块:dyson](https://github.com/webpro/dyson)
    - [使用lerna管理大型前端项目](https://www.jianshu.com/p/2f9c05b119c9)
    - [自动添加一个进度条到项目里面， 监听加载：pace](https://github.com/HubSpot/pace)
    - [Git Submodule项目子模块管理](https://blog.csdn.net/xiangzhihong8/article/details/80535495)
    - [commitlint+husky规范commit 日志](https://blog.csdn.net/wei371522/article/details/84070803)
    - [Git commit message和工作流规范](https://www.imooc.com/article/16780)
    - [git合并多个提交](https://www.cnblogs.com/tocy/p/git-rebase-merge-commit.html)
    - [Git提交消息: git-cz](https://www.jianshu.com/p/28617fd95c67)
    - [汉字拼音 ➜ hàn zì pīn yīn](https://github.com/hotoo/pinyin)
    - [数据驱动、渐进式Canvas库，配备Chrome调试插件，支持微信小游戏、物理引擎、2D&3D混合渲染等](https://github.com/c-zhuo/easycanvas)
    - [git commit message emoji 使用指南](https://github.com/liuchengxu/git-commit-emoji-cn)
    - [impress.js制作漂亮前端页面级别PPT](https://github.com/impress/impress.js)
    - [Github上开源项目readme里好看的高大上的有趣的徽章从何而来](https://blog.csdn.net/xialonghua/article/details/87373052)
    - [nodeppt: 把md文档做成PPT](https://github.com/ksky521/nodeppt)
    - [对于水印的研究](./19年/03月/04、水印)
    - [css加载会造成阻塞吗？](./19年/03月/05、css%20加载会造成阻塞吗？/index.md)
    - [Dexie.js:A Minimalistic Wrapper for IndexedDB](https://github.com/dfahlander/Dexie.js)
    - [Commitizen(git-cz)配置](./19年/04月/02、Commitizen(git-cz)配置)
    - [从输入url到页面展示到底发生了什么？](https://mp.weixin.qq.com/s?__biz=MzU2MTI4MjI0MQ==&mid=2247486007&idx=1&sn=176d131e0d35bf9ede04c31effd51e48&chksm=fc7a6799cb0dee8f472b2f44eaa1adc312f99cf3f053bd00f24c2dc1265d83c9823b128a4eaf&mpshare=1&scene=23&srcid=0408UkbC9si520rEHA2w5oCc)
    - [gitbook-use](https://github.com/zhangjikai/gitbook-use)
    - [抽象语法树（AST）](https://segmentfault.com/a/1190000016231512)
    - [WebStorm 关闭自动保存功能添加*星星标记](https://blog.csdn.net/fisherapp1995/article/details/85063199)
    - [LeetCode 算法题刷题心得](https://www.jianshu.com/p/8876704ea9c8) 
    - [git操作之git clean删除一些没有git add的文件](https://www.cnblogs.com/pcx105/p/10036781.html)
    - [react源码分析(3)：react的事件委托机制](https://www.jianshu.com/p/b249793fd2a7)
    - [基于storage开发缓存库 - 源码研究](https://github.com/myronliu347/store.js)
    - [Git中tag标签的使用](https://blog.csdn.net/wei78008023/article/details/81866590)
    - [这些Web API真的有用吗?](https://juejin.im/post/5d5df391e51d453b1e478ad0)
    - [typescript 类型映射 （ReadOnly、Partial）](https://blog.csdn.net/qq_30101131/article/details/83214295)
    - [Ant Design中使用CodeMirror2代码编辑器](https://www.jianshu.com/p/4d5ef6808da7)
    - [Ajax,jQuery ajax,axios和fetch介绍、区别以及优缺点](https://juejin.im/post/5d5e673ff265da03d2114646)
    - [高性能渲染十万条数据](https://juejin.im/post/5d76f469f265da039a28aff7)
    - [使用husky、prettier、lint、commitlint构建规范化项目实践](./19年/09月/01、使用husky、prettier、lint、commitlint构建规范化项目实践/01、使用husky、prettier、lint、commitlint构建规范化项目实践.md)
    - [eslint检测TS项目](./19年/09月/02、eslint检测TS项目/02、eslint检测TS项目.md)
    - [指定文件、指定行、指定代码块不使用ESLint语法检查](https://blog.csdn.net/u013362969/article/details/81215336)
    - [前端mock解决方案](./19年/08月/02、前端mock解决方案/02、前端mock解决方案.md)
    - [在 JS 循环中正确使用 async 与 await](https://blog.csdn.net/sanstu/article/details/90904852)
    

- koa2
    - [koa2-sql项目搭建的示例（通过sql链接数据库）](./18年/1月/12、koa2项目框架搭建)

- express
    - [通过express来读取mock数据（这是一个失败的实例，不要学习，仅供参考）](./17年/12月/5、通过express来读取mock数据（这是一个失败的实例，不要学习，仅供参考）)
    - [express中间件原理](./18年/1月/express中间件的原理/express中间件原理.js)
    - [express装载路由方式](./18年/1月/8、express装载路由的方法)
    - [express登录拦截与校验](./18年/1月/9、登录拦截与校验)
    - [express日志](./18年/1月/10、express日志打印)


- mongoose
    - [mongoose的链表查询](./17年/12月/7、mongoose的链表查询)
    - [mongodb 缓存session](./17年/12月/8、mongodb缓存session)
    - [mongoose的扩展用法](./18年/1月/7、mongoose的扩展用法)
    - [mongoose创建数据结构和实现基本的增删改查](./18年/1月/13、mongoose创建数据结构和实现基本的增删改查)

- MySql
    - [mysql下载与安装问题整理](./18年/09月/02、mysql下载与安装问题整理/)
    - [node_mysql模块的使用](./18年/09月/03、node_mysql模块的使用/index.js)
   

- node其他知识点
    - [上传文件的测试](/17年/12月/1、上传文件的测试)
    - [async/await专题](./17年/12月/2、async&&await)
    - [fs模块对文件夹的操作](./17年/12月/3、fs模块学习)
    - [fs模块对文件的操作](./17年/12月/4、fs对文件的操作)
    - [mock终极解决方案(mock2easy-middleware)](./17年/12月/6、mock终极解决方案/server.js)
    - [使用multer处理文件上传](./17年/12月/9、使用multer处理文件上传)
    - [CommonJs模块规范](./18年/2月/1、commonjs)
    - [node基础api_path](./18年/2月/3、node基础api_path)
    - [node基础api_Buffer](./18年/2月/4、node基础api_Buffer)
    - [node基础api_event](./18年/2月/5、node基础api_event)
    - [node基础api_fs](./18年/2月/6、node基础api_fs)
    - [单元测试(mocha)](./18年/2月/7、单元测试)
    - [大型服务端项目测试(mocha)和UT覆盖示例](./18年/3月/02、大型服务端项目测试和UT覆盖示例)
    - [关于一个随机分类的分组的一个项目](./18年/5月/03、关于一个随机分类的分组的一个项目/)
    - [关于取重算法的研究](./18年/5月/04、关于取重算法的研究/)
    - [nodejs生成表格和解析表格](./18年/5月/05、nodejs生成表格和解析表格/)
    - [nodejs实现控制台输入输出](./18年/5月/06、nodejs实现控制台输入输出/)
    - [把文档文本文件(*.docx)转换文html](https://github.com/mwilliamson/mammoth.js)
    - [Create PDF files using React](https://github.com/diegomura/react-pdf)
    - [Create, read and edit .zip files with Javascript](https://github.com/Stuk/jszip)
    - [mocha测试post和get请求](./18年/6月/05、mocha测试post和get请求)
    - [前后端对称加解密解决方案](./18年/07月/01、前后端对称加解密解决方案/index.js)
    - [封装日志模块 - 基于chalk](./18年/07月/02、封装日志输出模块/index.js)
    - [封装web-app启动模块](./18年/07月/03、封装web-app启动模块/boot.js)
    - [通过user_agent判断用户设备类型（移动还是PC）](./18年/07月/13、通过user_agent判断用户设备类型（移动还是PC）/index.js)
    - [获取客户端IP](./18年/07月/14、获取客户端IP/index.js)
    - [读取递归目录的路径模块: recursive-readdir](https://github.com/jergason/recursive-readdir)
    - [将glob表达式转换为JavaScript RegExp对象:minimatch](https://github.com/isaacs/minimatch)
    - [用于node.js的HTTP请求日志程序中间件:morgan](https://github.com/expressjs/morgan)
    - [handlebars-helpers注入服务端渲染方法](./18年/07月/15、handlebars-helpers注入服务端渲染方法)
    - [对官方handlebars-layouts进行扩展，支持指定particles](./18年/07月/16、对官方handlebars-layouts进行扩展，支持指定particles/handlebars-layout.js)
    - [js加解密库: crypto-js](https://github.com/brix/crypto-js)
    - [服务端生成二维码:qr-image](https://github.com/alexeyten/qr-image)
    - [客户端生成二维码:jrQrcode](https://github.com/diamont1001/jrQrcode)
    - [Inquirer.js交互式命令行工具](./18年/08月/05、Inquirer.js交互式命令行工具/)
    - [对commander的研究](./18年/08月/06、对commander的研究/)
    - [测试框架mochajs详解](https://github.com/zhaosaisai/mocha-in-chinese)
    - [对日志监控系统的研究(bunyan)](./18年/09月/04、对日志监控系统的研究(bunyan)/)
    - [启动本地文件服务的一个模块serve](https://github.com/zeit/serve)
    - [快速线上部署的模块now](https://github.com/zeit/now-cli)
    - [Windows上使用redis的文章](https://blog.csdn.net/u010137839/article/details/80210328)
    - [koa连接redis做缓存](./18年/10月/01、koa连接redis做缓存/README.md)
    - [json验证模块jsonschema的使用](./18年/10月/02、json验证模块jsonschema的使用/)
    - [Safely and quickly serialize JavaScript objects](https://github.com/davidmarkclements/fast-safe-stringify)
    - [关于内存泄漏的文章](https://github.com/zhansingsong/js-leakage-patterns)
    - [WebSocket和Socket.io](https://www.jianshu.com/p/4e80b931cdea)
    - [深度递归合并JS对象](https://github.com/KyleAMathews/deepmerge)
    - [深度递归对比JS对象](https://github.com/flitbit/diff)
    - [《HTTP权威指南》每章的知识点总结](https://github.com/woai30231/http)
    - [V8引擎初步介绍](./18年/12月/03、V8引擎初步介绍/README.md)
    - [node内存优化](./18年/12月/04、node内存优化/README.md)
    - [深度对比算法研究](./18年/12月/06、深度对比算法研究/buildDiff.js)
    - [html输出文件结构](./19年/03月/01、html输出文件结构)
    - [node-rd: 遍历目录下面所有文件目录](./19年/03月/03、node-rd)
    - [node爬虫](./19年/04月/01、node爬虫)
    - [Cross platform setting of environment scripts:cross-env](https://github.com/kentcdodds/cross-env)
    - [Download and extract a git repository (GitHub, GitLab, Bitbucket) from node.](https://github.com/flipxfx/download-git-repo)
    - [基于node的代码生成器](https://github.com/yanlele/node-index-core/tree/master/packages/19%E5%B9%B4/05%E6%9C%88/01%E3%80%81%E4%BB%A3%E7%A0%81%E7%94%9F%E6%88%90%E5%99%A8)
    - [【译】Node.js 子进程：你需要知道的一切](https://mp.weixin.qq.com/s/6reZnrYaD-1BZ50nwWYS3g)
    - [yargs the modern, pirate-themed successor to optimist.](https://github.com/yargs/yargs)
    - [localForage: 本地存储解决方案](https://github.com/localForage/localForage)
    - [写一个 JS 调用栈可视化工具 hound-trace](https://juejin.im/post/5d555ca851882554a13f7cad)
    - [一步步带你实现web全景看房——three.js](https://juejin.im/post/5d57967a6fb9a06b017e4b62)
    - [前端该如何准备数据结构和算法？](https://juejin.im/post/5d5b307b5188253da24d3cd1)
    - [GraphQL + Apollo + Vue 牛刀小试](https://juejin.im/post/5cecc597e51d454fbe24a61a)
    - [apollo-graphql 自己使用的一点姿势](https://juejin.im/post/5ca2bd5c51882543e4506fbf)
    - [require时，exports和module.exports的区别你真的懂吗？](https://juejin.im/post/5d5639c7e51d453b5c1218b4)
    - [5分钟教你用nodeJS手写一个mock数据服务器](https://juejin.im/post/5d7345bce51d453b76258503)
    - [从0构建一个TS-Node项目](./19年/12月/01、从0构建一个TS-Node项目/01、从0构建一个TS-Node项目.md)


- 杂项
    - [Hbase中多版本(version)数据获取办法](https://blog.csdn.net/liuchuanhong1/article/details/53895234/)
    - [Docker上安装运行Hbase](https://blog.csdn.net/liuchuanhong1/article/details/53895234/)
    - [HBase基本概念与基本使用](https://www.cnblogs.com/swordfall/p/8737328.html#auto_id_9)
    - [科学上网](./19年/11月/02、科学上网/02、科学上网.md)
    - [jetbrains:同步服务器代码](https://www.jianshu.com/p/49442ec9bc9f)
   
    
- 其他优秀技术文章与前沿技术收集
    - 博客部分
        - [前端九部](https://github.com/frontend9/fe9-library)
        - [冴羽博客](https://github.com/mqyqingfeng/Blog)
        - [梁少峰博客](https://github.com/youngwind/blog)
        - [@chenshenhai的博客](https://github.com/chenshenhai/blog)
        - [木易杨博客](https://github.com/yygmind/blog)
        - [浪里行舟博客:vue、页面优化、js](https://github.com/ljianshu/Blog)
        - [颜海镜的个人博客:react以及杂类](https://github.com/yanhaijing/yanhaijing.github.io)
        - [ljianshu博客](https://github.com/ljianshu/Blog)
        - [多个关于react的好文章合集: 搭建react全家桶、react高阶组件、react-router4、理解redux](https://github.com/brickspert/blog)                     
        - [SunShinewyf博客:webpack、koa、express、egg、react](https://github.com/SunShinewyf/issue-blog)                      
        - [muwoo/blogs博客：关于vue 源码解析](https://github.com/muwoo/blogs)
        - [forthealllight博客：关于react、js、node、Three.js](https://github.com/forthealllight/blog)
        - [hoperyy/blog:各种文章累心过得收集](https://github.com/hoperyy/blog)
        - [言川的博客](https://github.com/lihongxun945/myblog)
        - [xiaozhi的博客](https://github.com/qq449245884/xiaozhi)
        - [alienzhou/blog](https://github.com/alienzhou/blog)
        - [AnnVoV/blog](https://github.com/AnnVoV/blog/issues)
        - [前端面试 | 设计模式手册 | Webpack4教程 | NodeJs实战 | Js版·剑指offer刷题笔记 ](https://github.com/dongyuanxin/blog)
        - [这个人的博客里面有对puppeteer的研究](https://me.csdn.net/qupan1993)
        - [Full-Stack-Library ** 非常重要](https://github.com/ViktorWong/Full-Stack-Library)
        - [lcxfs1991/blog ** 较高水准的blog](https://github.com/lcxfs1991/blog)
    
    - 文章部分
        - [node-interview](https://github.com/ElemeFE/node-interview/tree/master/sections/zh-cn)
        - [微前端的那些事儿](https://blog.csdn.net/qappleh/article/details/80928434)
        - [《Node.js从入门到上线》A blog build with Koa2](https://github.com/liuxing/node-blog)
        - [《Koa.js 设计模式-学习笔记》](https://github.com/chenshenhai/koajs-design-note)
        - [vue源码解析](https://github.com/muwoo/blogs)
        - [每日时报，会以前端技术体系为主要分享课题](https://github.com/wubaiqing/zaobao)
        - [《快乐的 Linux 命令行》](https://github.com/billie66/TLCL)
        - [学习资源 or 大前端导航](https://github.com/webproblem/learning-article)
        - [Styled-Components](https://segmentfault.com/a/1190000014682665)
        - [redux-observable](https://redux-observable-cn.js.org)
        - [内网渗透TIPS相关文章](https://github.com/Ridter/Intranet_Penetration_Tips)
        - [learning-threejs](https://github.com/josdirksen/learning-threejs)
        - [Fiber and hooks](https://github.com/132yse/fre)
        - [Python数据挖掘与实战](https://github.com/LinXueyuanStdio/PythonDataMining)
        - [JS 全栈开发，技术栈：Egg.js + Vue.js + MySQL](https://github.com/padipata/js-summarize)
        - [《动手学深度学习》](https://github.com/d2l-ai/d2l-zh)
        - [侧重后端应用与对Node核心的理解](https://github.com/jimuyouyou/node-interview-questions)
        - [TS + React + Antd + Koa2 + MongoDB实现的 TodoList 全栈应用](https://github.com/B2D1/TodoList)
        - [前端算法基础**](https://github.com/Advanced-Frontend/Daily-Interview-Question)
        - [git rebase 还是 merge的使用场景最通俗的解释](https://www.jianshu.com/p/4079284dd970)
        - [Java 程序员眼中的 Linux](https://github.com/judasn/Linux-Tutorial)
        - [浏览器数据库 IndexedDB 入门教程](http://www.ruanyifeng.com/blog/2018/07/indexeddb.html)
        - [跨域资源共享 CORS 详解](http://www.ruanyifeng.com/blog/2016/04/cors.html)
        - [走进Vue-cli源码，自己动手搭建前端脚手架工具](https://www.jianshu.com/p/749b22170b7b)
        - [vue-cli的简单实现](https://www.jianshu.com/p/fe174b7eeee3)
        - [使用 NPM 发布与维护 TypeScript 模块](https://my.oschina.net/fenying/blog/1607571)
        - [腾讯云开发者手册](https://cloud.tencent.com/developer/devdocs)
        - [腾讯云开发者手册 - nest](https://cloud.tencent.com/developer/doc/1281)
        - [React + Electron 搭建一个桌面应用](https://juejin.im/post/5a6a91276fb9a01cbd58ce32)
        - [从浏览器渲染原理，说一说如何实现高效的动画](https://juejin.im/post/5d2491ba6fb9a07ecf724b69)
        - [react源码分析(3)：react的事件委托机制](https://www.jianshu.com/p/b249793fd2a7)
        - [Git中tag标签的使用](https://blog.csdn.net/wei78008023/article/details/81866590)
        - [前端该如何准备数据结构和算法？](https://juejin.im/post/5d5b307b5188253da24d3cd1#heading-17)
        
    - 工具部分
        - [Spectacle allows you to organize your windows without using a mouse.](https://github.com/eczarny/spectacle)
        - [syncd是一款开源的代码部署工具](https://github.com/dreamans/syncd)
        


- 值得好好学习的开源项目
    - [一个完整的react+redux项目示例和人总结](https://github.com/bailicangdu/react-pxq)
    - [某博客知识点儿，写的很好，找个时间可以多学习一下](https://github.com/muwoo/blogs)
    - [基于 node.js + Mongodb 构建的后台系统](https://github.com/bailicangdu/node-elm)
    - [react-redux-typescript-boilerplate](https://github.com/rokoroku/react-redux-typescript-boilerplate)
    - [react-webpack-typescript-starter](https://github.com/vikpe/react-webpack-typescript-starter)
    - [typescript-react-redux](https://github.com/rjz/typescript-react-redux)
    - [TypeScript [ React + React-Router + Redux + Redux-Thunk ] Starter](https://github.com/welearnmore/WLM-TypeScript-React-Starter)
    - [webpack4 + React 16 + TypeScript:react-cli](https://github.com/BruceCham/react-cli)
    - [nodepress: nest](https://github.com/surmon-china/nodepress)
    - [blog-service: nest](https://github.com/jkchao/blog-service)
    - [Flutter完整项目，WanAndroid客户端](https://github.com/Sky24n/flutter_wanandroid)
    - [活动页杀手，快速搭建活动页，告别加班~(提供一个比较好的解决方案思路)](https://github.com/muwoo/rose)
    - [GSYGithubAppFlutter](https://github.com/CarGuo/GSYGithubAppFlutter)
    - [yuque app that builded by flutter](https://github.com/okoala/yuque)
    - [express基本使用](https://github.com/zzwwjjdj319/express)
    - [使用koa 2 + vue 2搭建自己的博客系统](https://github.com/StudentWan/ashen-blog)
    - [《一起学 Node.js》](https://github.com/nswbmw/N-blog)
    - [《Go语言四十二章经》](https://github.com/ffhelicopter/Go42)
    - [基于node&typescript重写知乎助手](https://github.com/YaoZeyuan/zhihuhelp_with_node)
    - [zhihu-flutter: Flutter 高仿知乎 UI](https://github.com/HackSoul/zhihu-flutter)
    - [基于 React + NodeJS + Express + MongoDB 开发的一个社区系统(**极其经典**)](https://github.com/54sword/xiaoduyu.com)
    - [rap2-docker](https://github.com/Rynxiao/rap2-docker)
    - [一起学习造轮子系列文章及源码](https://github.com/JOE-XIE/MyWheel)
    - [基于Node.js+MySQL开发的开源微信小程序商城](https://github.com/tumobi/nideshop-mini-program)
    - [nestjs-realworld-example-app:nest+typeorm](https://github.com/lujakob/nestjs-realworld-example-app)
    - [一个完整electron桌面记账程序](https://github.com/hilanmiao/LanMiaoDesktop)
    - [基于 React Hooks 与 flex 布局，实现了大部分功能的思维导图](https://github.com/Mongkii/RMind)
    - [基于storage开发缓存库 - 源码研究](https://github.com/myronliu347/store.js)
    - [使用nodejs和react做的简易聊天室](https://juejin.im/post/5d5661b3f265da039e12b7d2)
    


### <div id="class09">年度计划和日志目录</div>

- 17年
    - [17年计划书和记录](./17年/17年前端进阶计划.md)
        
        
- 18年
    - [18年计划书和记录](18年/18年计划书.md)
    
    
- 19年
    - [19计划书 - 上半年](./19年/19年计划书.md#19年上半年计划书)
    - [19年文档记录](./19年/19年计划书.md)

- 20年
    - [20年的学习计划和安排](./20年/20年计划书.md)