README.md

介绍

主要是平时学习的代码、及心得文章。目前分为两个系列，前端进阶之路：旨在夯实基础，稳中求进；从头到脚：主打实战，在项目中实际应用。感兴趣的朋友，我们可以互相交流，一起学习。

文章列表

【前端进阶之路】

• 【前端进阶之路】 js原型和原型链 及 canvas验证码实践
• 【前端进阶之路】 Vue 组件间通信方式完整版
• 【前端进阶之路】 深入 Vue 响应式原理，活捉一个 MVVM
• 「前端发动机」从 bind 聊到 curry （柯里化）

【从头到脚】

• 【从头到脚】撸一个多人视频聊天 — WebRTC 实战（一）
• 【从头到脚】WebRTC + Canvas 实现一个双人协作的共享画板
• 【从头到脚】前端实现多人视频聊天— WebRTC 实战（多人篇）

「前端练习场」

• 「前端练习场」原生 JavaScript 实现各种 数组 API 的 Polyfill 版

学习和写作方向

【前端进阶之路】系列写作方向

JavaScript

• 执行上下文和作用域链
• 闭包
• 生成器
• 异步解决方案
• class
• 扩展方法

Vue

• 深入响应式原理
• 手写 mvvm
• 自定义指令
• Vue-Router 原理解析
• Vuex 原理解析
• Vue 组件
• 组件库实现

前端性能优化

• webpack 优化方案
• 浏览器缓存原理和最佳设置策略
• CDN缓存优化
• EventLoop异步更新
• 避免回流和重绘
• 节流与防抖
• 通过Performance监控性能
• TCP网络调优

前端数据结构和算法

React

TypeScript

【从头到脚】系列 写作方向

• WebRTC 实战（二）：主要讲解数据传输以及多端本地对等连接、网络对等连接。
• WebRTC 实战（三）：实现一个一对一的视频聊天项目，包括但不限于截图、录制等。
• WebRTC + Canvas 实现一个共享画板项目。
• 作者开源作品 💘🍦🙈Vchat — 一个社交聊天系统（vue + node + mongodb） 的系列文章

交流群

qq前端交流群：960807765，欢迎各种技术交流，期待你的加入

公众号

感兴趣的同学可以关注下我的公众号 前端发动机，好玩又有料。