前端学习系统化总结

为了更系统地、有的放矢地学习前端，总结前端知识如下：

基础

• html语义化（尽量使用p、section等，而非纯粹div，方便理解）
• 数据交互，如ajax
• websocket
• 网页的生命周期（预加载 渲染 以及加载后回调）
• 浏览器兼容 （webkit内核、ie等）
• 存储：cookie、localstorage、sessionStorage、websql、indexdb、application cache

工具

• postman
• devtools/微信开发者工具
• wireshark、Charles
• ngrok

安全角度

• ssl
• sql注入
• 跨域
• js注入

维护性

• gulp、webpack构建工具
• scss、less
• es6

体验性

• 压缩
• 避免重定向（耗时过久）

统计分析

• 性能统计
• 运营数据统计分析（留存、保活、拉新）