这个项目以为创建之初时间比较早，目的就是为了记录自己开发过程中遇到的坑和问题。 后来渐渐演变为记录一些学习知识的一个记录文档， 以为很多东西很感兴趣，但是学习了之后使用场景不多， 导致遗忘比较快， 所以我写文章的时候， 就尽量写的详细， 能整理为一个体系的就尽量整理为一个体系。
当时目标就是JS 点击就能run, html双击就能跑，毫无工程化可言。 我新起了一个项目 node-index-core, 这个项目只放置代码， 本项目只放置学习文章。相互配合，同时更新，前端系列的学习和维护 一直会坚持到我整个职业生涯。
- 一、已经发布npm的开源模块
- 二、对别人项目的研究（详细阅读源码之后写下的一些笔记和项目注释-已完成）
- 三、独立项目列表（已完成）
- 四、正在进行的独立项目(进行中)
- 五、源码研究
- 六、专题笔记归类(简书总结)
- 七、通用功能js模块组件
- 八、基础框架知识归类
- 九、年度计划和日志目录
- 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 构建的一个新闻类单页面应用 —— 今日头条（移动端）
-
原生组件和公用功能部分
- 常用功能函数:url带参数跳转，获取url参数，请求序列化param等功能
- 日期格式化组件
- 前端身份证信息验证正则表达式
- 基础公用方法库公共方法 - 前端层面
- 基础公用方法库公共方法- node层面
- js插件汇总
- swiper组件使用示例
- typing.js一款非常好用的js打印机效果插件，能够直接复制文本原样打印输出
- https://github.com/Zhouzi/TheaterJS 一款十分优秀的打字机效果插件
- audio标签兼容性自动播放解决方案
- 简易的实现一个打字机效果
- 数字滚动展示组件countUp.js
- A javascript library for multi-touch gestures
- 人民币大小写互换
-
vue组件
-
react组件
-
jQuery组件
-
前端基础
- 对象的拷贝
- 数组去重算法汇总
- 常见排序算法
- 移动端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的区别
-
vue
-
react
-
jquery
-
前端框架周边生态圈技术栈
- 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配置
- Some CSS tricks,一些 CSS 常用样式
- React的一个动画库：react-spring
- 解决mac安装homebrew后报错-bash: brew: command not found
- mac 上安装 nvm 遇到的坑
- node服务端模拟json mock模块:dyson
- 使用lerna管理大型前端项目
- 自动添加一个进度条到项目里面， 监听加载：pace
- Git Submodule项目子模块管理
- commitlint+husky规范commit 日志
- Git commit message和工作流规范
- git合并多个提交
- Git提交消息: git-cz
- 汉字拼音 ➜ hàn zì pīn yīn
- 数据驱动、渐进式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
-
koa2
-
express
-
mongoose
-
MySql
-
node其他知识点
- 上传文件的测试
- 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项目
-
杂项
-
其他优秀技术文章与前沿技术收集
-
博客部分
- 前端九部
- 冴羽博客
- 梁少峰博客
- @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
-
文章部分
- 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标签的使用
- 前端该如何准备数据结构和算法？
-
工具部分
-
-
值得好好学习的开源项目
- 一个完整的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做的简易聊天室
-
17年
-
18年
-
19年
-
20年