前言
距离2021年的新年整一个月，这半年断断续续的学习，收获是有的，但杂乱无章也是有的，想到哪就学到哪。今天看了蜗牛老湿的文章《从2k到40k》，从中受到一些启发（苯宝宝时不时懒癌发作，需要鸡血续命），我意识到毫无章法的学习是不够的，我知道，是时候有做个计划了。
学习目标
工具
chrome
chrome dev tools：前端开发调试利器，着重注意几个功能：
- console（废话）
- elements:元素样式调整，很常用
- sources：代码中添加断点，单步调试，以及单步调试过程中查看内存中的对象
- watch expression：通过表达式查看当前内存中的值
- call stack：查看调用栈，开启async，可以看异步调用栈（这个非常有用，尤其是ajax调试的时候）
- scope variables：作用域链上的变量，非常有用
- network：抓包查看每个请求，非常重要，前后端联调必备
- timeline：分析渲染、js执行等等各个阶段，性能优化利器
- emulation：模拟移动端环境，mobile页面开发必备
一些插件:
- liveload: 修改页面后自动刷新，不用按F5
- dimensions：直接在页面上测量的利器
- livestyle：css样式修改后自动起效果，不需要刷新，elements修改后也能同步到代码中
- image tool：测量，取色
- UC二维码：移动端调试扫码必备
- pagespeed，YSlow：页面性能分析和优化插件
- 马克飞象：优秀的在线markdown编辑器，快速写周报，做记录
charles
Charles：Mac 平台最好用的抓包分析工具
css
Javascript
- 《JavaScript权威指南 （第6版）》
- 《JavaScript 秘密花园》
nodejs
图形可视化
前端性能优化
常用的库和框架
函数库
webpack
浏览器与HTTP
- 浏览器的常见知识点：需要我们了解的常见知识。
- 网站安全：几种常见安全问题。
- 同源限制
- 从URL输入到页面展现到底发生什么？
- 深入理解浏览器的缓存机制
- 网页性能管理详解
- 关于Http协议，你必须要知道的
- HTTP 协议
- HTTP2 协议
- 浏览器同源政策及其规避方法
- 跨域资源共享 CORS 详解
- 总结 XSS 与 CSRF 两种跨站攻击
参考链接：
感谢大佬的无私分享，给了我目标
