给前端开发者的5点建议

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

内容简介:最近接触了很多前端的小伙伴,和他们谈了很多职业发展的问题,大部分是做了一到三年的前端新手。在交流中发现了一个很有意思的现象,同样是入门不足三年,有部分人觉得前端很有前途,甚至有人年薪已经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

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


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

查看所有标签

猜你喜欢:

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

Build Your Own Web Site the Right Way Using HTML & CSS

Build Your Own Web Site the Right Way Using HTML & CSS

Ian Lloyd / SitePoint / 2006-05-02 / USD 29.95

Build Your Own Website The Right Way Using HTML & CSS teaches web development from scratch, without assuming any previous knowledge of HTML, CSS or web development techniques. This book introduces you......一起来看看 《Build Your Own Web Site the Right Way Using HTML & CSS》 这本书的介绍吧!

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具