学好前端的 6 点建议

时间: 2019-03-02阅读: 1157标签: 前端

最近接触了很多前端的小伙伴,和他们谈了很多职业发展的问题。他们大部分是做了一到三年的前端新手。

在交流中我发现了一个很有意思的现象,大家同样是入门不足三年,一部分感觉前端是一个很有前途的职业,甚至一部分两年经验的前端同学透露年薪已经30W以上了,而另一部分则表示前端薪资水平不高,技术体系庞杂,迭代速度飞快,苦于学习各种不断更新的技术框架,心神俱疲。

同样是前端工程师,技术体系是相同的,工作年限也是相近的,为什么差别这么大?我在前端领域摸爬滚打也有五年了,如何跟上前端技术飞速更新的步伐,我认为学习方法一定要找对,一定要抓住要学习的重点。

于是我总结了几个学习中要注意的要点,希望和各位苦恼于技术水平卡在瓶颈不知道该怎么提高的年轻工程师们分享。


Part.1 夯实基础

要成为一名年薪30W的前端工程师,基础一定要掌握牢固,基础知识一问三不知,岂不是要贻笑大方。

cssjs基础知识一定要掌握得很熟练,你能使用css实现斑马条纹背景,毛玻璃效果吗?能给图片实现滤镜效果,能实现所有自适应布局效果吗?原型,原型链,闭包是实现设计模式的必备知识,你真的弄懂了吗?闭包导致内存泄漏的原因是什么,你弄明白了吗?ajax跨域的解决方案你可以说几种?9102年了,你还是只告诉我jsonp吗?http协议有了解过吗?如何在http协议中实现不缓存静态资源?

现在是9102年了,这些问题老掉牙了。可是我要告诉你的是,掌握好这些老掉牙的基础,就是很重要。上层的技术可以变更的很快,基础变动很慢,投入时间学好基础,性价比很高。


Part.2 深究原理

Angular,react,vue框架和脚手架的普及,越来越多的前端工程师浮于表面,调用框架的API完成任务就完事。要成为一名优秀的前端,绝不能成为单纯的"API调用工程师",一定要掌握框架背后的原理性知识。

Virtual DOM diff算法,双向绑定原理等等框架背后的机制都值得我们去学习。框架API可以更新很快,而他们背后的原理都是相似的,学好原理既可以让我们对框架底层了解更深入,又可以使我们迅速掌握不断更新的框架表层。只会用框架永远也成不了大神。


Part.3 注重细节

在工作中,做事得过且过的人往往难堪大任,作为前端工程师,亦不例外。"代码能用就行"的认识往往是初级程序员的通病。作为有在技术道路上有理想的工程师,一定要对自己的代码严格要求,精益求精。

比如html一定要注意语义化以方便seo优化,该用<section>,<head>,<foot>的地方不能一股脑儿用<div>完事;css中编写样式时不能页面上样式是有了,类名和属性排序写得一塌糊涂,建议大家按照BEM规范编写风格良好的代码;js中变量命名随意是很常见的不规范行为,一个不直观的变量名往往使同事看了脑袋大。

“代码千万行,注释第一行。命名不规范,同事两行泪。“一首流行诗,饱含了多少程序员的血与泪。


Part.4 登高见远

前端经历了这么多年的飞速发展,早已成为浩瀚的大海。如果闷着头独自钻研苦学,那无疑是很慢的。


(文末扫码获取能力图谱)

如果我们直接去跟随大神学习,那将会使我们快速成长。github上有很多优秀的前端项目,仔细研读这些项目的代码,在commit记录中查看编程思想和逻辑的进化过程,就是一场与大神直接的面对面交流,是一场绝妙的学习之旅。

现在网络课程也十分丰富,有很多技术大牛的课程让我们直接通过视频生动的讲解快速地学习技术,这何尝不是一种向大神快速学习的方式呢。


Part.5 良书益友

虽然现在网络上各种文档、博客文章已经很丰富了,但是对工作经验不足,基础薄弱的同学来说,随手拿起书,时时能学习才是王道,查漏补缺,完整地夯实基础。

我推荐几本值得购买的书给大家,《图解HTTP》、《JavaScript设计模式与开发实践》、《深入理解ES6》,《高性能JavaScript》。这些书籍都值得多次反复阅读,对于巩固基础,学习框架原理性知识,写出高性能的代码都是大有裨益的。



Part.6紧跟潮流

现在的前端技术体系更新十分迅速,想着要不要尝试用下vue的事仿佛还在昨天,今天一觉醒来就看到尤雨溪宣布要开发Vue3.0了。

前端体系中这两年SPA已经不是新名词,PWA,SSR,小程序愈发流行,前端微服务化的趋势也应运而生,RN,electron在移动端,桌面端的使用也越来越多,ES10标准的发布也没几个月了。

所以最重要的是突破当前岗位需求的设限,对各种技术融会贯通,创造新的技术框架,做技术的领头羊,适应时代发展。

技术人成长不能再单打独斗,要学会与人交流,学会将别人的知识为自己所用。如果你依然觉得有些茫然,不如跟有多年前端开发经验的资深工程师聊一聊。


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

2.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/2181

关闭

如何避免Puppeteer被前端JS检测

这两天开始看puppeteer,发现居然也能被某数的前端js检测出来!?想找找到底哪个环节把webdriver属性加上的,但是文本搜索发现puppeteer源码中并没有……后来chrome中用chrome:version看了下命令行启动参数

前端迷茫怎么办?

从业这么多年,时不时就有前端同行咨询我关于职业发展的事情,其中比较常见的一个就是对前端的迷茫。具体表现为,团队没什么前端,就自己一个人,感觉上面的人也不太重视前端

web前端的前景及工资

前端开发行业它不再是一个近两年新兴产业了,但我们有越来越多的人迁移到Web前端开发,在2010年之前,没有高度在这个位置估值仍然是开发者。虽然它有点被称为JS工程师,但是打电话给艺术家或剪画是不好的。

大前端时代下的热修复平台建设

随着移动需求的增加、移动项目的拓展,如果移动端应用出现 Bug 不能及时得到修复,影响的不仅仅是用户体验,还会造成业务上的损失,因此,建立一套完整的热修复平台迫在眉睫。

为什么Web前端开发技术如此受欢迎?

随着互联网的发展,Web前端的应用范围更加广泛,除了网页,Web前端更广泛应用于各类APP中,到我们生活的方方面面。Web前端开发好吗?为什么Web前端开发技术会如此受欢迎?

如何从零基础成为优秀的Web前端开发人员?

你想成为一名Web开发人员,有一个问题,在技术行业还没有经验。你可能上了很多课程并且也写了很多个人项目,但是简历上经验一栏却始终和你没有什么关系。转型到一个新的领域并不是那么容易,你想知道你是否已经准备好了

哪些人适合学web前端?

工作流程为从UI处得到原型图或者效果图,在项目(网站、微信公众号、小程序、WEBAPP)中还原图片效果,然后与后台进行各种数据交互。目前的前端市场整体还是处于迅速发展期

前端初学者们4点建议,面试时应该关注哪些

现在的前端技术的发展日新月异,各种新技术层出不穷。前后端分离的开发模式也让前端开发者的地位日益提升,待遇日渐水涨船高,自然有很多小伙伴慕名入了前端开发的坑,希望能在前端领域大展宏图

选择转行学习WEB前端,你必须要了解基本概念

一则笑话:一个前端工程师和一个后端工程师,两人协作开发了一个项目。项目结束后,后端工程师向其朋友夸耀。其朋友看后问他,页面上哪些是你做的。后端工程师无奈的说,凡是你看到的都不是我做的。

web前端的一些不为人知的冷知识点_CSS篇整理

CSS篇整理:关于CSS的恶作剧、简单的文字模糊效果、垂直居中、多重边框、实时编辑CSS、创建长宽比固定的元素、CSS中也可以做简单运算

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!