正在初学者学习一门新技术往往不知道如何开始，从哪开始，终点是啥。为啥有人月薪 10k，有人却 40k，就看你的技术能不能提高生产率，创造更多价值。学习前端也是这样，要系统全面，前期一定要有刨根问底的精神，遇到问题要究其原因，直到解决为止。下面我把前端需要掌握的技术点做一个总结。
1.基础知识
学会下面这些基本知识，能够写出基本的页面，不同的布局样式。
2.动态性
动态性是指通过 document 可以动态修改 HTML 元素的样式和布局，添加事件，获取元素的 frame。
3.语言
学习某个方向的时候，需要深入学习它所用到的语言，这样才能「更有效地写好代码」。前端主要的语言是 JavaScript，由它衍生出来的有 TypeScript，ESMScript。优先掌握 JavaScript。
4. node.js
node.js 是前端必须要掌握的技能，它可以创建便捷的工具辅助前端便捷开发。可用于作为 web 服务。
5.框架
使用框架可以更快速、高效地实现业务逻辑。目前主流的是 React 和 Vue，需要深入掌握其中一个框架，san 是百度开源的 MVVM 框架。初学者有一个误解，以为使用框架就不需要 HTML 和 CSS 了，事实不是这样的
6.构建工具
浏览器只能识别 HTML、CSS 和 JavaScript，所以不管使用什么框架写的代码最终都需要让浏览器能够识别。不同浏览器对 JavaScript 的特性支持的不一致，可以通过构建工具把 JavaScript 代码转换成浏览器能支持的。使用构建工具也能够做到性能优化，比如压缩代码。
7.模块化
模块化可以方便地管理前端项目，使不同的业务拆分成不同的代码，方便管理与维护。
8.开发与调试工具
前端开发，首推 VSCode，学会这个IDE，也可以帮助你开发其它语言的项目，比如 python。另外需要掌握浏览器的调试技巧。
9.三方库
前端开发中有些前端库是很常用的，它适配了很多浏览器，对开发者比较友好。
10.资源
好的资源会达到事半功倍的效果。关于资源方面我只推荐 MDN，像那些一文搞懂 xxxxxx，10分钟搞懂 xxxxxx。别做梦了，学习没有捷径。想学好就必须系统深入学习。
11.浏览器工作原理
网页最终由浏览器渲染，掌握浏览器工作原理是必须的。首先要搞懂HTTP，然后弄懂浏览器显示一个页面所要经历的过程。这也是我正在写网络编程相关内容的初衷，网络太重要了，处处多需要。
上面这些内容，是我做前端以来总结出来的。我会按照上面的大纲逐步深入写下去。目前正在写第三阶段网络编程相关内容。大家加油！！！
网友评论