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

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

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

目录

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

已经发布npm的开源模块

• koa2日志监控中间件:koa-logs-middleware
• 前端工程化
• 前端工程化
• 小程序接入redux

对别人项目的研究（详细阅读源码之后写下的一些笔记和项目注释-已完成）

• 01、express基本使用,包括注册,登陆,上传,下载,登录权限控制,session持久化,邮件发送,网络爬虫等
• 02、基于webpack3多页面打包
• 03、基于node的博客（极其经典，技术UP）
• 04、一个完整的react+redux项目示例和人总结
• 05、某博客知识点儿，写的很好，找个时间可以多学习一下
• 06、cvms构建工具项目架构思路

个人项目列表（已完成）

• 01、基于vue和express的一个小型电商全栈项目
• 02、react新闻站项目pc+移动双端
• 03、基于socket.IO 的一个较为复杂的项目案例，参考自《node.js实战》
• 04、react实战项目实战一：基于socket.io和express的一个全栈项目
• 05、基于vue的一些列vue全家桶的技术实现实例
• 06、webpack3的学习与代码示例
• 07、基于vue的移动端在线音乐播放器
• 08、koa2的学习笔记项目demo

正在进行的个人项目 - 包含待研究的项目(进行中)

• 01、基于webpack3的前端工程自动化构建（实现可配置的jQuery、vue、react和全栈项目脚手架）
• 02、DoraCMS是基于Nodejs+express+mongodb编写的一套内容管理系统:DoraCMS
• 03、基于react 高仿csdn博客后端
• 04、koa+TypeScript构建商城类项目服务端*****
• 05、《Node.js从入门到上线》—— Koa2 + MongoDB 搭建博客系统
• 06、koa2构建工具koa2-starter-cli
• 07、《Node.js入门教程》
• 08、canvas-test
• 09、超多经典 canvas 实例，动态离子背景、移动炫彩小球、贪吃蛇、坦克大战、是男人就下100层、心形文字等等等
• 10、一个基于Phaser的小游戏集合
• 11、vue+koa2 实现一个简单电商网站
• 12、基于vue2 + vue-router + vuex 构建的一个新闻类单页面应用 —— 今日头条（移动端）

源码研究

• time-formater:在javascript中显示日期

专题笔记归类(简书总结)

• 01、react简书笔记

• 02、ES6/7简书笔记

  • 1、let和const
  • 2、变量的解构赋值
  • 3、字符串的扩展
  • 4、数值的扩展和Math对象的扩展
  • 5、数组的扩展
  • 6、函数的扩展
  • 7、对象的扩展
  • 8、Proxy和Reflect
  • 9、Set和Map数据结构
  • 10、Iterator 和 for...of 循环
  • 11、Generator
  • 12、Promise
  • 13、其他知识点儿的总结

• 03、css3专题

• 04、javascript设计模式

• 05、基础知识点总结

• 06、canvas总结

  • 01、canvas初级使用
  • 02、基于canvas的小游戏和其他demo

• 07、leetCode-cn

• 08、前端入门和进阶学习笔记，超详细的前端学习图文教程。从零开始学前端，做一个web全栈工程师。

• 09、学习javascript数据结构与算法

• 10、DOM和BOM

• 11、深入webpack工程化

• 12、学习TypeScript

• 13、测试专题

• 14、深入浅出MySQL 数据库开发 优化与管理维护

• 15、Linux相关学习

• 16、前端数据可视化D3.js学习

• 17、数据结构与算法专题

• 18、flutter 基础入门

• 19、node爬虫

• 20、docker&DevOps

• 21、小程序

• 22、必须要学好英语

通用功能js模块组件

• 原生组件和公用功能部分

  • 01、常用功能函数:url带参数跳转，获取url参数，请求序列化param等功能
  • 02、日期格式化组件
  • 03、前端身份证信息验证正则表达式
  • 04、基础公用方法库公共方法 - 前端层面
  • 05、基础公用方法库公共方法- node层面
  • 06、js插件汇总
  • 07、swiper组件使用示例
  • 08、typing.js一款非常好用的js打印机效果插件，能够直接复制文本原样打印输出
  • 09、https://github.com/Zhouzi/TheaterJS 一款十分优秀的打字机效果插件
  • 10、audio标签兼容性自动播放解决方案
  • 11、简易的实现一个打字机效果
  • 12、数字滚动展示组件countUp.js
  • 13、A javascript library for multi-touch gestures
  • 14、人民币大小写互换

• vue组件

  • 01、swiper
  • 02、vue使用的转场特效插件 - vueg

• react组件

  • 01、react-swipeable: React swipe component - Swipe bindings for react
  • 02、基于react的前端文件上传
  • 03、一键分享到各大社交网站的react组件

• jQuery组件

  • 01、改造bootstrap的模态框功能modal
  • 02、移动端商城购物车触控拉动
  • 03、日历js组件独立(可以自己定制化样式)
  • 04、空中撒金币特效
  • 05、jquery 实现轮播图
  • 06、jQuery网站公告上下滚动自动轮播代码
  • 07、jquery上传组件plupload使用示例

• 其他开源常用模块组件收录目录

基础框架知识归类

• 踩坑记录和一些项目的总结

  • 01、对隐藏右边滚动条的研究
  • 02、给table的tr加不上bottom样式的解决方案
  • 03、jquery老项目模块cmd改装方案
  • 04、关于定制化select的一些解决方案
  • 05、端口被占用情况解决方案
  • 06、git使用SSH密匙配置
  • 07、渐变背景色
  • 08、关于select获取值和value
  • 09、更改checkBox的默认样式
  • 10、input属性为number，maxlength不起作用如何解决
  • 11、基于jquery的锚点跳转
  • 12、git常用命令汇总, git命令行
  • 13、Mac系统占用空间大、空间不够、查看系统文件大小分布

• 前端基础

  • 01、对象的拷贝
  • 02、数组去重算法汇总
  • 03、常见排序算法
  • 04、移动端rem转换的办法和策略
  • 05、常用移动端项目head设置内容解析
  • 06、doT模板引擎基础语法知识点
  • 07、flex布局的学习
  • 08、html表格合并单元格
  • 09、清除浮动的解决方案总结
  • 10、数字金额转繁体中文大写字符串
  • 11、handlebars使用大全
  • 12、handlebars-helpers主要使用说明和源码解析
  • 13、JS实现倒计时精确到天数,时,分,秒或者精确到时、分、秒（小时数累加）
  • 14、多个promise嵌套实例
  • 15、关于一个高阶函数的案例
  • 16、js整理常见数组方法和字符串方法操作
  • 17、一个简单的echarts示例
  • 18、关于时间模块moment的使用
  • 19、深入javascript中Math算数对象与精确到小数位的向上舍入和向下舍入解决办法
  • 20、关于对象的遍历
  • 21、reduce()处理对象
  • 22、Object.assign() 与 深拷贝
  • 23、深入理解 JavaScript 异步
  • 24、搜罗一切webpack的好文章
  • 25、总结css3的常用示例 ***
  • 26、关于class类的问题
  • 27、关于深拷贝和浅拷贝的实现
  • 28、深入研究call和apply(实现继承)
  • 29、关于图片预加载的研究
  • 30、移动端弹出层滚动时禁止body滚动，静止滚动
  • 31、《SVG精髓》 阅读笔记
  • 32、css3新单位vw、vh、vmin、vmax的使用详解
  • 33、关于闭包的研究
  • 34、You Don't Need jQuery
  • 35、关于JS的触摸方法
  • 37、关于屏幕高度，可见区域高度，目标元素高度，文档高度研究
  • 38、非常厉害的关于css样式
  • 39、lodash中常用的方法
  • 40、生成UUID算法总结
  • 41、ts配置文件详解
  • 42、js实现数组里面对象的去重
  • 43、fetch的使用
  • 44、前端展示太长，截取为点点点
  • 45、关于this指针的研究
  • 46、垂直和水平居中方案
  • 47、深入fetch
  • 48、深入call、apply、bind实现原理
  • 49、实现函数防抖
  • 50、实现函数节流
  • 51、深入理解JavaScript中的尾调用
  • 52、Promise原理与实现
  • 53、常用工具库收集:licia
  • 54、lodash中文文档
  • 55、CSS3的calc()使用
  • 56、lodash的一些高级用法
  • 57、RxJS v6 学习指南
  • 58、rxjs学习整理
  • 59、JavaScript 异步、栈、事件循环、任务队列
  • 60、FormData使用方法详解
  • 61、基于JavaScript判断浏览器到底是关闭还是刷新
  • 62、canvas导出图片方法总结
  • 53、点击链接下载图片研究
  • 54、thumbStyle
  • 55、纯 CSS 实现多行文字截断

• vue

  • 01、vuex官方经典实例和使用
  • 02、vue项目实际开发总结
  • 03、MVVM双向绑定原理研究与简单的双向绑定实现(包含简单的事件绑定)
  • 04、github上VUE 开源项目汇总

• react

  • 01、react-redux示例
  • 02、react-router4与合并reducers示例
  • 03、react 高阶函数示例
  • 04、react子组件向父组件通信
  • 05、深入理解 React 高阶组件
  • 06、工作中的日常踩坑 - 方法传递给子组件执行，但是需要绑定父级this的情况分析

• jquery

  • 01、jquery 获取多个checkbox的值
  • 02、jquery获取表单form数据
  • 03、关于jquery的deferred对象

• 前端框架周边生态圈技术栈

  • 01、axios 的一些基本用法
  • 02、常用的正则验证例子
  • 03、获取设备信息(推荐使用模块mobile-detect)
  • 04、nvm常用命令行
  • 05、微信分享JS-SDK
  • 06、brew常用命令行
  • 07、Mac机上安装nvm遇到的坑--nvm command not found
  • 08、mac常用命令行
  • 09、README文件语法解读，即Github Flavored Markdown语法介绍
  • 10、egret-core(html5游戏引擎)
  • 11、项目规范（包含git管理项目的使用）
  • 12、MarkDown添加图片的三种方式 - 找时间自己总结一边
  • 13、html转换为img、html转换为pdf:render-html-to-pdf
  • 14、GithubPages教程 在GithubPages上搭建个人主页
  • 15、一篇文章，教你学会Git
  • 16、发布、安装自己的npm模块
  • 17、eslint配置文件eslintrc参数详解
  • 18、2018前端常见题汇总，不定时更新
  • 19、npm镜像源的切换问题
  • 20、基于HTML5技术的幻灯片编辑、播放、控制的全套方案
  • 21、每个 JavaScript 工程师都应懂的33个概念
  • 22、JavaScript音频播放库
  • 23、内容一键复制到剪切板模块
  • 24、参数校验模块:parameter
  • 25、WebStrom Live Template 建代码块
  • 26、Git的奇技淫巧
  • 27、Sequelize 文档的中文版本
  • 28、常用eslint配置
  • 29、常用tslint配置
  • 30、Some CSS tricks,一些 CSS 常用样式
  • 31、React的一个动画库：react-spring
  • 32、解决mac安装homebrew后报错-bash: brew: command not found
  • 33、mac 上安装 nvm 遇到的坑
  • 34、node服务端模拟json mock模块:dyson
  • 35、使用lerna管理大型前端项目
  • 36、自动添加一个进度条到项目里面， 监听加载：pace
  • 37、Git Submodule项目子模块管理
  • 38、commitlint+husky规范commit 日志
  • 39、Git commit message和工作流规范
  • 40、git合并多个提交
  • 41、Git提交消息: git-cz
  • 42、汉字拼音 ➜ hàn zì pīn yīn
  • 43、数据驱动、渐进式Canvas库，配备Chrome调试插件，支持微信小游戏、物理引擎、2D&3D混合渲染等
  • 44、git commit message emoji 使用指南
  • 45、impress.js制作漂亮前端页面级别PPT
  • 46、Github上开源项目readme里好看的高大上的有趣的徽章从何而来
  • 47、nodeppt: 把md文档做成PPT
  • 48、对于水印的研究
  • 49、css加载会造成阻塞吗？
  • 50、Dexie.js:A Minimalistic Wrapper for IndexedDB
  • 51、Commitizen(git-cz)配置
  • 52、从输入url到页面展示到底发生了什么？
  • 53、gitbook-use
  • 54、抽象语法树（AST）
  • 55、WebStorm 关闭自动保存功能添加*星星标记

• koa2

  • 01、koa2-sql项目搭建的示例（通过sql链接数据库）

• express

  • 01、通过express来读取mock数据（这是一个失败的实例，不要学习，仅供参考）
  • 02、express中间件原理
  • 03、express装载路由方式
  • 04、express登录拦截与校验
  • 05、express日志

• mongoose

  • 01、mongoose的链表查询
  • 02、mongodb 缓存session
  • 03、mongoose的扩展用法
  • 04、mongoose创建数据结构和实现基本的增删改查

• MySql

  • 01、mysql下载与安装问题整理
  • 02、node_mysql模块的使用

• node其他知识点

  • 01、上传文件的测试
  • 02、async/await专题
  • 03、fs模块对文件夹的操作
  • 04、fs模块对文件的操作
  • 05、mock终极解决方案(mock2easy-middleware)
  • 06、使用multer处理文件上传
  • 07、CommonJs模块规范
  • 08、node基础api_path
  • 09、node基础api_Buffer
  • 10、node基础api_event
  • 11、node基础api_fs
  • 12、单元测试(mocha)
  • 13、大型服务端项目测试(mocha)和UT覆盖示例
  • 14、关于一个随机分类的分组的一个项目
  • 15、关于取重算法的研究
  • 16、nodejs生成表格和解析表格
  • 17、nodejs实现控制台输入输出
  • 18、把文档文本文件(*.docx)转换文html
  • 19、Create PDF files using React
  • 20、Create, read and edit .zip files with Javascript
  • 21、mocha测试post和get请求
  • 22、前后端对称加解密解决方案
  • 23、封装日志模块 - 基于chalk
  • 24、封装web-app启动模块
  • 25、通过user_agent判断用户设备类型（移动还是PC）
  • 26、获取客户端IP
  • 27、读取递归目录的路径模块: recursive-readdir
  • 28、将glob表达式转换为JavaScript RegExp对象:minimatch
  • 29、用于node.js的HTTP请求日志程序中间件:morgan
  • 30、handlebars-helpers注入服务端渲染方法
  • 31、对官方handlebars-layouts进行扩展，支持指定particles
  • 32、js加解密库: crypto-js
  • 33、服务端生成二维码:qr-image
  • 34、客户端生成二维码:jrQrcode
  • 35、Inquirer.js交互式命令行工具
  • 36、对commander的研究
  • 37、测试框架mochajs详解
  • 40、对日志监控系统的研究(bunyan)
  • 41、启动本地文件服务的一个模块serve
  • 42、快速线上部署的模块now
  • 43、Windows上使用redis的文章
  • 44、koa连接redis做缓存
  • 45、json验证模块jsonschema的使用
  • 46、Safely and quickly serialize JavaScript objects
  • 47、关于内存泄漏的文章
  • 48、WebSocket和Socket.io
  • 49、深度递归合并JS对象
  • 50、深度递归对比JS对象
  • 51、《HTTP权威指南》每章的知识点总结
  • 52、V8引擎初步介绍
  • 53、node内存优化
  • 54、深度对比算法研究
  • 55、html输出文件结构
  • 56、node-rd: 遍历目录下面所有文件目录
  • 57、node爬虫
  • 58、Cross platform setting of environment scripts:cross-env
  • 59、Download and extract a git repository (GitHub, GitLab, Bitbucket) from node.
  • 60、基于node的代码生成器
  • 61、【译】Node.js 子进程：你需要知道的一切
  • 62、yargs the modern, pirate-themed successor to optimist.

• 其他优秀技术文章与前沿技术收集

  • 博客部分

    • 前端九部
    • 冴羽博客
    • 梁少峰博客
    • @chenshenhai的博客
    • 木易杨博客
    • 浪里行舟博客:vue、页面优化、js
    • 颜海镜的个人博客:react以及杂类
    • ljianshu博客
    • 多个关于react的好文章合集: 搭建react全家桶、react高阶组件、react-router4、理解redux
    • SunShinewyf博客:webpack、koa、express、egg、react
    • muwoo/blogs博客：关于vue 源码解析
    • forthealllight博客：关于react、js、node、Three.js
    • hoperyy/blog:各种文章累心过得收集
    • 言川的博客

  • 文章部分

    • node-interview
    • 微前端的那些事儿
    • 《Node.js从入门到上线》A blog build with Koa2
    • 《Koa.js 设计模式-学习笔记》
    • learn-rxjs
    • vue源码解析
    • 每日时报，会以前端技术体系为主要分享课题
    • 《快乐的 Linux 命令行》
    • 学习资源 or 大前端导航
    • Styled-Components
    • redux-observable
    • 内网渗透TIPS相关文章
    • learning-threejs
    • Fiber and hooks
    • Python数据挖掘与实战
    • JS 全栈开发，技术栈：Egg.js + Vue.js + MySQL
    • 《动手学深度学习》
    • 侧重后端应用与对Node核心的理解
    • TS + React + Antd + Koa2 + MongoDB实现的 TodoList 全栈应用
    • 前端算法基础
    • git rebase 还是 merge的使用场景最通俗的解释
    • Java 程序员眼中的 Linux
    • 浏览器数据库 IndexedDB 入门教程
    • 跨域资源共享 CORS 详解
    • 走进Vue-cli源码，自己动手搭建前端脚手架工具
    • vue-cli的简单实现
    • 使用 NPM 发布与维护 TypeScript 模块

• 值得好好学习的开源项目

  • 基于 node.js + Mongodb 构建的后台系统
  • react-redux-typescript-boilerplate
  • react-webpack-typescript-starter
  • typescript-react-redux
  • TypeScript [ React + React-Router + Redux + Redux-Thunk ] Starter
  • webpack4 + React 16 + TypeScript:react-cli
  • nodepress: nest
  • blog-service: nest
  • Flutter完整项目，WanAndroid客户端
  • 活动页杀手，快速搭建活动页，告别加班~(提供一个比较好的解决方案思路)
  • GSYGithubAppFlutter
  • yuque app that builded by flutter
  • express基本使用
  • 使用koa 2 + vue 2搭建自己的博客系统
  • 《一起学 Node.js》
  • 《Go语言四十二章经》
  • 基于node&typescript重写知乎助手
  • zhihu-flutter: Flutter 高仿知乎 UI
  • 基于 React + NodeJS + Express + MongoDB 开发的一个社区系统(极其经典)
  • rap2-docker
  • 一起学习造轮子系列文章及源码
  • 基于Node.js+MySQL开发的开源微信小程序商城

年度计划和日志目录

• 17年

  • 17年计划书和记录

• 18年

  • 18年计划书和记录

• 19年

  • 19计划书 - 上半年
  • 19年文档记录