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

357 阅读3分钟

前言

正在初学者学习一门新技术往往不知道如何开始,从哪开始,终点是啥。为啥有人月薪 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,然后弄懂浏览器显示一个页面所要经历的过程。这也是我正在写网络编程相关内容的初衷,网络太重要了,处处多需要。

本文使用 mdnice 排版