没有系统学习、归纳总结，任何知识都没有牢牢掌握。对于一直想不断学习的程序员来说，学习到的新技术不仅需要实践，还需要经常反思和回顾，然后通过笔记或博客记录自己的想法。只有这样，他们才能真正掌握新技术。前端开发是一个非常特殊的职业。大学里没有前端开发专业。大部分做前端开发的同学都是学计算机或者其他专业，通过自学进入这个行业的。自己掌握的知识还没有形成体系，不可能把所有前端相关的知识串联起来，工作之余可能大部分时间都在写业务代码。如果我在工作之外不思考、不总结，以后就会被淘汰，被其他人取代。更换是不可避免的。本文讲述如何从前端开发基础知识到高级应用，再到前端项目管理，构建属于自己的前端知识体系。本文不仅适合准备转前端行业的同学阅读，也适合刚进入前端行业的同学阅读，更适合一直做前端的同学阅读发展1到3年。基础知识从高楼开始，没有扎实的基础，前端开发的路走不远。那么需要扎实掌握的基础知识有哪些呢？编程基础HTML（HTML5）掌握常用标签、标签语义、元属性、DOM、Canvas、前端存储CSS（CSS3）掌握CSS选择器、布局、浮动和定位、BFC（块格式上下文）、CSS3动画JavaScript数据类型原型和原型链作用域和作用域链闭包本执行上下文调用、apply、bind方法事件冒泡、事件委托防抖和节流ajax异步请求跨域浏览器事件循环机制、宏任务和微任务浏览器渲染原理、回流和重绘浏览器缓存策略、CDNHTTP状态码ES6let、const箭头函数解构赋值模板字符串Symbol和Symbol属性Set和Map数据结构Iterator和for...of循环异步编程、Generator函数、Promise对象、异步函数Class类、类类、对象创建、继承、静态方法和属性模块模块化微信小程序开发调试工具VSCode常用快捷键Chrome开发者工具PostmanFiddler、Charles抓包工具类库和框架、组件库jQueryBootstrapunderscoreLodashVuevuevuexvue-routerelement-uiReactreactreduxmobxreact-routerantd-designAngular小程序框架：taro、mp-vue、uni-appAdvanced仅仅掌握基础知识是不够的，这些基础知识只能保证你能够顺利完成日常的开发工作。但是如果你想进大厂，想有一份更好的工作，就得深入学习。阅读框架源码jQuery/underscore等JS库源码element-ui/AntDesign等UI组件库框架源码Vue源码React源码Webpack源码网络相关OSI七层/四层模型HTTP协议HTTPS前端安全CSRF攻击和XSS攻击防御防御性能优化性能指标首次绘制（FP）首次内容绘制（FCP）首次有效绘制（FMP）每秒传输帧数（FPS）用户交互时间DNS解析时间TCP连接时间HTTP请求响应时间评估工具LighthouseChrome开发者工具前端工程webpackgulp模块化组件标准化自动化设计模式创建：抽象工厂模式、工厂模式、单例模式、建造者模式、原型模式结构模式：桥接模式、代理模式、装饰器模式、适配器模式、享受元模式、组合模式、门面（外观）模式行为类型：观察者模式、模板模式、迭代模式、状态模式、命令模式、中介模式、解释器模式、责任链模式、访客模式、策略模式、备忘录模式V8EngineMechanismJSExecutionMechanismV8垃圾收集V8优化大前端FlutterReact原生软技能学习能力知识储备知识分享技术能力解决问题带领新人团队协作沟通技巧项目管理业务理解需求分析项目评估风险评估架构设计能力交互设计可用性可扩展性、安全性、性能、微前端、前端基础设施建设、前端性能监控、前端埋点有限。本文难免存在不足之处。欢迎与我交流。
