前言对前台知识进行评级，确定现阶段，然后提供清晰的学习路线，完成进阶。 希望这篇文章能帮助你少走弯路。 目标:了解自己的实力，明确不同阶段的学习路线大纲，对前台的知识进行一次打分。level1阶段level2阶段JavaScript高级Vue高级浏览器原理数据结构与算法设计模式网络性能优化前台工程。其余总结后续文章输出策划参考资料对前台知识打分一次(评分赛)level1:我没接触过前台，对前台没有概念level2:简单的页面恢复可以用JS，CSS，HTML完成，但是库level3:常见的业务开发可以用库完成，比如Vue，jQuery， 几个主动登陆页面和后端管理页面level4:普通的业务开发可以熟练进行，但是对于JS高层，源代码，浏览器原理，数据结构和算法，设计模式，网络，前端工程等等就很好了。 这时候就需要根据个人喜好进行深入研究了。level5:我还没达到这个水平。大概就是少量架构，整体控制，大型项目建设，项目管理，资源分配等等。 这是一个从手术到手术的转变过程。它不再着眼于哪一端，而是着眼于整体的控制。 (我对这个阶段一无所知，只能低声逼不得已)level6:颈椎病康复指南在前台领域混了几年，总结了一套前台学习的强化视频和学习路线。如果有对前台开发感兴趣的伙伴，不管你是想转行还是想当大学生，或者有想在工作中提升能力的web前台党，欢迎大家加入我的前台开发交流群:603985993。希望大家真诚交流！，与企业需求同步。 朋友在里面学习交流。大牛每天定时讲解前台技术！也可以关注我的微信微信官方账号:【前台学员】每天更新最新技术文章和干货。 在level1的这个阶段，你需要补充一点前台的基础知识。可以看看最好的入门书《Head First HTML与CSS(第二版)》。 读两遍，你会发现《HTML & CSS》是最好的JS入门书籍，它可能给JavaScript DOM编程艺术留下了深刻印象。它一目了然地告诉你如何用JS操作DOM(这是浏览器端编程的基本功)，它还灌输了最标准的编程理念“JavaScript高级编程(第3版)”。基本的JavaSrcipt语法可以看到1-，8，10，11，13。第1、22、23、24章level2阶段这个阶段是供少量类库《JavaScript高级编程(第3版)》使用的。没错，就是这样。你还是需要再读一遍Sharp jQuery，这是一本关于JS最著名的库jQuery的快速入门书。 光知道原生JS是不够的，还要知道如何使用库。VueVue对新手还是比较友好的(我只见过Vue，但不敢强求) 直接看官网的教程就可以了。至少浏览一遍官网教程《ES6入门》的在线地址，了解ES6的基本用法。代理部分可以分为两部分:js的高级用法，高级用法原理的掌握，余博客中关于js的少量讲解通俗易懂，以及对JS中少量难点的一系列深入讲解。见特别系列《豁然开朗》中对少量手写代码的解释。下划线系列ES6系列函数式编程参考贝杨前台的博客，类似的博客。也是少量js难点(1.6w字)的整理。你能回答几个？(第一部分)(建议收藏)原JS魂的问题。你能捡几个？(第一部分)(建议精读)原生JS soul的问题(第二部分)，测试你是否能真正熟悉JavaScript？(2.4w字，建议收藏)原生JS魂的问题(下)，冲刺进阶最后一公里(附个人成长经验参考)r/& gt；前台中高级大厂面试秘籍，会为你保驾护航，即金三银四，直奔大厂(上篇)r/>；(中篇)中高级前台大厂面试秘籍，将在寒冬中为你保驾护航，直奔大厂r/& gt；(Part 2)中高级前台大厂面试秘籍，将在寒冬中为你保驾护航，直接掌握大厂原理《JavaScript高级编程(第3版)》对，就是这样，你还需要再看一遍(这是第n遍)。ES6初学者教程网络版的地址。再做一次。你不知道的JavaScript(第1卷)系列。内容:作用域和闭包，以及这个和对象原型的重要性:这本书可以关注你不知道的JavaScript(第2卷):类型、语法、异步性能。关于类型，如果语法部分可以异步，可以去看ES6标准简介的性能部分。不建议阅读《你不懂JavaScript(第二卷)》的内容:JavaScript简介及ES6的前景和未来发展趋势。可以看一下JavaScript的介绍。如果是前两本书的总结和少量语法，不建议看《ES6深度理解》。看完《ES6入门》可以看《JavaScript忍者秘籍》。必须买Vue第二版，分析Vue.js内部运行机制的基本原理，以及“Vue.js的简单理解”的初级水平。当作者给出每一个订单的一部分，就会从最简单笼统的demo，一步步变成框架的实际模样。最后，将你写的demo和框架的实际情况进行对比，分析双方的优缺点。 Vue.js技术揭示源代码分析，medium Vue充分分析超详细-逐行层次分析并下载代码，再利用优雅的分支浏览器原理。浏览器的工作原理和实践生动有趣的讲述了浏览器的原理。推荐阅读webkit Technology Insider，里面基本讲了浏览器内核中各种类的作用和调用关系。如果想深入了解，读者需要了解一点C++ basic浏览器的工作原理:新的web浏览器在幕后揭示了浏览器的架构，以及浏览器整个解析和渲染过程的详细描述。深入了解现代网页浏览器英文文章，详细讲解浏览器的工作原理:内看现代网页浏览器(上一篇)内看现代网页浏览器(下二篇)内看现代网页浏览器(上三篇)内看现代网页浏览器(下四篇)渲染网页上一个像素的生命周期API Life本讲座作为Chrome集团新人的学习资料开始，从HTML/CSS/JS给新人一个Chromium如何在屏幕上显示的高层次视图。偷一张照片。最近在学习数据结构与算法之美。以上是王政老师推荐的书单。可以根据需要阅读相应的书籍设计模式《JavaScript设计模式与开发实践》。推荐阅读汤姆叔叔的博客深入了解JavaScript系列，里面包含了各种深度和设计模式。网络“图文http”满足日常入门级“图文tcp协议”入门级极客时间透视HTTP协议的基本使用。本课程通过历史、定义、安全性、性能等方面讲解http协议。可以更全面的了解网络知识。TCP/IP详解(第一卷)深入讲解TCP/IP性能优化推荐三本书。更全面的性能优化，可以看Google和MDN部分，更深入。相比前台，也接近Google的开发团队在《高性能网站建设指南》、《高性能网站建设高级指南》、《Web性能权威指南》中的性能优化。关键轨道指标的性能优化分析可作为参考。MDN性能优化和Google差不多，浏览器角度的前台工程还在规划中。在这里可以参考LienJack的前台工程部分的使用和基本概念来理解loader和plugin，掌握少量基本常用理解babel参考:玩webpack学会优化卷优化:树抖动、按需引入、代码裁剪和打包速度优化:缓存、多线程打包、优化打包路径参考:那些花、从头构建Vue工程webpack4、配置最佳实践、webpack 4的30个步骤、构建优化的react开发环境原理、 构建webpack的详细步骤，webpack HMR的详细流程，原创分析，实现webpack热升级HMR干货从无到有！ “一个webpack插件(包含tapable详解+webpack流程)会教你一个Webpack Loader的JavaScript正则表达式迷你书其余部分的前三章，满足日常使用的基本需求，如果想深入了解，还需要看其余部分。常规可视化TS入门教程实际上是一篇入门文章。看完入门课程(中文版)，可以看这个总结。通过以上细节，你应该对不同阶段有一个清晰的路线。希望你在未来的职业生涯中能继续驰骋。 (声明，本文不是前台劝退文章)
