HTML、CSS、JS、移动端开发、缓存、web安全、浏览器工作原理、前端框架、Hybrid技术、设计模式、前端构建工具…前端需要学习的东西很多,如果不知道从哪里开始,我觉着先弄个列表挺好的,然后一个个去消化掉,把别人的知识都转化成自己的,然后再自己去创造内容。这里按分类填上平时看过觉得比较好的文档和文章(混入了一些自己写的文章^_^),还没有列出来的尚在计划之中。
PS: 不管学习哪个点,如果有官方文档、源码或者一本好书,一定要看看,毕竟网络上博客啥的都是别人的总结,而且人家写的还不一定是对的。
HTML
CSS
CSS预处理
JS
- MDN JavaScript系列
- 基于类 vs 基于原型的语言
- 对象模型的细节
- 继承与原型链
- 闭包
- 内存管理
- this
- JavaScript Promise:简介
- 史上最易读懂的 Promise 实现
移动端开发
移动端适配
移动端兼容性
网络
web通信
缓存
- 大公司里怎样开发和部署前端代码?
- max-age=0、no-cache、no-store区别?
Web安全
网站常见攻击手段
跨站请求伪造CSRF
跨站脚本攻击XSS
SQL注入
安全策略
同源策略
数据过滤
HTTPS
- 安全加密
Cookie
HTTP/HTTPS/HTTP 2
浏览器
李银城系列
奇修系列
- 深度剖析浏览器渲染性能原理,你到底知道多少?
- Chrome DevTools 之 Network,网络加载分析利器
- Chrome DevTools 之 Timeline,快捷性能优化工具
- Chrome DevTools 之 Profiles,深度性能优化必备
- 完整攻略!让你的网页加载时间降低到 1s 内!
框架/库
React
深入浅出React系列
- 深入浅出React(一):React的设计哲学 - 简单之美
- 深入浅出React(二):React开发神器Webpack
- 深入浅出React(三):理解JSX和组件
- 深入浅出React(四):虚拟DOM Diff算法解析
- 深入浅出React(五):使用Flux搭建React应用程序架构
- Immutable
其他
Redux
状态管理容器
阮一峰系列
源码系列
vue
双向绑定原理
前端构建模块化
Hybrid技术
叶小钗系列
Carson-Ho系列
- Android开发:最全面、最易懂的Webview使用详解
- 最全面总结 Android WebView与 JS 的交互方式
- Android:手把手教你构建 WebView 的缓存机制 & 资源预加载方案
- Webview_Demo
慕课网
Hybrid 架构
Hybrid框架
其他
设计模式
- 单例模式
- 观察者
- 组合
- MVC
- MVVM
SPA
XXX
ES6/ES7特性
性能优化
Node
书籍
网站
工具
- charles http抓包工具,debug经常需要。
- reveal.js 用H5写幻灯片
- OctotreeChrome 插件, github目录树形展示
- MarkMan 小工具,MarkMan是用于自己测量效果图尺寸、颜色等的工具。
懂点设计
xxx