都是从零开始学前端，3年后，为啥有人月薪 10k，有人却 40k

正在初学者学习一门新技术每每不知道如何开始，从哪开始，终点是啥。为啥有人月薪 10k，有人却 40k，就看你的技术能不能提升生产率，创造更多价值。学习前端也是这样，要系统全面，前期必定要有刨根问底的精神，遇到问题要究其缘由，直到解决为止。下面我把前端须要掌握的技术点作一个总结。

1.基础知识

学会下面这些基本知识，可以写出基本的页面，不一样的布局样式。

2.动态性

动态性是指经过 document 能够动态修改 HTML 元素的样式和布局，添加事件，获取元素的 frame。

3.语言

学习某个方向的时候，须要深刻学习它所用到的语言，这样才能「更有效地写好代码」。前端主要的语言是 JavaScript，由它衍生出来的有 TypeScript，ESMScript。优先掌握 JavaScript。

4. node.jsnode.js 是前端必需要掌握的技能，它能够建立便捷的工具辅助前端便捷开发。可用于做为 web 服务。

5.框架

使用框架能够更快速、高效地实现业务逻辑。目前主流的是 React 和 Vue，须要深刻掌握其中一个框架，san 是百度开源的 MVVM 框架。初学者有一个误解，觉得使用框架就不须要 HTML 和 CSS 了，事实不是这样的

6.构建工具

浏览器只能识别 HTML、CSS 和 JavaScript，因此无论使用什么框架写的代码最终都须要让浏览器可以识别。不一样浏览器对 JavaScript 的特性支持的不一致，能够经过构建工具把 JavaScript 代码转换成浏览器能支持的。使用构建工具也可以作到性能优化，好比压缩代码。

7.模块化

模块化能够方便地管理前端项目，使不一样的业务拆分红不一样的代码，方便管理与维护。

8.开发与调试工具

前端开发，首推 VSCode，学会这个IDE，也能够帮助你开发其它语言的项目，好比 python。另外须要掌握浏览器的调试技巧。

9.三方库

前端开发中有些前端库是很经常使用的，它适配了不少浏览器，对开发者比较友好。

10.资源

好的资源会达到事半功倍的效果。像那些一文搞懂 xxxxxx，10分钟搞懂 xxxxxx。别作梦了，学习没有捷径。想学好就必须系统深刻学习。若是真的想学好一门技术，有经济能力的，仍是要去参加系统的课程。

技术更新迭代快，只有在有限的时间中，掌握好技术，才能快人一筹，在有基本技术上，扩张领域。

11.浏览器工做原理

网页最终由浏览器渲染，掌握浏览器工做原理是必须的。首先要搞懂HTTP，而后弄懂浏览器显示一个页面所要经历的过程。这也是我正在写网络编程相关内容的初衷，网络过重要了，到处多须要。

专门创建的学习Q-q-u-n ⑦⑧④-⑦⑧③-零①② 分享学习方法和须要注意的小细节，互相交流学习，不停更新最新的教程和学习技巧（网页制做，网站开发，web开发，从0基础开始的的HTML+CSS+JavaScript。jQuery，Ajax，node，angular框架等到移动端HTML5的项目实战【视频＋工具＋系统路线图】全栈工程师学习路线以及规划都有整理，分享给小伙伴）点：学习前端，咱们是认真的