2019前端展望

小编 2026-06-11 阅读:1328 评论:0
千锋小编认为过去的5年是前端工程化快速发展的过程,前端生产力得到了极大的发展,框架和工程化工具层出不穷。而近两年前端的发展日益减缓,甚至在大家看来,现阶段前端的发展只是在原有格局的基础上小范围...

千锋小编认为过去的5年是前端工程化快速发展的过程,前端生产力得到了极大的发展,框架和工程化工具层出不穷。而近两年前端的发展日益减缓,甚至在大家看来,现阶段前端的发展只是在原有格局的基础上小范围进行升级。前端未来的发展方向究竟是怎样的?

前端将逐渐侵占client端的市场,web或许会借助于sw演变成c/s架构:

这里不是指weex、rn之类,而是藉由serviceworker、小程序等带来的client应用新的形态,win10已经开始拥抱PWA,浏览器正在逐渐把client端的功能移入浏览器(3D、传感器等)。未来前端就是UI界面,无论客户端还是浏览器端,有很大想象空间,随着client应用复杂度的提升,可能会带来新的前端框架。

框架格局应该不会有大的改变,入行门槛正在提升:
当前前端框架和工程化已经可以cover住大部分业务场景的复杂度。除非未来前端应用更加复杂,从而带来新的框架之前,框架格局应该不会有太大变化。对从业者的影响:以前会个react、vue、webpack还值得拿出来说说,现在已经算是普通能力,想脱颖而出就要了解源码。再往后几年,更是普通能力,企业更多的会看中职业背景、学校背景、项目能力、管理能力。靠着学框架转行、跳槽的同学是2014-2018年的幸运儿,这个大门正在逐渐关闭,渴求发展的同学需要重新寻找新的蓝海。

适配端、满足相关业务需求

有屏幕显示互联网的页面的时候,就有了PC前端的需求,随着发展就逐步出现了HTML、CSS、JavaScript 等。出来了移动端的时候,就有了iOS应用开发、Android应用开发、网页响应式适配等等需求。也可以通过设计一套通用的DSL来磨平端的差异,减少跨端研发的成本。比如React其实就有React(适用于 Web 环境)、React Native(适用于移动端)、React 360(前 React VR,用于 VR 领域)、React Canvas(生成图片)。这种完全脱离端特定规范的DSL设计非常灵活和通用,只要组件化机制设计的好,再提供一套底层的组件和API,同时端上实现样式、事件、功能等解析器就可以实现learn once write anywhere。

编码效率需要提升

编码效率提升有很多途径。工具层面一般有代码规范和校验工具、Yeoman 类脚手架工具、各种cli 开发工具、VSCode IDE 等。也有海量的库,jQuery、React、Vue、Angular等。规范层面也在推进,从回调函数到Promise到 Async/Await,然后配合Babel抢先用在项目里。也有直接发明新语言语法的,比如TypeScript、Dart等。

发布效率和稳定性需要提升

发布出问题、线上运行老出错也是很头疼的。前端工程化虽然从2014年开始就很火,但感觉也还是比较原始。比如一些自动构建、测试、发布到CDN等,基本还是要自己去研发或者利用开源社区组装。不同于强业务逻辑的后端,前端面向业务领域的单元测试看起来永远搞不起来。线上监控也好像没有变成基建,基本只有大厂的核心业务才会去关注、研发、埋点。

版权声明

本文仅代表作者观点,不代表百度立场。
本文系作者授权百度百家发表,未经许可,不得转载。

热门文章
  • 机房智能化温湿度解决方式之POE供电以太网温湿度传感器

    机房智能化温湿度解决方式之POE供电以太网温湿度传感器
    机房智能化温湿度解决方式之POE供电以太网温湿度传感器 北京盈创力和电子科技有限公司 智能型TCP网口温湿度记录仪 北京IP网络温湿度记录仪厂家,北京盈创力和 北京智能型TCP网口温湿度记录仪IP网络温湿度记录仪是一种新型的基于TCP/IP协议双绞线以太网标准温湿度采集模块,利用它可以实现现场温度值、相对湿度值的采集,同时利用其自身的RJ45通信接口可以方便地和机房监控主机或交换机集线器进行联网。 工作于-40℃~85℃工业级带...
  • Sequential Monte Carlo Methods (SMC) 序列蒙特卡洛/粒子滤波/Bootstrap Filtering

    Sequential Monte Carlo Methods (SMC) 序列蒙特卡洛/粒子滤波/Bootstrap Filtering
    Problem Statement 我们考虑一个具有马尔可夫性质、非线性、非高斯的状态空间模型(State Space Model):对于一个时间序列上的观测结果{yt,t∈N}\\{ y_t , t \\in N \\}{yt​,t∈N},我们认为每个观测结果yty_tyt​的生成依赖于一个无法直接观察的隐变量xt∈{xt,t∈N}x_t \\in \\{x_t , t \\in N \\}xt​∈{xt​,t∈N},即:p(...
  • HTTP状态保持的原理

    HTTP状态保持的原理
    a)在用户登录之后,浏览器返回响应的时候会在响应中添加上cookieb)浏览器接收到cookie之后会自动保存c)当用户再次请求同一服务器中的其他网页的时候,浏览器会自动带上之前保存的cookied)服务接收到请求之后可以请 request 对象中取到cookie 判断当前用户是否登录  Http是无状态的,就是连接时数据互通,关闭后...
  • Hive 系统函数及示例

    Hive 系统函数及示例
    查看所有系统函数 show functions; 函数分类 内置函数【系统函数】 数学函数: floor、round、ceil、cos、log2等 字符串函数: length、reverse、trim、lower、get_json_object、repeat等 收集函数: size 转换函数: cast 日期函数: year、month、datediff、date、date_add等 条件函数: coalesce、case…w...
  • CSRF的原理和防范措施

    CSRF的原理和防范措施
    a)攻击原理:i.用户C访问正常网站A时进行登录,浏览器保存A的cookieii.用户C再访问攻击网站B,网站B上有某个隐藏的链接或者图片标签会自动请求网站A的URL地址,例如表单提交,传指定的参数iii.而攻击网站B在访问网站A的时候,浏览器会自动带上网站A的cookieiv.所以网站A在接收到请求之后可判断当前用户是登录状态,所以...
标签列表