【赵洁琼】代码女神如何做前端界面开发？

经历过前端开发这个岗位“走红”的小伙伴都知道，前几年里网上层出不穷对前端开发这一职位的褒奖，集“钱景”和“前景”于一身，知乎上铺天盖地关于前端的各种问题，身边学前端开发的人越来越多，前端招聘市场繁荣无比。而16年之后的前端开发招聘市场逐渐回归理性，前端进入了大浪淘沙的“换血”时代，想做一个拿着高薪的前端er，似乎不再那么容易....

于是，又有人开始说，前端的人太多了，搞得我都找不到工作，学前端没前途了。

然而同时也有很多hr在抱怨吐槽说前端多而难找到一个合适的，难道是薪酬吸引不到优秀的人才吗？
 

根据北京前端薪资数据，薪资在10k-50k的占去了大部分比例，在前端市场回归理性以后，前端技术人才的议价能力也越来越高。

那么为什么现在陷入了一个求职者找不到工作而企业找不到人的局面？

 

这是因为企业所需要的是一个“靠谱的前端”。

技术方面:

第一阶段(新手村)

一个前端初学者必须所掌握的核心技能HTML,CSS,JavaScript,这三项是前端最底层的技术支持了,如果你看几年前的回答应该还会有一项jquery,但我个人觉得现阶段的前端圈jquery可以不作为必备技能,虽然Jquery对新人很友好,但现在mvvm框架满天飞Vue, Angular,React三分天下,用起来要比直接操作dom的jquery舒服很多,当然在这个阶段是打基础的阶段框架,类库什么的可以往后靠。原生Js永远都是重中之重,只会用框架不懂底层原理永远达不到精通,推荐红宝书Javascript高级程序设计,吃透红宝书打牢基础再去学习其他框架,妈妈就再也不用担心你的学习。接下来还有一项额外的技能PhotoShop,要知道ps可以不用去做,但必须要会,而且在一些小公司里UI只会丢给你一个PSD,没有什么Sketch之类的东西,也没人帮你切图,这些都需要你自己来处理,所以ps是额外的必备技能。

第二阶段(副本开启)

进入告诉成长阶段,开始打怪升级,这个阶段的时间持续最长,在这期间你需要爬无数的坑,积累各种失败的经验,一关一关的往下刷,关于HTML和CSS你需要知道各种UI框架的使用,如BootStrap,ElementUI……,关于不同图片的格式标准,浏览器的兼容性,移动和pc端的区别,响应式布局,flex布局,栅格布局,对设计审美的提升…等关于提高你页面开发效率的各种技能,UI框架这一块比较杂选自己感兴趣的看看就好。

Js方面这时候已经可以开始挑一种主流框架进行学习了,前面提到的Vue, Angular,React都是不错的选择, 并且对面向对象编程,对象封装,原型继承,闭包,同步异步差异,等一系列的js进阶知识应该进行深入了解,同时对es6标准也需要了解,可以参考阮一峰老师的es6入门,书中包含了es6的各种新特性,默认参数,模版表达式,多行字符串,拆包表达式,改进的对象表达式,箭头函数 =&>,Promise,块级作用域的let和const,class类,模块化等常用特性.可以做到自己封装组件,编写维护性高,可读性强的代码. 而且在平时需要多看别人写的代码,汲取别人的优点,并且阅读大量的技术文献,最重要的是要总结自己的问题,比如说你遇到一个bug,迷迷糊糊的就解决了,下一次你又遇到相同的问题,这个时候有没有对之前问题进行总结的效果就看出来了.

第三阶段及更高级

了解各种设计模式,看得懂各种框架源码,前后端通吃,可以自己手写js框架...好吧,我还没到这个阶段就不写了..............

 

1.深刻理解需求，清楚需求的动机和缘由

我们程序员一定会在问，产品经理为什么想要根据手机壳的颜色来动态实现APP启动时的颜色。既然想听解析，那就先别急着说出自己的结论——技术上无法实现！既然有疑问，那就先将自己的疑问解决。

2.换位思考

产品有产品的角度。作为程序员我们追求的是什么？逻辑正确，更快，更容易扩展。产品追求的是什么？说实话，我自己没有深刻去思考过这个问题。站在一个惯性的角度思考可以想到：一个产品为什么存在，他的存在能解决什么问题，他的用户体验好不好。这些才是决定一个产品的核心价值。毕竟工作性质影响了一个人的思维逻辑，所以这时候，我们能站在一个产品的角度去思考每一个需求，便显得尤其重要。

3.不放过每一个细节

作为程序员想必对这句话都是深深认同的。因为一个标点符号或者类型的错误，会导致一个自己意想不到的bug。产品经理在设计一个产品的时候，都是从大方向去想问题的，大方向没有错就行了，细节脱离不了大方向。这是他们想的。但是对于程序来说，却万万不能。因为一个细节的逻辑往往决定了整个大方向。举个例子：有一个需求，用户的作品需要提交审核，经过审核才可以让所有人看到。当产品经理交这个需求给你的时候，你能察觉到什么问题了吗？这里面有几个细节：1.用户提交审核后，用户可以不可以再编辑作品；2.作品是否会多次审核；3.需不需要记录审核历史；4.用户作品是否需要有版本的控制，如要产生版本，版本又是如何产生的；5.审核通过后，用户可以不可以再修改作品，若不可以，那么是不是其他人就看不见用户作品......话说回来这只是一个简单的逻辑需求！但是涉及的细节却是太多太多。我们往往在编码的时候写不下去，就是因为给的需求太模糊，没有细化到点上。

4.换一种方式说“不能实现”

不能实现，这句话想必我们都是经常说。但是直接对产品经理说，没准会让产品经理抓狂。因为我们会让他们觉得他们提出的任何需求，我们都不能实现。但是事实并非如此，因为不能实现是有条件的，比如时间不够。所以我们要先认同产品经理的观点（“能实现”），再提出自己实现他的需求的条件是什么。因为现实产品经理也不会经常犯傻，经常提出一些不合理的需求，但是面对需求，我们需要评估实现的时间，而且这个时间不是那么容易评估准确的。

5.当遇到不合理的需求时，积极寻求替换方案

就拿段子里面的需求来说，让我们提供几种APP皮肤给用户进行选择，肯定比原先的需求容易实现，而且也更加符合人性化。说另外一个故事，有家智能家居的公司，要实现厨房水龙头，根据人声说水温几度，就可以达到几度。换个角度想，你会感觉出40度和45度水的温差吗？而且根据人声判断，这又涉及到声音识别系统，你要兼容多少种语言？其实我就觉得左右切换就挺智能的，完全没有必要搞的那么复杂。所以程序员要找到一种更好更容易实现的方法。别给产品经理的想当然自乱阵脚。

6.必须遵循文档精神

在开发的时候，我们往往会另外与产品经理进行细节化的讨论。但是这种讨论结果，我们并没有记录到产品原型里面或者需求列表里面。但是过了几个月后，我们自己往往会忘记我们当初为什么会讨论出这样或者那样的一个细节。所以一切的需求必须是根据的。从另一方面来说，也保障了双方的利益，别等到出问题的时候，不知道是谁的责任，而在这一方面，程序员往往很吃亏。

很多人都以为，前端就是学学html、css、Javascript或者学多一两个框架就可以做好一份前端的工作了，其实并不是这样简单的。如果真的这么简单，那么也不会有那么多新的技术不断地更新，也不会有那么多的人转型做全栈工程师了。

根据目前各大公司的人才需求和任职要求可知，一位前端工程师的要求至少要会7、8门技术，其中css、html这两个是必须精通的，而Javascript至少要会写一些插件，会自己封装函数，然后至少也要精通其他其中两门框架以上，比如reactjs、vuejs、html5、Angularjs、Bootstarp和jQuery等等。但是不同的公司他们的任职要求也是不同，也许你的第一家公司是用这种框架，而你辞职后找的另外一家公司用的是另外的一种框架技术，我们来看看数据吧！
 

其实这个要学多少门前端技术是没有一个准确的说法，因为每个人的能力不同，每个人的兴趣爱好不同，学的技术也会各有己见，所以，我也只是给个大概的说法吧。

首先，我觉得html、css、Javascript这三个的基础必须得牢牢掌握，为的是接下来学习其他的框架做好铺垫；然后选择至少两个自己喜欢的框架学精通，而其它的框架和先进的技术的话可以不学精通，但也得有所了解，或者最好是用过，会用的那种，还有就是了解一些后端的语言；最后就是要了解nodejs、webpack、git等代码管理工具和打包工具。

以上就是【赵洁琼】代码女神如何做前端界面开发的看法