- 前端发展的前途与趋势是怎么样的?应该学习哪些提高自己的核心竞争力?

近几年,小程序可谓是火的一塌糊涂,甚至独立出来小程序开发这个岗位。
在微信小程序出现以前,大家在谈 Hybird 、ReactNative ,但终归只是技术层面的狂欢,一直没有业务属性的注入。
而小程序的出现一方面告诉业界在当前设备上 Webview 也是非常优秀的;另外一方面告诉业界如何让有能力的商家在超级APP上进行私域运营。但是缺点也是很明显的,可能很难产生业界的最终标准,Web 的碎片化会更加严重。
2、工程体系形成闭环
曾经我们侃侃而谈的 Yoman、cli等系列优秀的构建工具,在庞大的项目团队中总觉得“差点意思”,所以慢慢发展到gulp、webpack和现在的cli ui界面。
2020年工程体系一定会继续走向闭环,不再是一个脚手架这么简单,而是会结合 IDE,打通业务属性,从项目初始化、到编写代码、到 CI、到灰度、到发布形成一个相对完整的闭环。
3、Serverless与前端紧密联系
其实 Serverless 早已和前端产生了联系,只是我们可能没有感知,比如我们经常使用的 CDN,它就是一种 serverless 的实现。
随着 Serverless 的逐步落地,BFF 这层的代码会摆脱运维、机器分配等复杂的问题。这也是我们前端应该做的,服务端同学专注中台系统的实现,对业务的好处是降低试错成本。
那在如今的前端大环境下,
我们如何提高自己的核心竞争力? 下面这几个方面是必须要学会的:
- 会使用框架,但不局限于使用框架。目前Vue,React还是大火阶段,但是切记使用框架的时候多看看底层源码与架构设计。JavaScript 是前端核心。作为基本功,无论工具或框架如何变迁,了解JavaScript 底层以及设计模式是必然的。学习服务端开发。前端逐步与服务端打交道,而许多人还停留在写页面、调接口的阶段,大厂或是高级前端工程师的招聘上都要求你有node开发经验。了解前端工程化。web业务日益复杂化和多元化,前端开发从WebPage模式为主转变为WebApp模式为主。前端的工作需要多人协作,要考虑到项目的可维护性、开发质量、规范性等等。

3、打包优化dll
二.构建: 《还只会mvvm?中间层模式了解下》 1、各种模式的对比 2、什么是中间层 3、如何利用node构建一个中间层 三.分享: 《网易项目经验分享—用api层的封装助你开发》 1、如何管理自己的项目api层2、axios拦截思路
3、如何二次封装请求库
附赠前端进阶资料
篇幅有限,扫描免费获取更多资料

遇到扫码频繁,请再次识别哦
(别让您的犹豫阻碍您的进步)


