#前端开发我们应该具备的硬核技能

自从Vue2.0火了之后，前端开发在国内就像开了花一样，哪哪儿都是招前端要求会Vue、Angular、React任意一个。很多同学都知道前端很火！但是不知道为什么火。只知道找工作前端好找，工资也可观，弱类脚本语言入门上手也快。所以你就信了培训班老师的邪，去贷了款报了培训班！面试的时候尽管你的简历被包装的非常华丽，但是我可以负责任的告诉你，你几斤几两，面试官随便问几个问题你就会招架不住。当然我并不是为了嘲讽新手才要写这篇文章。相反，我是要帮你解决问题的！

现在我来用通俗的话解释第一个问题，现在前端开发为什么很火？

**1、**现在的开发模式已经是前后端分离了，很多业务都可以放在了前端。以前的开发模式MVC是针对后端的。Model、Cotroller控制器的业务都是放在后端去完成的，而前端呢，仅仅就是负责View层，你写好的静态页面交个后端，后端开发人员再把你的页面切割嵌套进后端的框架中，如果遇到应用类（各种表操作，不需要写花里胡哨的东西）的项目，那么前端开发基本就废了，后端开发人员虽然对html、css不精通，但是人家随便找那么一两个UI框架（比如layui、bootstrap）就可以解决需求，可以说前端就是可有可无。所以以前的前端和美工是不分家的，很多公司要求你既要回PS，也要会写代码，这就让侧重前端开发的人感到受鄙视，侧重UI设计的同学们想骂娘！自从前后端分离后，前端就从后端的束缚中解脱了。一些业务也可以在前端来完成！

**2、**SPA（Single Page Application）的横空出世，关于这个的历史我不想多赘述，因为我不记得了。但是，这个东西问世，无疑对前端开发是一个里程碑！从此MVC、MVVM这两个概念迅速在前端蔓延。好咱们就先来聊一聊什么是SPA？以及它的优缺点！首先SPA第一大优点就是良好的性能！那么我又要丢出一大堆问题了，什么是性能？前端开发中到底是什么东西在影响着性能问题？？为什么你用Jquery写的页面交互体验就不好了？！这些问题你都了解吗？短短的一句话背后隐藏着么多的知识！关于前端的性能问题，大家可以百度搜索雅虎前端优化军规！看完这个会让你真正了解前端的性能问题！这里我只说一点！前端最好少去操作你的DOM！！！操作DOM才是影响性能的罪魁祸首！

我们前端开发的从代码到解析成用户可操作的界面一共分五步：

1、HTML转化为DOM；

2、CSS转化为CSSOM（Css Object Model）；

3、结合DOM和CSSOM生成了一颗渲染树（包含每个节点的样式信息）；

4、生成布局，将所有的渲染树的所有节点进行平面合成；

5、将生成的布局绘制在屏幕上！

生产布局+布局绘制合称渲染！重新布局叫重排，重新绘制叫重绘！修改DOM、修改样式、用户事件（鼠标悬停、页面滚动、输入框键入文字、改变窗口大小等等）都会触发页面的重排和重绘！我们的写的动画！操作DOM在不断的移动就是在不断的进行重排重绘！所以重排和重绘这在日益复杂的前端当中是不可避免的！但是他们非常的消耗资源，是导致网页性能低下的根本原因（具体可百度搜索阮一峰前端性能优化）！那么这时候！解决这种根本原因的办法出现了！！Vue的虚拟DOM！！顾名思义，Vue可以用JS构建一套虚拟的DOM数据模型（简称虚拟DOM）！若用户一次操作中需要10次更新DOM的动作，虚拟DOM不会立即的操作DOM！而是讲这10次更新有差异的内容保存到本地的一个JS对象中，最终将这JS对象一次性附着给DOM树上！再进行后续操作，避免大量无谓的计算量。所以，用JS对象模拟DOM节点的好处是，页面的更新可以先全部反映在JS对象(虚拟DOM)上，操作内存中的JS对象的速度显然要更快，等更新完成后，再将最终的JS对象映射成真实的DOM，交由浏览器去绘制！这就是为为什么Vue的性能好！！小伙伴们！看到了吗？短短的一句话背后蕴藏着么多知识点！想深入了解虚拟DOM的可百度搜索虚拟DOM！网上一大堆解释！有小伙伴哪里不了解可以私信我或者加我微信给我截图！SPA第二大优点就是前后端分离，后端从此只需要负责数据库的增删改查就完事儿了！给出统一的API，前端可以web端、移动端通用等等！对后端人员也是一种解放！这里不再赘述！SPA第三大优点，就是服务器减压咯！服务器从此只需要吞吐数据就行了，不用再管展示逻辑和页面合成！性能直线飙升！

**3、**前端已经无所不在，不仅可以写前端，也可以写后端NodeJS、Koa2、Express！这里先介绍一下前端，前端领域，我熟知的网站开发、web应用、App开发、小程序、最过分的竟然是最近又很火的微前端！！就像后端的分布式架构一样，我的天呐，你有没有为前端感叹的同时觉得压力变得很大呢？不要怕，当你真正摸清了前端的脉门，你能做到学什么就会什么的！

前端前景是很不错的，像前端这样的专业还是一线城市比较好，师资力量跟得上、就业的薪资也是可观的。

现在的前端开发工程师，主要进行网站开发，优化，完善的工作。不过，现阶段的网站开发已经不同于早年的网页设计，当时主要是以图片和文字为主，用户使用网站的行为也以浏览为主，现在的网页更加美观，涉及多种元素，用户与页面的交互性更强，所以，对前端开发人员的技能要求也更高。

现在的前端开发，可能不仅仅要掌握三大基本技能，更多的是要熟悉各种开发工具的使用，Dreamweaver：，Sublime，HBuilder等都是比较热门的工具。

工具只能解决某个单一的问题，这时候就会解除到多种框架的运用：除了三大基本框架Angular、React、Vue，还有Bootstrap、 Fbootstrapp、BootMetro、Gumby、IVORY、Kube等都是要慢慢学习的。另外，现在的前端开发

可能还要学习网站性能优化和服务器端相关的基础知识。
前端开发工程师需要掌握的技能是相当丰富的，能够从事的范围也是相当广泛。前端开发的前景相当光明，只要学得好，一定能有所收获。

注：每周福利均会更新，更多福利等你领取，更多技巧，欢迎在评论区一起交流！

学习Java没有那么容易，一定要掌握学习方法，初学者对于学习方法有什么不懂的可以随时找我咨询，真的是希望新手少走弯路，可找我领取Python ，web前端开发，Python爬虫，Python数据分析，大数据开发，人工智能，Java项目，Java基础等精品学习课程。带你从零基础系统性的学好Python，Java，web前端和大数据等！做一名牛逼的程序员！

希望这些能够帮助大家从一个小白成长为大牛，最后提醒大家，不要在拼搏的年纪选择安逸，希望小编的文章能够帮助到小伙伴们！

END

祝大家学的愉快，学的神速。

有帮助的话，各位小伙伴可以点个赞收藏支持下啦！❤️

也欢迎关煮lili，一个在变秃，但能带你变强的程序员~

今天先说这么多，我是乐字节哩哩，一个有趣的灵魂！下期见！

【此文章转自乐字节】