给前端开发者的5点建议

栏目: 后端 · 发布时间: 4年前

内容简介:最近接触了很多前端的小伙伴,和他们谈了很多职业发展的问题,大部分是做了一到三年的前端新手。在交流中发现了一个很有意思的现象,同样是入门不足三年,有部分人觉得前端很有前途,甚至有人年薪已经50W以上,但也有部分人觉得前端薪资不高,技术体系庞杂,迭代速度飞快,苦于学习各种不断更新的技术和框架,心神俱疲。

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

在交流中发现了一个很有意思的现象,同样是入门不足三年,有部分人觉得前端很有前途,甚至有人年薪已经50W以上,但也有部分人觉得前端薪资不高,技术体系庞杂,迭代速度飞快,苦于学习各种不断更新的技术和框架,心神俱疲。

同样是前端工程师,技术体系是相同的,工作年限也是相近的,为什么差别这么大? 我在前端领域摸爬滚打也有五年了,如何跟上前端技术飞速更新的步伐,我认为学习方法一定要找对,抓住学习的重点才能事半功倍。 我总结了几个学习中要注意的点,分享给技术水平卡在瓶颈,苦恼于怎么提高的年轻工程师们。

01

夯实基础

基础一定要掌握牢固,基础知识一问三不知,就是贻笑大方。css,js基础知识一定要掌握得很熟练。

到什么程度可以称为熟练?你能使用css实现斑马条纹背景,毛玻璃效果吗?能给图片实现滤镜效果,能实现所有自适应布局效果吗?原型,原型链,闭包是实现 设计模式 的必备知识,你真的弄懂了吗?闭包导致内存泄漏的原因是什么,你弄明白了吗?ajax跨域的解决方案你可以说几种?9102年了,你还是只告诉我jsonp吗?http协议有了解过吗?

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

02

深究原理

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

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

03

注意细节

"代码能用就行"的认识往往是初级 程序员 的通病。 作为在技术道路上有理想的工程师,一定要对自己的代码严格要求,精益求精。

比如HTML一定要注意语义化以方便SEO优化,该用

,,的地方不能一股脑儿用
完事;css中编写样式时不能页面上样式是有了,类名和属性 排序 写得一塌糊涂,建议大家按照BEM规范编写风格良好的代码;js中变量命名随意是很常见的不规范行为,一个不直观的变量名往往使同事看了脑袋大。

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

04

登高见远

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

给前端开发者的5点建议

技能图谱

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

05

学习分享

再回到开头举得例子,同样的工作年限,到后来却是不同的发展路径,每个人的学习习惯很重要。愿意去突破自己是一回事,知道怎么才能更好的帮助自己是另一回事。

推荐网易云课堂的前端进阶免费直播课,由网易资深前端工程师每天晚上8点直播2小时,深度剖析JavaScript、分析实战经验、面试技巧等。

给前端开发者的5点建议

扫码锁定网易前端大牛免费直播席位(限前100)

 7天免费直播主题 

5.27-6.2 连续7天每晚8点准时直播

第一场  5月27日 周一 20:00

第三人称编程思维形成-jQuery框架源码阅读日记

  • 入门级源码阅读技巧

  • jQuery整体架构设计分析

  • 第三人称思维编程形成

第二场  5月28日 周二 20:00

面试高级前端之VUE数据响应式原理

  • 理解响应式

  • 响应式原理分析

  • 如何将响应式功能实现

第三场  5月29日 周三 20:00

好的架构设计是怎么样的?-设计模式解密  

  • 何谓设计模式与设计思维?

  • 前端设计模式大盘点

  • 案例实操

第四场  5月30日 周四 20:00

经典设计模式 VS 经典算法-内存消耗分析

  • 经典设计模式归类

  • 经典算法介绍

  • 内存分析各模式和算法的性能代价

第五场  5月31日 周五 20:00

前端工程化利器-webpack基础使用探秘 

  • 前端工程化到底是什么?

  • webpack的安装与配置  

  • 使用webpack进行一次基础打包

第六场  6月1日 周六 20:00

致未来架构师-架构师面试技巧

  • 架构师和普通程序员面试的区别

  • 如何理解系统全局的把握

  • 全局架构格局如何形成

第七场  6月2日 周日 20:00

慎入“毁三观”  JavaScript设计那些你不知道的细节

  • 面向对象还是基于对象

  • 闭包和执行上下文到底是怎么回事

  • 编译原理  

  • 什么是前端架构

预约即赠前端资料包

给前端开发者的5点建议

扫描下方二维码 添加助教小姐姐即可

给前端开发者的5点建议

微信:weizhuanye042

直播公开课+超值资料包 等你领取


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

JavaScript入门经典

JavaScript入门经典

Paul Wilton、Jeremy McPeak / 施宏斌 / 清华大学出版社 / 2009-2 / 98.00元

《Java Script入门经典(第3版)》首先介绍了J avaScript的基本语法,并介绍了如何发挥JavaScript中对象的威力。《Java Script入门经典(第3版)》还介绍了如何操纵最新版本浏览器所提供的BOM对象。在《Java Script入门经典(第3版)》的高级主题中,将介绍如何使用cookie,以及如何应用DHTML技术使Web页面焕发动感和活力。另外,《Java Scri......一起来看看 《JavaScript入门经典》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

html转js在线工具
html转js在线工具

html转js在线工具

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具