web前端未来将会有什么样的发展趋势?
发布网友
共7个回答
懂视网
2016是前端技术，特别是HTML5技术突飞猛进的一年，加上各类AR、VR技术的出现，一下让前端市场变得火热。这可不是偶然现象，是消费升级后，人们追求更高品质前端展现效果、企业追求更轻量和高效开发效率的必然结果。那么，2017年前端技术将会在哪些领域得到深入应用？带来怎么样的想象？ 不过可以肯定的是，浏览器作为前端程序的运转平台，必然会随着前端技术的成熟涌现更多想象。下面跟随这位来自腾讯的工程师Ouven来提前感受一下吧：
Ouven：2016年结束了，前端技术的发展也将进入到一个新的阶段，那么未来又会给我们带来什么呢？这里就个人发表下意见，欢迎点评。
就前端主流技术框架的发展而言，过去的几年里发展极快，在填补原有技术框架空白和不足的同时也渐渐趋于成熟。未来前端在已经趋向成熟的技术方向上面将会慢慢稳定下来，并进入技术迭代优化阶段，例如语言标准、前端框架等。但这并不代表前端领域技术就此稳定了，因为新的技术方向已经出现，并在等待着下一个风口的到来。那么什么是下一个风口？虚拟现实？人工智能？或者其它的？不管未来如何，就前端应用开发方向来讲，MVVM、Virtual DOM和同构的技术解决方案依然会延续发展一段时间。
对于移动端应用，前端要重点发展的下一步可能就是MNV的原生NativeView开发，例如使用通用的MNV前端技术实现方案来降低移动端Native和前端Web交互的开发成本，让前端既可以通过Native编译开发出稳定的原生应用外壳，也可用来开发快速迭代、高性能的移动端MNV*应用，最终形成一套移动端上高效率的前端开发生态体系。
另一方面，新领域的Web化思路也会给前端带来新的技术革新和发展机遇，例如Web VR（Virtual Reality，虚拟现实）、物联网（Physical Web，顾名思义，就是将物体连入网络的一种理念）Web化或者网站人工智能等，这些方向的开发者早已跃跃欲试，目前国外也能找到少数这样的应用站点。
经过近几年的发展，现代前端已经发展到跨端、跨界面的革新阶段，目前主流以基于MVVM、Virtual DOM、移动端MNV*思路和前后端同构技术进行开发的项目居多，实现的方向也多种多样。当然除了这些，关于未来，还有一些我们前端工程师需要了解的，那我们就一起来看下未来前端具体可能会发展成怎样的呢。
1. 新标准的进化与稳定
前端新标准和草案在不断更新，HTML、CSS、JavaScript标准也在渐渐完善，尽管这些新的规范最终会淘汰旧标准的使用，新的项目也会以最新的标准作为开发依据，但要完全停止旧标准的使用并完成企业级旧项目的升级，依然需要一段时间。例如原有CoffeeScript的项目不可能一次性的做出迁移重构，但我们的项目仍需要维护，我们不能脱离实际项目去谈技术，这就需要一段时间来慢慢修改；再如Web Component现在也不会马上作为唯一标准大力推广。但可以肯定的是，新的语言或技术标准一定会被推广使用，只是还需要时间。
同时基于标准也会出现一些衍生的脚本语法和规范来适应特定的应用场景，这些非标准的规范除了解决具体业务技术问题之外，极有可能进化成下个标准的一部分或被新的标准借鉴。例如CoffeeScript虽然最终没有形成JavaScript开发标准，但EcmaScript 6却借鉴了其中很多优秀的特性；或者目前生成Virtual DOM的衍生脚本语法，未来也是有可能被列入到JavaScript标准当中的。
经过大版本的更新稳定，目前前端三层结构实现已经形成了HTML5、CSS3、EcmaScript 6+标准规范结合的阶段，后面标准的新变化也会越来越小，至少迄今为止，我们无法预见HTML6的到来、CSS4的特性目前也令人担忧、EcmaScript 7的特性更新也并不明显，这都显示出，目前前端项目实践规范将会相对稳定一段较长的时间，后面的修改不会像之前一样具有性，这也是技术标准发展到一定成熟阶段会发生的事情。
2. 应用开发技术趋于稳定并将等待下一次革新
从前端应用开发框架上来看，先后经历了DOM API、MVC、MVP、MVVM、Virtual DOM、MNV*阶段，逐步解决了前端开发效率、设计模式、DOM交互性能的问题。
这些问题处理完成后，相关的框架也会进入稳定发展、版本有序迭代的时期。也就是说前端的交互框架不会像以前那样变化频繁，相对于之前前端框架的频繁更换到现在主流框架的稳定升级，我们可以看出这点。但目前前端可能还有一件需要去做的事情，那就是使用前端技术栈开发Native应用的能力，如果做到这点，前端开发者就可以结合MNV开发模式进行Native应用开发并快速实现高性能的移动端应用了。因为目前的MNV框架的设计实现依然依赖已有少数几个成熟Native应用的运行环境，还做不到在通用的APP上用前端技术栈直接调用移动设备原生API。
但如果前端技术栈具备了通用的Native开发能力，技术上也就意味着，JavaScript脚本（或是衍生的其它脚本）可以将任何一个普通的移动端应用编译打成为Native包，并能使用MNV*模式直接与移动设备原生API进行交互。目前也有框架实现在做这方面的尝试，但还不是很理想，仍需要更多的改进完善。但无论如何，前端技术栈的Native开发实现技术必将成为前端的下一个实践核心。
3. 持续不断的技术工具探索
前端技术效率和性能的提升当然不是仅靠前端框架都能解决的，还需要其他各方面辅助工具的支持，例如高效的调试工具、构建自动化工具、自动发布部署工具等。所以未来前端发展过程中各种高效工具的探索仍会不断地出现，来解决特定场景下的问题，最后进行一个优胜劣汰的过程。
4. 浏览器平台新特性的应用
就浏览器端应用而言，以Chrome为代表的浏览器版本和特性发展迭代极其迅速，经过多版本的迭代，浏览器上已经可以实现较多的增强和实用特性，例如Web Component、Service Worker、IndexDB、WebAssembly、WebRTC、EcmaScript 6+的支持等等，但由于浏览器的种类和版本的多样性，我们还不能在业务中直接推广使用这些新的特性，但这些却仍然给了我们很多未来技术实现的可能，并且未来较多技术也会在这些新特性的基础上优化或改进产生。
5. 更优化的前端技术开发生态
贯穿浏览器、服务端和移动端，前端正朝着多端、多技术实现的方向发展。这意味着前端这套技术栈能做的事情可能更多，涉及的平台更广，但作为整套技术开发生态的一部分，每一项技术的出现都必不可少的要去考虑开发效率、维护成本、性能、扩展性这几个方面的问题，所以寻找并发展更优的开发生态体系仍是前端未来的大方向，对于新技术的出现，我们也会从下面几个方面去评价它的意义。
开发效率。通常提高开发效率的方式就是使用开发框架。例如DOM编程框架的实现，简化了脚本API的使用、提高了代码复用性，选择好的框架常常能够让我们的工作事半功倍。
维护成本。使用框架提高了项目的开发效率，但却并不能解决代码维护性的问题。这就需要借助合适的模式来管理项目开发的代码，降低项目的维护成本，例如提取公共业务基础库、模块化、组件化等。目前可能最佳的实践就是组件化了，让业务模块的实现和管理有章可循，同时这也是Web标准未来发展的需要。
性能。从前端开发框架的演进来说，可以总结为先专注于解决前端的开发效率问题，然后解决前端的交互性能问题，再去尝试打通Native开发的能力。所以性能将作为未来评价任何一个框架或技术优劣性的重要标准而存在，同时性能也将是一个无法避开的永久性话题。
扩展性。其实扩展性不只是讲框架的方便定制和扩展特性，还要做到能与原来的技术框架相兼容并解耦合。很实际的场景，例如要使用某个新技术对原有的业务做改造，我们不可能马上就替换掉所有的业务模块，那么就不能因为新增加的技术框架实现而导致旧的模块运行出现问题。所以在新技术的应用中，除了保证原有业务层的扩展兼容，实现功能的平滑过渡也是一个必须考虑的问题。
6. 前端新领域的出现
除了目前浏览器、服务器、移动端上的应用开发技术变革和探索外，未来前端也会出现新的应用场景。例如VR、物联网Web化、Web人工智能等。这些虽然听着比较远，但一旦到来就会很快被使用，所以前端不仅自身发展快，推广使用也极其迅速，例如移动互联网Web的普及也就两三年时间。 近几年，Web VR和物联网Web化的概念渐渐出现，国外甚至出现了以人工智能为支撑的Web应用。
首先，物联网Web化是随着传统软件管理的web化管理而出现的，目的是为了通过Web手段管理传统可控的智能设备，当然这里不想去吹捧物联网的终极目标到底有多美好，只是提出了物联网Web化的可能性，可以肯定的一点是，人类目前所有工具类物体的Web化控制都是可能的，只是现在去做有一定的代价和风险存在，毕竟使用传统的软件控制目前没有遇到大的瓶颈问题。物联网未来的发展其实就是智能设备，通过控制这些智能设备来完成人类不容易完成的事情，如果在智能设备系统中融入人工智能的控制，这样的设备也就可以理解成机器人了。而物联网Web化就是通过Web的媒介来展示和控制这些智能设备的技术，尽管目前来看这还相对比较遥远。
第二，Web VR方面，目前FireFox和Google Chrome也正在联合推广这一特性来让浏览器支持，相信在浏览器端体验VR的时代也离我们不远了。不过就目前而言，软件服务的虚拟现实技术本身提升空间仍然很大，而且VR涉及的内容很广泛，现在可能涉及最多的也只是VR视频类，例如还有体感类、环境类的应用场景尚待开发，不过Web VR的提出无疑也为前端技术发展提供了一个可能的方向，例如目前VR直播也成为了一个行业内的热点技术，而且极有可能成为一种新的媒体内容表现形式出现在用户浏览器上。就目前Web端内容展示来说，其形式主要包括页面3D展示和VR展示两方面，3D展示是指通过3D的画面来展示要显示的内容，目前浏览器上主要以three.js的实现为代表；而VR展示内容则通常是需要通过VR 头盔来配合完成页面上阅读的3D内容。所以现有一些例如aframe等Web VR的框架主要是在three.js的基础上构建的。
这段代码是three.js给的一个官方例子，它可以创建一个场景、一个摄像机和一个立方体，并将立方体添加到场景中，然后通过WebGL来完成渲染并展示立方体的动画。对这方面有兴趣的读者可以继续去进行更深入的研究。
另外，你应该听说过人工智能，不过你可能没听过Web和人工智能是怎么结合的，但是早在2011年就有人提出了Web与人工智能商业化结合的可能性，结合Web端的人机交互与后台的机器学习，相信这个方向未来又将催生一批新的互联网企业。尽管目前国内还缺乏它较多的应用场景，但在国外已经存在基于人工智能支撑的Web应用来为人们提供服务了。 可以认为我们又开始进入了一个前端技术过渡的时代，现有前端开发技术趋渐成熟，新的前端技术领域跃跃欲试，可以肯定的是物联网Web、Web VR和人工智能必定会成为前端的下一批性技术。我们需要做的，仍是把握技术发展趋势，紧跟领域前进的步伐，在漫漫前端道路上继续前进。
热心网友
趋势一：更加移动优先
响应式设计显然是目前Web前端开发领域的主要趋势之一，并且这一趋势在未来还将持续一段时间。虽然现在的响应式设计大部分还是以PC版优先，然而如果有一天我们把PC版放到比移动版次要的位置上，也没有什么好奇怪的。因为，目前许多Web前端开发者已经开始转向以移动优先方案来做他们的响应式设计和开发，这就象征着一个重大转变，值得我们跟进的。
趋势二：更多使用快速原型开发工具
众多Web前端开发者从2016年开始尝试使用快速原型开发工具，而在2018年将是这种技术真正爆发的一年。“UXpin、Webflow、Invision以及其它许多快速原型开发工具，让设计师不用写一行代码，就能为网站和服务快速创建低保真和高保真原型，便于设计师衡量它们的可用性和美观性。” Web设计师Jamie Leeson says如是说，“许多工具也允许你在浏览器中设计原型并从工具里真正启动网站自身。”
不管未来前端发展方向如何，可以肯定的是未来前端人才需求依旧很大。想学前端开发专业的机构也很多，你可以去线下试听课程了解一下，例如北大青鸟、南京中博软件学院、南京课工场等等都有试听课程的！
热心网友
关于Web前端开发，近几年发生了诸多新闻，从React v16普及，到jQuery被GitHub下掉完成阶段性历史使命，再到版本帝AngularJS发布v6和v7两个版本让人们更多的看到了PC端开发的走向。那么，2020年Web前端开发的趋势如何？带你详细了解下。
一、端
Web前端开发的有一个方向就是端体系的打通发展。前端通俗一点理解可以视为是靠前一点的端。而端口的不统一或者说不够树形多态是其麻烦之处。因此在打通场景上会遇到诸多的问题，于是端体系的打通与发展是一个很重要的道路。无论是从产品、业务还是技术角度来说，都是一个具有挑战意义的方向。
二、DevOps的成熟
DevOps是整个IT价值流中实施精益原则的结果。延续端的打通，Web前端将为为整个 DevOps 步调提供服务。从评审=>开发=>CR=>测试=>灰度=>回滚=>发布=>运维+运营，单点发展演变为线性发展，形成一套完整的方案。
三、前端云化
GUI 的发展，最终是要发展成云端的形态，这将不仅是前端要的形态，也是服务端的一个形态。我们能体会到的贯穿 DevOps 流程的云态，这个只是一个方向，并不是所有都会去到这个方向。
四、可视化领域
随着端+云化的状态，可视化的领域将进一步的发展，渲染等瓶颈会逐渐增高，以及加上 5G 的发展，必将在 DT 时代为前端带来更多的可视化方向和领域。
五、Flutter
严格来讲，Flutter并不是前端技术，而是“客户端”技术。而目前Web前端的地位远远不如客户端。对于大多数的公司来说。移动App所带来的现金流，仅仅靠下载和推广就可以养活一个灰色的产业链。而移动Web的收益可能不值一提。那么前端与客户端的合二为一的发展趋势是否也将是一个重要的方向！
热心网友
1、前端工程化
在前端工程程化中，开发者最重要的基本素养就是通过工具提升效率，前端开发者在这些工具下会持续迭代和优化。
展望2020年前端的发展，前端工程体系一定会更加闭环，不再是一个脚手架这么简单，而是会结合 IDE，打通业务属性，从项目初始化、到编写代码、到 CI、到灰度、到发布 形成一个完成的闭环。
2、跨端开发
今年很多团队转战谷歌常态的 Flutter，特别是 Flutter for Web 的第一个 Release，这让 Web 前端重燃希望、跃跃欲试。
同时，苹果公司也发布了全新的 UI 系统——SwiftUI，同时，开源社区中 SwiftUI for Web已经在路上了，SwiftUI for Android 还会远吗？
跨端开发，Flutter 仍会快速发展，并且会有更多的开发者，Flutter on JS、SwiftUIfor Web&Android 也将是开源动态值得期待的事情，毕竟跨端仍没有一个完美的解决方案。
3、小程序
今年是微信小程序突飞猛进的一年，在微信小程序出现以前，大家在谈 Hybird、ReactNative，但终归只是技术层面的狂欢，始终没有业务属性的注入。小程序的出现，一方面告诉业界在当前设备上 Webview 也没差到哪去，另外一方面告诉业界如何让有能力的商家在超级 APP上进行私域运营。
另一方面，从技术角度说，在上层 DSL 的严格*下，超级 APP 就可定义符合自己诉求的 Web 标准，弥补当前 Web 标准的不足，最后和客户端配合，结合离线、预加载、定制Webview 能产出类似于 NSR 等各种酷炫的技术模型，让 Web 在端内低成本达到 Native 版的体验，端外也不会像 Weex 一样有点小别扭。
不过由于需要依赖超级APP（微信、支付宝、百度、美团、头条等），由于各家平台采用的具体方案的差异，造成目前小程序的落地方案也不一样，有时候需要开发多套代码。
4、Serverless 让前端离业务更近
当前的前端工程师大多都是科班出身，虽不能和正宗的服务端开发同学比，但也可写很多服务端层的业务逻辑。当前已经有很多公司在做 BFF 层，来满足这部分诉求，但依旧摆脱不掉 运维、机器分配 这条拦路虎。
2019 年几乎所有知道名字的公司都在谈 Serverless（虽然并没有人知道如何落地 Serverless），随着 Serverless 的逐步落地，BFF 这层的代码会摆脱运维、机器分配等复杂的问题，同时大概率会由前端同学写这部分代码，服务端同学专注中台系统的实现。从业务上说，业务的试错成本也会大幅度降低。
5、5G
2019年一个绕不开的话题就是5G。首先，5G 带宽的增幅提升带来传统 Web前端复杂度的进一步提升，如同 2G 到 4G 变化过程中从 WAP 的纯文本超链接时代变化到 4G 全图片视频时代。5G 对于web前端的变化必将是巨大的，但肯定不会一蹴而就。因为相应的配套设施也需要逐步完善，如硬件性能和浏览器的处理速度。服务端渲染（SSR）肯定是其中一个捷径，轻前端重后台，5G 是桥梁，把渲染放后台，不像同构那么简单，需要关注和优化渲染性能。WebAssembly 或许会在这个机遇下得到快速发展，因为它可以无缝对接后台多种语言，前后台渲染的优化也会带来前端研发模式和技术架构的变化。
其次，5G 带来的万物互联，将带来有别于智能手机和普通 PC 的多样化的应用场景，VR、可穿戴设备、穿载系统、智能投影、智能交互等会把 Web 带到各种各样的垂直领域，这也意味着前端将有更多广阔的空间。相信随着5G的大规模商业，会诞生一批新的互联网巨头。
热心网友
现在互联网的大环境的发展如日中天，网络已经深入到每个人生活的的各个方面。Web前端并不算新兴行业，在国内也已经发展好些年了，随着互联网电商项目的不断发展，让企业越来越重视用户体验，而Web前端开发工程师正是实现这样一切的关键。
当一个行业发展到一定程度形成产业的时候，它里面的环节一定会细节化的，让专业的人做更专业的事情，传统农业、汽车业，不都是如此么。所以，Web前端必然在今后十年有很大的发展。
热心网友
Web前端行业目前来看已经渗透到了到了生活的方方面面，这也说明了Web前端行业的生命力异常强大，并且未来的前途也是不可限量。假如你还在犹豫到底要不要接触Web前端，那么我给你的建议就是，与其将时间浪费在犹豫上，还不如认真的拼一把，把时间花在Web前端上。相信你看完下面的内容会对Web前端有个全新的认识。
为什么说Web开发前端就业前景好
目前的Web前端技术可以说已经是非常成熟了，同时Web前端市场也非常的火爆，并且Web前端的人才目前来看也是异常的紧缺。加之互联网行业的飞速崛起，目前Web前端技术的不断成长发展，也已经占据了互联网的一席之地。
Web前端的薪酬变化
前端开发行业薪资水平呈上涨趋势，Web前端开发早已不是做带动画的下拉菜单的时代了，他们已成为互联网主宰者，各行业都用其开发互联网应用。但目前整互联网行业的Web前端开发工程师紧俏，企业正高薪求才，薪资待遇一涨再涨 ！
Web前端人才需求
Web前端技术可以说是越来越成熟了，Web前端开发工程师已经成为发展中的职业香馍馍。说起来几乎是整个互联网行业都缺少Web前端工程师，无论是刚起步的创业公司，还是上市公司乃至巨头，空缺一样存在。只要你够优秀，Web开发前端就业前景简直不要再好！
Web前端未来发展
Web前端的发展其实还是那句话，有需求才会有市场，为什么那么多人参加想进入Web前端的行列呢，还不是因为Web开发有市场，企业需要量大。所以与其费尽心思的想Web前端今后的发展，还不如用那个时间好好学习一些Web前端技能将来对就业更添保障。
热心网友
随着互联网技术的不断发展和进步，前端技术更迭非常迅速，不少想要学习的朋友会担心Web前端还有前景吗？
趋势一：移动开发优先
现在不管大人还是小孩基本没事的时候都是人手一部手机来消遣时间，并且以前很多在PC端做的事情，手机端现在已经可以完全替代，手机比电脑更便捷，所以移动开发会越来越受市场欢迎。响应式设计显然是目前Web前端开发领域的主要趋势之一，其理念就是：集中创建页面的图片排版大小，可以自适应的根据用户使用的环境进行相应的布局。
趋势二：人工智能高速发展
AI的强势崛起，与Web的碰撞，使得网页更加强大，为网站主和用户同事带来价值。提供网络主机服务的Wix，是这一领域的领头羊。它提供了一个过程来询问用户一些问题，然后使用一个基于AI的平台，根据用户的回来提供给用户最符合他的需求的Web设计。
趋势三：单页站点多级应用
现在用户对于点击“下一页”的字眼有的厌烦，更加喜欢用滚屏方式浏览网页，层层相套的子页面形势逐渐被淘汰。这一趋势将简化互联网并带来更迷人和身临其境的网页浏览体验。
趋势四：流行的虚拟现实
VR现在依旧是很火的一个趋势，并且Mozilla和Google投资开发VR和Web之间的API。越来越多的VR应用程序相继问世。*取消了他们的“专利”条款，使得React使用人数和开发人员的满意度达到空前的高度，react一度成为主流三大框架之一。
无论从哪方面来看，未来Web前端发展前景都非常可观，对于零基础的人来说，学习Web前端是一个不错的选择。
如果对前端感兴趣，可以戳这里看看相关的免费视频学习一下：网页链接
如果对于学习前端有任何不懂的可以随时来问我，我给你提供一个非常不错的前端交流学习qun：前面是一一四，中间是一八八，后面是四九三一。有问题就在里面问我，这样你可以少走很多弯路，做起来有效率，记得多跟有经验的人交流，别闭门造车。
