这个项目以为创建之初时间比较早，目的就是为了记录自己开发过程中遇到的坑和问题。 后来渐渐演变为记录一些学习知识的一个记录文档， 以为很多东西很感兴趣，但是学习了之后使用场景不多， 导致遗忘比较快， 所以我写文章的时候， 就尽量写的详细， 能整理为一个体系的就尽量整理为一个体系。
当时目标就是JS 点击就能run, html双击就能跑，毫无工程化可言。 我新起了一个项目 node-index-core, 这个项目只放置代码， 本项目只放置学习文章。相互配合，同时更新，前端系列的学习和维护 一直会坚持到我整个职业生涯。
- 一、已经发布npm的开源模块
- 二、对别人项目的研究（详细阅读源码之后写下的一些笔记和项目注释-已完成）
- 三、独立项目列表（已完成）
- 四、正在进行的独立项目(进行中)
- 五、源码研究
- 六、专题笔记归类(简书总结)
- 七、通用功能js模块组件
- 八、基础框架知识归类
- 九、年度计划和日志目录
- 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 构建的一个新闻类单页面应用 —— 今日头条（移动端）
-
原生组件和公用功能部分
- 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组件
-
react组件
-
jQuery组件
-
前端基础
- 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 实现多行文字截断
- 56、微信小程序 - 扩展插件（发送请求、Promise API、表单验证、Restful API）
-
vue
-
react
-
jquery
-
前端框架周边生态圈技术栈
- 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 关闭自动保存功能添加*星星标记
- 56、LeetCode 算法题刷题心得
- 57、git操作之git clean删除一些没有git add的文件
- 58、react源码分析(3)：react的事件委托机制
- 59、基于storage开发缓存库 - 源码研究
- 60、Git中tag标签的使用
-
koa2
-
express
-
mongoose
-
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.
- 63、localForage: 本地存储解决方案
-
其他优秀技术文章与前沿技术收集
-
博客部分
-
文章部分
- 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 模块
- 腾讯云开发者手册
- 腾讯云开发者手册 - nest
- React + Electron 搭建一个桌面应用
- 从浏览器渲染原理，说一说如何实现高效的动画
- react源码分析(3)：react的事件委托机制
- Git中tag标签的使用
-
工具部分
-
-
值得好好学习的开源项目
- 基于 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开发缓存库 - 源码研究
-
17年
-
18年
-
19年