2、第二个阶段——CSS的学习。CSS是英文Cascading Style Sheets的缩写，叫做层叠样式表，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言其样式是可以复用的，这样就极大地提高了大家开发的速度，降低了维护的成本。
3、第三个阶段——JavaScript的学习。JavaScript是一种在客户端广泛使用的脚步语言，在JavaScript当中为大家提供了一些内置函数、对象和DOM操作，借助这些内容大家可以来实现一些客户端的特效、验证、交互等，使大家的页面看起来不那么呆板。
4、第四个阶段——jQUery的学习。jQuery 是一个免费、开源的轻量级的JavaScript库，并且兼容各种浏览器(jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持)，同时现在有很多基于jQuery的插件可供选择，这样在大家实现一些丰富的动态效果时更方便快捷，大大节省了大家开发的时间，提高了开发速度，这也充分体现了其 write less,do more的核心宗旨。
5、第五个阶段是Bootstrap。Bootstrap是Twitter推出的一个开源的用于前端开发的工具包，是一个CSS/HTML框架，并且支持响应式布局。一经推出后颇受欢迎，一直是GitHub上的热门开源项目。
@ 分别要掌握哪些基础语言？
前端开发要掌握哪些基础语言：
通常前端开发在基础阶段掌握html+css+js；框架语言阶段掌握vue+react+小程序；后端掌握nodejs+mongdb+云开发；UI框架阶段熟悉常见的有elementui+ang系列。 网页的基本标记语言，最基础的语言，掌握起来比较简单。
大数据要掌握哪些基础语言：
大数据开发技能的基础学习，主要是编程语言，Java、Python、Linux、C++、Scala等语言，都是在大数据开发当中可能会用到的。
区块链要掌握哪些基础语言：
关于区块链的技能掌握，提到最多的就是Go语言和C++、Java，但是很多人产生了歧义，认为只有这几种语言才可以，CDA数据分析研究院通过调查发现，实际并不是这样的。. BOSS直聘研究院发现，超过80%的区块链相关职位对求职者的技能要求在3项及以上，技术类人才除了需掌 握常用开发语言外 (C++,Java,Go)，还需要对密码学、共识算法、超级账本、智能合约等有足够了解。. Go语言. Go语言（Golang）是谷歌推出的一种全新的编程语言，可以在不损失应用程序性能的情况下降低代码的复杂性。.
@ 读书笔记如何进行web前端性能优化？
提起web前端性能优化的问题，前端开发人员非常熟悉，对于一个网站而言，即使内容和功能再优秀，如果用户需要花费很久的时间才能打开，这样迟早会消耗用户的耐心，并最终失去用户。
那如何才能优化前端性能？归纳为三步
一、关键资源字节数
字节数也就是通常说的减少资源文件（js、CSS、image、video…）的大小。
1、压缩
前端使用uglify混淆压缩
后端开启gzip
对图片进行压缩，使用压缩比例更高的格式（WebP）
2、缓存
强缓存（http状态码：200），不用请求服务器直接使用本地缓存，协商缓存（http状态码：304），使用时先请求服务器若被告知缓存没过期则使用本地缓存，不用下载资源，使用localstorage对数据进行存储。
3、针对首屏优化
对非关键资源延迟加载、异步加载，减少首屏资源大小
二、关键资源连接数
1、合并请求
使用http2.0的多路复用合并请求配置combo，在无法使用http2.0的情况下作为一种合并资源请求的手段。
2、减少图片请求数
使用spite图，使用svg-symbol。
3、针对一些场景采用css、js内联的方式。
4、使用强缓存减少了一次服务器请求。
5、非关键资源延迟、异步加载，减少了首屏资源连接数。
三、关键渲染路径
1、bigpipe分块输出
这里主要是因为要完成一整个页面的输出后端需要处理很多个任务，大家可以将这些多个任务进行分块，谁先完成谁就先输出，最终通过JS回填的方式输出DOM节点，这种方式主要解决了直出页面阻塞的问题。
2、bigrender分块渲染
常规的手段就是采用前端模板渲染页面，针对首屏时间主要减少了首次构建DOM树时的节点数
3、针对reflow，repaint，composit路径处理。
4、涉及到动画时关于layer的概念render layer、graphics layer。
5、css放在头部、js放底部避免阻塞DOM树的构建，关于css、js的位置对于页面渲染的影响大家可以关注下相关的文章。核心：css资源不会阻塞DOM树的构建但会阻塞DOM的渲染，JS会阻塞DOM树的构建，CSS会阻塞JS的执行。
以上就是针对Web前端性能优化归纳出的解决方案。更多Web前端学习资料，关注“武汉千锋”微信公众号领取。
