前言

的确，有些标题党了。起因是微信群里，有哥们问我，你是怎么学习前端的呢？能不能共享一下学习方法。一句话也挺触动我的，我真的不算是什么大佬，对于学习前端知识，我也不能说是掌握了什么捷径。当然，我个人的学习方法这篇文章已经在写了，预计这周末会在我个人公众号发布。而在此之前，我想展(gong)示(xiang)一下，我平时浏览各个技术网站，所记录下来的文章。如果你能做到每日消化一篇，或许，你只要一年，就能拿下各个大厂 offer！

不由感慨，好文太多！吾等岂能浪费，还整日怨天尤人。

个人好文收藏

收藏截止时间：2019-07-24 11:50:49

typescript

• [ ] TypeScript，初次见面，请多指教
• [x] 可能是你需要的react + typescript 50条规范和经验
  • 一些使用规范
• [ ] 三千字讲清TypeScript与React的实战技巧

CSS

• [ ] css加载会造成阻塞吗
• [ ] 不可思议的纯 CSS 滚动进度条效果
• [ ] CSS实现水平垂直居中的1010种方式（史上最全）
• [ ] rem布局解析
• [ ] 布局的下一次革新
• [ ] 彻底搞懂word-break、word-wrap、white-space
• [ ] 彻底搞懂CSS层叠上下文、层叠等级、层叠顺序、z-index
• [ ] css加载会造成阻塞吗？
• [ ] 从青铜到王者10个css3伪类使用技巧和运用，了解一哈
• [ ] CSS性能优化的8个技巧
• [ ] 个人总结（css3新特性）
• [ ] CSS设置居中的方案总结-超全
• [ ] Web开发者需要知道的CSS Tricks
• [ ] CSS 常用技巧

前端工程（架构、软实力）

• [ ] 前端缓存最佳实践
• [ ] 写给前端看的架构文章(1)：MVC VS Flux
• [ ] 前端数据校验从建模开始
• [ ] 前端也需要了解的 JSONP 安全
• [ ] 网站性能优化实战——从12.67s到1.06s的故事
• [ ] 5 分钟撸一个前端性能监控工具
• [ ] 浏览器页面资源加载过程与优化
• [ ] 现代化懒加载的方式
• [ ] 用 preload 预加载页面资源
• [ ] 干货!各种常见布局实现+知名网站实例分析
• [ ] 前端数据结构与算法
• [ ] 前端工程师为什么要学习编译原理？
• [ ] jsonp的原理与实现
• [ ] 懒加载和预加载
• [ ] 50行代码的MVVM，感受闭包的艺术
• [ ] 不好意思！耽误你的十分钟，让MVVM原理还给你
• [ ] 2018 前端性能优化清单
• [ ] 网页图片加载优化方案
• [ ] 把前端监控做到极致
• [ ] 如何优雅处理前端异常
• [ ] 经典面试题：从 URL 输入到页面展现到底发生什么
• [ ] 前端同构渲染的思考与实践
• [ ] 前端构建秘籍
• [ ] 大型项目前端架构浅谈（8000字原创）
• [ ] 一名【合格】前端工程师的自检清单

React 技术栈

• [ ] React 源码解析
• [ ] 从零搭建React全家桶框架教程
• [ ] 让虚拟DOM和DOM-diff不再成为你的绊脚石
• [ ] 《React源码解析》系列完结！
• [ ] 怎样学习React？当然是自己动手实现一个React啦
• [ ] 从setState promise化的探讨 体会React团队设计思想
• [ ] React 应用设计之道 - curry 化妙用
• [ ] 如何评价React的新功能Time Slice 和Suspense？
• [ ] React的新引擎—React Fiber是什么
• [ ] React源码解析(三):详解事务与更新队列
• [ ] React中的Transaction
• [ ] React 源码剖析系列 － 玩转 React Transition
• [ ] 如何提高你的 React 应用的性能
• [ ] 将 React 应用优化到 60fps
• [ ] 如何写出更好的 React 代码？
• [ ] React中型项目的优化实践
• [x] React 源码剖析系列 － 生命周期的管理艺术
  • 生命周期主要通过三种状态进行管理：MOUNTING、RECEIVE_PROPS、UNMOUNTING
• [x] 深入React的生命周期(上)：出生阶段(Mount)
  • 仅生成React组件不会触发生命周期的调用
  • componentWillMount和render父组件先调用，与componentDidMount顺序恰巧相反
• [x] 深入React的生命周期(下)：更新(Update)
  • 虽然props的更改会引起componentWillReceiveProps的调用；但componentWillReceiveProps的调用并不意味着props真的发生了变化。
• [x] 你真的了解React吗（上）如何设计组件以及重要的生命周期
• [x] React v16.3 版本新生命周期函数浅析及升级方案
• [ ] React ref 的前世今生
• [ ] 谈谈 react 中的 key
• [ ] React Mixin 的前世今生
• [ ] 你真的了解React吗（中）组件间的通信以及React优化
• [ ] 深入框架本源系列 —— Virtual Dom
• [ ] 探索Virtual DOM的前世今生
• [ ] 深入框架本源系列 —— Virtual Dom
• [x] React 源码剖析系列 － 不可思议的 react diff
  • 关于两个list的比较还是比较深入的，可以重点研究
• [x] 浅入浅出图解domDIff
• [x] 深度剖析：如何实现一个 Virtual DOM 算法
  • 代码实现可作为参考
• [x] React 源码剖析系列 － 解密 setState
  • setState是同步的，事务需要了解
• [x] setState的秘密
• [x] setState 之后发生了什么 —— 浅谈 React 中的 Transaction
• [x] 你真的理解setState吗？
• [ ] React 中的高阶组件及其应用场景
• [ ] React 最佳实践
• [ ] 完全理解React Fiber
• [ ] React Fiber架构
• [ ] React Fiber 架构介绍资料汇总
• [ ] 你不知道的Virtual DOM系列
• [ ] 【译】通过Recompose库掌握React函数组件
• [ ] React-Redux源码分析
• [ ] 源码看React setState漫谈（一）
• [ ] 源码看React setState漫谈（二）
• [ ] 精读《用160行js代码实现一个React》
• [ ] 还在用 Redux，要不要试试 GraphQL 和 Apollo
• [ ] React 同构实践与思考
• [ ] React 实现 Table 的思考
• [ ] React实践 - Component Generator
• [ ] ReactEurope 2016 小记 - 上
• [ ] ReactEurope 2016 小记 - 下
• [ ] Mobx 思想的实现原理，及与 Redux 对比
• [ ] 组件库设计实战 - 复杂组件设计
• [ ] redux middleware 详解
• [ ] 深入理解 react-router 路由系统
• [ ] Immutable 详解及 React 中实践
• [ ] React-Redux源码分析

webpack/babel

• [ ] Webpack 源码（一）—— Tapable 和 事件流
• [ ] 手把手教你撸一个 Webpack Loader
• [ ] 面试官: 你了解过Babel吗？写过Babel插件吗? 答: 没有。卒
• [ ] Write Better java script With Webpack
• [ ] 手把手教你撸一个简易的 webpack
• [x] 带你走进webpack世界，成为webpack头号玩家
  • webpack 优化方法讲解较多、prod/dev 配置文件、loader/plugin 的简单编写介绍
• [ ] we