2020年前端如何适应大环境

共 1511字,需浏览 4分钟

 ·

2020-03-23 23:30

随着Web前端发展的日新月异,越来越多人加入到前端工程师的行列,那么就产生了两个核心问题:

1、前端发展的前途与趋势是怎么样的?

2应该学习哪些提高自己的核心竞争力?


就发展前景而言,自12年到现在,国内Web前端的技术热潮一直高居不下,这证明了前端是具有强大生命力的,至少未来5-10年是不用担心行业的发展问题。


那么,2020前端发展的趋势会是怎么样的?

1.    超级 APP 下 —— Web 标准的重新定义


15303cf8a8ae283ee46447a54f8c6870.webp

近几年,小程序可谓是火的一塌糊涂,甚至独立出来小程序开发这个岗位。


在微信小程序出现以前,大家在谈 Hybird 、ReactNative ,但终归只是技术层面的狂欢,一直没有业务属性的注入。


而小程序的出现一方面告诉业界在当前设备上 Webview  也是非常优秀的;另外一方面告诉业界如何让有能力的商家在超级APP上进行私域运营。但是缺点也是很明显的,可能很难产生业界的最终标准,Web 的碎片化会更加严重


2.    工程体系的再度升级


47820a04751788ba015f0b08ff897381.webp

曾经我们侃侃而谈的 Yoman、cli等系列优秀的构建工具,在庞大的项目团队中总觉得“差点意思”,所以慢慢发展到gulp、webpack和现在的cli ui界面。


2020年工程体系一定会继续走向闭环,不再是一个脚手架这么简单,而是会结合 IDE,打通业务属性,从项目初始化、到编写代码、到 CI、到灰度、到发布 形成一个相对完整的闭环。


3.    让前端离业务更近 —— Serverless


3b49fc7954223c0eb43b282a710a4162.webp


其实 Serverless 早已和前端产生了联系,只是我们可能没有感知,比如我们经常使用的 CDN,它就是一种 serverless 的实现。


随着 Serverless 的逐步落地,BFF 这层的代码会摆脱运维、机器分配等复杂的问题。这也是我们前端应该做的,服务端同学专注中台系统的实现,对业务的好处是降低试错成本。


那在如今的前端大环境下,我们如何提高自己的核心竞争力?


下面这几个方面是必须要学会的:

6695323d9a9f546fb7dbed534d1be3f8.webp

  • 会使用框架,但不局限于使用框架。目前Vue,React还是大火阶段,但是切记使用框架的时候多看看底层源码与架构设计。
  • JavaScript 是前端核心。作为基本功,无论工具或框架如何变迁,了解JavaScript 底层以及设计模式是必然的。
  • 习服务端开发
    前端逐步与服务端打交道,而许多人还停留在写页面、调接口的阶段,大厂或是高级前端工程师的招聘上都要求你有node开发经验。
  • 了解前端工程化。web业务日益复杂化和多元化,前端开发从WebPage模式为主转变为WebApp模式为主。前端的工作需要多人协作,要考虑到项目的可维护性、开发质量、规范性等等。

c12d4740a22d3958fae4d6ced14ffc7d.webp




道理我们都懂,可是去哪学这些内容呢?
在这里,我就推荐一个免费的学习平台——网易云课堂,同学们可以去这里听听网易特邀前端技术专家们,为大家讲解现在前端发展趋势,并且还有免费的直播课,讲解前端学习的技巧、源码、语法、架构等。


今晚8点

4c0e51f5b41cb18e5c599b504dca4777.webp

更多免费课程安排

1


3月23日—3月29日,晚上8点


一. 技能从两道面试题—看JavaScript的两个底层原理
  1. JavaScript的内存回收机制

  2. Javascript的异步机制

  3. 如何应对面试题


二. 技能如何优雅的使用vue?不可不知的vue高级实战技巧
  1. 一次引入,终生受用的组件注册技巧

  2. 拯救繁乱的template—render函数

  3. 如何二次封装请求库高精度权限控制—自定义指令directive


三. 技能学点干货—网易云vue技巧大解密    1.  vue自动化路由  2.  打包优化操作
  3.  插件开发示例


前端进阶资料

2

a293547d5a20ed79820082ee6fde0299.webp

e33d08ee9a6f47cbdf6c7ad50419bb3a.webp

篇幅有限,扫码免费获取更多资料

费直播,海量资料,先到先得~0690057d1b3f7565b279f4ad70aa8dee.webp


浏览 32
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报