vonschbo/node-index

学习笔记、博文、简书、工作日常踩坑记录以及一些独立作品的汇总目录

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

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

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

目录

• 已经发布npm的开源模块
• 对别人项目的研究（详细阅读源码之后写下的一些笔记和项目注释-已完成）
• 人项目列表（已完成）
• 正在进行的个人项目 - 包含待研究的项目(进行中)
• 源码研究
• 专题笔记归类(简书总结)
  • 01、react简书笔记
  • 02、ES6/7简书笔记
  • 03、css3专题
  • 04、javascript设计模式
  • 05、基础知识点总结 ** 非常重要
  • 06、canvas总结
  • 07、leetCode-cn
  • 09、学习javascript数据结构与算法
  • 10、DOM和BOM
  • 11、深入webpack工程化
  • 12、学习TypeScript
  • 13、测试专题
  • 16、前端数据可视化D3.js学习
  • 17、数据结构与算法专题
  • 18、flutter 基础入门
  • 19、node爬虫
  • 20、docker&DevOps
  • 21、小程序
  • 22、必须要学好英语
  • 23、RXJS学习专题 - 放弃中（因为看不到收益）
• 通用功能js模块组件
  • 原生组件和公用功能部分
• 基础知识归类
  • 踩坑记录和一些项目的总结
  • 前端基础
  • vue
  • react
  • 前端周边生态圈技术栈
  • node其他知识点
  • 杂项
  • 其他优秀技术文章与前沿技术收集
  • 值得好好学习的开源项目
• 年度计划和日志目录
  • 17年
  • 18年
  • 19年
  • 20年

已经发布npm的开源模块

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

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

• express基本使用,包括注册,登陆,上传,下载,登录权限控制,session持久化,邮件发送,网络爬虫等
• 基于webpack3多页面打包
• 基于node的博客（极其经典，技术UP）
• cvms构建工具项目架构思路

人项目列表（已完成）

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

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

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

源码研究

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

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

01、react简书笔记

• react基础语法使用
• redux
• react-router
• 其他知识点和实战相关知识点
• react hooks
• 源码分析
• 其他经典文章

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、其他知识点儿的总结
  • Promise/async/Generator实现原理解析

03、css专题

04、javascript设计模式

• 第二篇、创建型设计模式
  • 03章、简单工程模式
  • 04章、工厂方法模式
  • 05章、抽象工厂模式
  • 06章、建造者模式
  • 07章、原型链模式
  • 08章、单例模式
• 第三篇、结构型设计模式
  • 09章、外观模式
  • 10章、适配器模式
  • 11章、代理模式
  • 12章、装饰者模式
  • 13章、桥接模式
  • 14章、组合模式
  • 15章、享元模式
• 第四篇、行为型设计模式
  • 16章、模板方法模式
  • 17章、观察者模式
  • 18章、状态模式
  • 19章、策略模式
  • 20章、责任链模式
  • 21章、命令模式
  • 22章、访问者模式
  • 23章、中介者模式
  • 24章、备忘录模式
  • 25章、迭代器模式
  • 26章、解释器
• 第五篇、技巧型设计模式
  • 27章、链式模式
  • 28章、委托模式
  • 29章、数据访问对象模式
  • 30、节流模式
  • 31、简单模板模式
  • 32、惰性模式
  • 33、参与者模式
  • 34、等待着模式
• 第六篇、架构型设计模式
  • 35、同步模块模式
  • 36、异步模块模式
  • 37、Widget模式

05、基础知识点总结 ** 非常重要

06、canvas总结

07、leetCode-cn

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

• 01章、javascript基础
  • 1.5、面向对象编程
• 03章、栈
  • 3.1、栈的创建
  • 3.2、从十进制到二进制
• 04章、队列
  • 4.1、创建队列
  • 4.2、优先队列
  • 4.3、循环队列
• 05章、链表
  • 5.1、创建一个链表
  • 5.2、双向链表
• 06章、集合
  • 6.1、创建一个集合
  • 6.2、集合操作
• 07章、字典和散列表
  • 7.1、字典
  • 7.2、散列表
• 08章、树
  • 8.1、树的相关术语
  • 8.2、二叉树和二叉搜索树
  • 8.3、树的遍历
  • 8.4、搜索树中的值
• 09章、图
  • 9.1 图的相关术语
  • 9.2 图的表示
  • 9.3 创建图类
  • 9.4 图的遍历
• 10章、排序和搜索算法
  • 10.1 排序算法
  • 10.2 搜索算法

10、DOM和BOM

11、深入webpack工程化

• 基础
• webpack优化问题
• 其他补充知识点
• 实战案例
• webpack插件和loader开发
• 其他
• 遗留问题待解决

12、学习TypeScript

• 一文读懂 TypeScript 泛型及应用（ 7.8K字）
• 你不知道的 TypeScript 泛型（万字长文，建议收藏）
• 1.2W字 | 了不起的 TypeScript 入门教程
• TypeScript 中的声明文件
• 结合实例学习 Typescript
• 一份不可多得的 TS 学习指南（1.8W字）

13、测试专题

• 01篇、javascript单元测试框架mochajs详解
• 02篇、断言库chai
• 03篇、代码覆盖率工具 Istanbul 入门教程
• 04篇、node层服务端api接口测试
• 05篇、TypeScript测试
• 06篇、Jest测试框架
• 07篇、react测试：jest+enzyme
• 其他

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

• mysql下载与安装问题整理
• node_mysql模块的使用
• MySQL 三万字精华总结 + 面试100 问，和面试官扯皮绰绰有余（收藏系列）

15、Linux相关学习

• 基础部分
• 应用服务器
• 数据库服务
• 其他服务
• shell
• vim
• nginx
• CI&CD

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

17、数据结构与算法专题 - todo

18、flutter 基础入门

• 「 Dart Js Ts 」给前端工程师的一张Dart语言入场券

20、docker&DevOps

21、小程序

22、必须要学好英语

23、RXJS学习专题 - 放弃中（因为看不到收益）

27、好用的库与框架 **

通用功能js模块组件

原生组件和公用功能部分

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

基础知识归类

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

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

前端基础

• 改造bootstrap的模态框功能modal
• 移动端商城购物车触控拉动
• 日历js组件独立(可以自己定制化样式)
• 空中撒金币特效
• jquery 实现轮播图
• jQuery网站公告上下滚动自动轮播代码
• jquery上传组件plupload使用示例
• 其他开源常用模块组件收录目录
• 对象的拷贝
• 数组去重算法汇总
• 常见排序算法
• 移动端rem转换的办法和策略
• 常用移动端项目head设置内容解析
• doT模板引擎基础语法知识点
• flex布局的学习
• html表格合并单元格
• 清除浮动的解决方案总结
• 数字金额转繁体中文大写字符串
• handlebars使用大全
• handlebars-helpers主要使用说明和源码解析
• JS实现倒计时精确到天数,时,分,秒或者精确到时、分、秒（小时数累加）
• 多个promise嵌套实例
• 关于一个高阶函数的案例
• js整理常见数组方法和字符串方法操作
• 一个简单的echarts示例
• 关于时间模块moment的使用
• 深入javascript中Math算数对象与精确到小数位的向上舍入和向下舍入解决办法
• reduce()处理对象
• Object.assign() 与 深拷贝
• 深入理解 JavaScript 异步
• 搜罗一切webpack的好文章
• 总结css3的常用示例 ***
• 关于class类的问题
• 关于深拷贝和浅拷贝的实现
• 深入研究call和apply(实现继承)
• 关于图片预加载的研究
• 移动端弹出层滚动时禁止body滚动，静止滚动
• 《SVG精髓》 阅读笔记
• css3新单位vw、vh、vmin、vmax的使用详解
• 关于闭包的研究
• You Don't Need jQuery
• 关于JS的触摸方法
• 关于屏幕高度，可见区域高度，目标元素高度，文档高度研究
• 非常厉害的关于css样式
• lodash中常用的方法
• 生成UUID算法总结
• ts配置文件详解
• js实现数组里面对象的去重
• fetch的使用
• 前端展示太长，截取为点点点
• 关于this指针的研究
• 垂直和水平居中方案
• 深入fetch
• 深入call、apply、bind实现原理
• 实现函数防抖
• 实现函数节流
• 深入理解JavaScript中的尾调用
• Promise原理与实现
• 常用工具库收集:licia
• lodash中文文档
• CSS3的calc()使用
• lodash的一些高级用法
• JavaScript 异步、栈、事件循环、任务队列
• FormData使用方法详解
• 基于JavaScript判断浏览器到底是关闭还是刷新
• canvas导出图片方法总结
• 点击链接下载图片研究
• thumbStyle
• 纯 CSS 实现多行文字截断
• 微信小程序 - 扩展插件（发送请求、Promise API、表单验证、Restful API）
• 实现js熔断机制
• 一个合格(优秀)的前端都应该阅读这些文章
• 前端进阶必备，github 优质资源整理分享！
• 实现一个掘金Style的文章编辑器
• 讲道理，仅3行核心css代码的rate评分组件
• 你未必知道的49个CSS知识点
• 你为什么这么强，什么都敢盘（reduce）
• 基于 HTML5 Canvas 的拓扑组件开发
• 灵活运用CSS开发技巧(66个实用技巧，值得收藏)
• 如何避开JavaScript浮点数计算精度问题（如0.1+0.2!==0.3）
• 手写算法并记住它：快速排序（5行代码简单版）
• 不受控制的 position:fixed
• *年，你确定没有人在折腾你的站点吗？
• 填坑-输入中文时，拼音阶段会触发input事件
• web-component
• 层叠轮播图的简易制作
• js焦点图片层叠轮播切换滚动
• 原生js实现图片层叠轮播切换效果
• babel配置-各阶段的stage的区别
• 树形对象查找
• 瀑布流
• 原生JavaScript实现造日历轮子
• Flex弹性布局（附超Q小demo 🐸 ） **
• 通过实现25个数组方法来理解及高效使用数组方法(长文,建议收藏)
• 引用、浅拷贝及深拷贝 到 Map、Set（含对象assign、freeze方法、WeakMap、WeakSet及数组map、reduce等等方法） **
• 灵活运用CSS开发技巧
• 超详细的 Promise 理解与实现
• 前端 Promise 常见的应用场景
• Promise 执行过程的正确理解姿势
• 【JavaScript】必须要会的手写Promise
• 从零开始配置 TypeScript 项目
• 新手前端不要慌! 给你10根救命稻草
• 15个元素实现无限滚动 **
• 手写axios核心原理，再也不怕面试官问我axios原理
• 使用WebGL去实现一个拖拽式UI代码生成App
• vue移动端h5适配解决方案（rem or vw）
• H5 直播的疯狂点赞动画是如何实现的？(附完整源码)
• 模仿实现一个直播的点赞动画
• ** 25个你不得不知道的数组reduce高级用法
• 为了性能选择for循环遍历？
• [译] 2018 来谈谈 Web Component
• 前端存储除了 localStorage 还有啥
• 忍法，scroll 翻滚之术！
• JavaScript 装饰器
• *年，你确定没有人在折腾你的站点吗？
• 为什么Vue3.0使用Proxy实现数据监听？defineProperty表示不背这个锅
• 如何写出一个惊艳面试官的深拷贝?
• 引用、浅拷贝及深拷贝 到 Map、Set（含对象assign、freeze方法、WeakMap、WeakSet及数组map、reduce等等方法）
• jquery 获取多个checkbox的值
• jquery获取表单form数据
• 关于jquery的deferred对象

vue

• vuex官方经典实例和使用
• vue项目实际开发总结
• MVVM双向绑定原理研究与简单的双向绑定实现(包含简单的事件绑定)
• github上VUE 开源项目汇总
• 深度解析！Vue3 & React Hooks 新UI组件原理：Modal 弹窗
• ** 史上最强vue总结---面试开发全靠它了
• swiper
• vue使用的转场特效插件 - vueg
• 全面解析 vue3.0 diff算法

前端周边生态圈技术栈

• Yarn Workspace 使用指南
• axios 的一些基本用法
• 常用的正则验证例子
• 获取设备信息(推荐使用模块mobile-detect)
• nvm常用命令行
• 微信分享JS-SDK
• brew常用命令行
• Mac机上安装nvm遇到的坑--nvm command not found
• mac常用命令行
• README文件语法解读，即Github Flavored Markdown语法介绍
• egret-core(html5游戏引擎)
• 项目规范（包含git管理项目的使用）
• MarkDown添加图片的三种方式 - 找时间自己总结一边
• html转换为img、html转换为pdf:render-html-to-pdf
• GithubPages教程 在GithubPages上搭建个人主页
• 一篇文章，教你学会Git
• 发布、安装自己的npm模块
• eslint配置文件eslintrc参数详解
• 2018前端常见题汇总，不定时更新
• npm镜像源的切换问题
• 基于HTML5技术的幻灯片编辑、播放、控制的全套方案
• 每个 JavaScript 工程师都应懂的33个概念
• JavaScript音频播放库
• 内容一键复制到剪切板模块
• 参数校验模块:parameter
• WebStrom Live Template 建代码块
• Git的奇技淫巧
• Sequelize 文档的中文版本
• 常用eslint配置
• 常用tslint配置)
• 解决mac安装homebrew后报错-bash: brew: command not found
• mac 上安装 nvm 遇到的坑
• 使用lerna管理大型前端项目
• lerna的基础使用
• Lerna 中文教程详解
• Git Submodule项目子模块管理
• commitlint+husky规范commit 日志
• Git commit message和工作流规范
• git合并多个提交
• Git提交消息: git-cz
• 数据驱动、渐进式Canvas库，配备Chrome调试插件，支持微信小游戏、物理引擎、2D&3D混合渲染等
• git commit message emoji 使用指南
• impress.js制作漂亮前端页面级别PPT
• Github上开源项目readme里好看的高大上的有趣的徽章从何而来
• nodeppt: 把md文档做成PPT
• 对于水印的研究
• css加载会造成阻塞吗？
• Dexie.js:A Minimalistic Wrapper for IndexedDB
• Commitizen(git-cz)配置
• 从输入url到页面展示到底发生了什么？
• gitbook-use
• 抽象语法树（AST）
• WebStorm 关闭自动保存功能添加*星星标记
• LeetCode 算法题刷题心得
• git操作之git clean删除一些没有git add的文件
• react源码分析(3)：react的事件委托机制
• 基于storage开发缓存库 - 源码研究
• Git中tag标签的使用
• 这些Web API真的有用吗?
• typescript 类型映射 （ReadOnly、Partial）
• Ant Design中使用CodeMirror2代码编辑器
• Ajax,jQuery ajax,axios和fetch介绍、区别以及优缺点
• 高性能渲染十万条数据
• 使用husky、prettier、lint、commitlint构建规范化项目实践
• eslint检测TS项目
• 指定文件、指定行、指定代码块不使用ESLint语法检查
• 前端mock解决方案
• 在 JS 循环中正确使用 async 与 await
• 简单好用的动画库：anime
• 请你实现一个大文件上传和断点续传
• 编写一个axios这样的库
• pm2 实践指南
• 前端轻量化部署脚手架实践
• React SSR 服务端渲染和同构原理 **
• 揭秘vue/react组件库中5个"作者不造的轮子"
• 手动实现高仿github的内容diff效果
• 手写webpack核心原理，再也不怕面试官问我webpack原理 **
• 【万字长文警告】从头到尾彻底理解服务端渲染SSR原理 **
• AST原理，让你蜕变为高级前端工程师的原理
• ** 近万字新手 chrome 扩展开发简单入门
• 原生JS封装拖动验证滑块你会吗？
• 微前端入门
• ** 如何实现高性能的在线 PDF 预览
• 从零开始写一个采集图片的chrome插件
• 你可能不知道的15个有用的Github功能
• 一文了解文件上传全过程（1.8w字深度解析，进阶必备）
• 今天教你烤一份香喷喷的Electron
• 基于 qiankun 的微前端最佳实践（万字长文） - 从 0 到 1 篇
• 艰难用echarts模拟甘特图, 直到我发现了dhtmlxGantt
• 你了解过移动端适配吗
• 深入浅出 Babel 上篇：架构和原理 + 实战
• 深入浅出 Babel 下篇：既生 Plugin 何生 Macros
• 1小时搞定cropper.js制作头像/图片上传、裁剪、并发送至后端
• 优秀前端必知的话题：我们应该做些力所能及的优化
• 当浏览器全面禁用三方 Cookie
• 浏览器里的本地数据库：IndexedDB
• 一张刮刮卡竟包含这么多前端知识点
• 揭秘vue/react组件库中5个"作者不造的轮子"
• 《前端那些事》从0到1开发工具库
• Chrome插件开发全攻略 **
• AST入门
• 微前端架构模板与学习: micro-front-template

node其他知识点

• mongoose的链表查询
• mongodb 缓存session
• mongoose的扩展用法
• mongoose创建数据结构和实现基本的增删改查
• 通过express来读取mock数据（这是一个失败的实例，不要学习，仅供参考）
• express中间件原理
• express装载路由方式
• express登录拦截与校验
• express日志
• koa2-sql项目搭建的示例（通过sql链接数据库）
• 上传文件的测试
• async/await专题
• fs模块对文件夹的操作
• fs模块对文件的操作
• mock终极解决方案(mock2easy-middleware)
• 使用multer处理文件上传
• CommonJs模块规范
• node基础api_path
• node基础api_Buffer
• node基础api_event
• node基础api_fs
• 单元测试(mocha)
• 大型服务端项目测试(mocha)和UT覆盖示例
• 关于一个随机分类的分组的一个项目
• 关于取重算法的研究
• nodejs生成表格和解析表格
• nodejs实现控制台输入输出
• 把文档文本文件(*.docx)转换文html
• Create PDF files using React
• Create, read and edit .zip files with Javascript
• mocha测试post和get请求
• 前后端对称加解密解决方案
• 封装日志模块 - 基于chalk
• 封装web-app启动模块
• 通过user_agent判断用户设备类型（移动还是PC）
• 获取客户端IP
• 读取递归目录的路径模块: recursive-readdir
• 将glob表达式转换为JavaScript RegExp对象:minimatch
• 用于node.js的HTTP请求日志程序中间件:morgan
• handlebars-helpers注入服务端渲染方法
• 对官方handlebars-layouts进行扩展，支持指定particles
• js加解密库: crypto-js
• 服务端生成二维码:qr-image
• 客户端生成二维码:jrQrcode
• Inquirer.js交互式命令行工具
• 对commander的研究
• 测试框架mochajs详解
• 对日志监控系统的研究(bunyan)
• 启动本地文件服务的一个模块serve
• 快速线上部署的模块now
• Windows上使用redis的文章
• koa连接redis做缓存
• json验证模块jsonschema的使用
• Safely and quickly serialize JavaScript objects
• 关于内存泄漏的文章
• WebSocket和Socket.io
• 深度递归合并JS对象
• 深度递归对比JS对象
• 《HTTP权威指南》每章的知识点总结
• V8引擎初步介绍
• node内存优化
• 深度对比算法研究
• html输出文件结构
• node-rd: 遍历目录下面所有文件目录
• node爬虫
• Cross platform setting of environment scripts:cross-env
• Download and extract a git repository (GitHub, GitLab, Bitbucket) from node.
• 基于node的代码生成器
• 【译】Node.js 子进程：你需要知道的一切
• yargs the modern, pirate-themed successor to optimist.
• localForage: 本地存储解决方案
• 写一个 JS 调用栈可视化工具 hound-trace
• 一步步带你实现web全景看房——three.js
• 前端该如何准备数据结构和算法？
• GraphQL + Apollo + Vue 牛刀小试
• apollo-graphql 自己使用的一点姿势
• require时，exports和module.exports的区别你真的懂吗？
• 5分钟教你用nodeJS手写一个mock数据服务器
• 从0构建一个TS-Node项目
• 关于node.js中流的理解
• linux安装mongoDB与NodeJs远程连接
• 前端工程师须知的CORS知识
• 你不能不知道的Koa实现原理
• 深入理解Node.js 中的进程与线程
• JavaScript-V8引擎
• Deno 正式发布，彻底弄明白和 node 的区别
• 使用 Proxy 构建响应式系统
• 使用四十行代码实现一个核心 koa
• [译] Node.js 新特性将颠覆 AI、物联网等更多惊人领域
• 【图文详解】200行JS代码，带你实现代码编译器（人人都能学会）
• 《大前端进阶 Node.js》系列 双十一秒杀系统（进阶必看）
• 如何优雅的实现消息通信？

杂项

• Hbase中多版本(version)数据获取办法
• Docker上安装运行Hbase
• HBase基本概念与基本使用
• 科学上网
• jetbrains:同步服务器代码
• mac Homebrew 装包加速
• 前端职业规划 - 写给那些想去和刚去大厂的年轻人(鸡汤有毒)
• 【深度思考】如何优雅告知用户，网站正在升级维护？
• 从GraphQL到前端数据管理的革命 - GraphQL干货笔记
• 好玩的Jenkins
• 分分钟教会你搭建企业级的 npm 私有仓库
• 每日优鲜供应链前端团队微前端改造
• 在 WebStorm 中，配置能够识别 Vue CLI 3 创建的项目的别名 alias @
• 技术探索：60 天急速自研-前端埋点监控跟踪系统大浪子
• 微前端架构设计
• 微前端在美团外卖的实践
• ** 前端代码质量-圈复杂度原理和实践
• git clone 太慢了的解决办法

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

• 博客部分

  • 前端九部
  • 冴羽博客
  • 梁少峰博客
  • @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:各种文章累心过得收集
  • 言川的博客
  • xiaozhi的博客
  • alienzhou/blog
  • AnnVoV/blog
  • 前端面试 | 设计模式手册 | Webpack4教程 | NodeJs实战 | Js版·剑指offer刷题笔记
  • 这个人的博客里面有对puppeteer的研究
  • Full-Stack-Library ** 非常重要
  • lcxfs1991/blog ** 较高水准的blog
  • sisterAn/blog
  • leetcode-javascript - LeetCode 力扣的 JavaScript 题解和思路
  • frontend-hard-mode-interview
  • ** 江南一点雨
  • ** 神三元

• 文章部分

  • node-interview
  • 微前端的那些事儿
  • 《Node.js从入门到上线》A blog build with Koa2
  • 《Koa.js 设计模式-学习笔记》
  • 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 模块
  • 腾讯云开发者手册
  • 腾讯云开发者手册 - nest
  • React + Electron 搭建一个桌面应用
  • 从浏览器渲染原理，说一说如何实现高效的动画
  • react源码分析(3)：react的事件委托机制
  • Git中tag标签的使用
  • 前端该如何准备数据结构和算法？
  • ** 一个合格(优秀)的前端都应该阅读这些文章

• 工具部分

  • Spectacle allows you to organize your windows without using a mouse.
  • syncd是一款开源的代码部署工具
  • 磁力链接聚合搜索

值得好好学习的开源项目

• Node - 从0基础到实战企业官
• 一个完整的react+redux项目示例和人总结
• 某博客知识点儿，写的很好，找个时间可以多学习一下
• 基于 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开发的开源微信小程序商城
• nestjs-realworld-example-app:nest+typeorm
• 一个完整electron桌面记账程序
• 基于 React Hooks 与 flex 布局，实现了大部分功能的思维导图
• 基于storage开发缓存库 - 源码研究
• 使用nodejs和react做的简易聊天室
• antd-form-builder
• “从零到部署”Vue全栈电商应用系列教程---正式完结
• keep-alive实现原理

年度计划和日志目录

17年

• 17年计划书和记录

18年

• 18年计划书和记录

19年

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

20年

• 20年的学习计划和安排