2017 年 Web 发展趋势与十大预测

　　近几年，移动互联网成为当今世界发展最快、市场潜力最大、前景最诱人的业务，也随之成为开发者的又一蓝海。2017年将会是风起云涌的一年，智能手机的普及、社交网络的发力、移动支付的发展都带给开发者崭露头角的机遇。

　　提到Web，不得不提一个词就是“互联网”。Web是World Wide Web的简称，中文译为万维网。我们许多人有固定的互联网习惯，不会轻易改变。但是互联网本身却一直改变。Web开发人员比大多数人更清楚这一点--需求和标准不断变化和发展，5年前伟大的东西现在已经过时了。

　　与大多数行业相比，在web开发方面，你需要跟上趋势，但这些趋势中有很多并无用处。因此，这里介绍一些一些在2017年很显著而且无法躲避的Web发展趋势。

　　响应性

　　你在什么屏幕上读这篇文章？响应式现在是网站设计是否优良的显著标志，这并不是什么最新的言论，也确实不是。你很难发现许多新的网站不是响应式的。然而这些响应式的网站中，很多做的并不好，有过大的最低高度，或者只支持部分响应，改变太多，或改变不足…

　　响应式网站的发展变得更加复杂，跟上其步伐很重要。50%的互联网冲浪和流量如今都发生在移动设备上，所谓的“移动优先”的策略非常流行。即使如WordPress这样的大平台现在也在宣传他们的移动优先策略，从小屏幕渐进增强到更大的屏幕是必须要走的路，没法绕过。

　　现在还不是抛弃台式机和笔记本电脑的时候，不过平板电脑和手机的发展趋势依然强劲，而且还在稳步上升。如果你从来没有尝试过，给移动优先一个机会-它会改变你的开发流程，结果也会十分明显！

　　Javascript依然在进步

　　虽然经常遭受批评，如它的弱点和缺点中所说（我们并不是说它没有缺点，它确实有）。但JavaScript是未来。它已经扩展到硬件开发，能够在MacOS中使用，越来越多的东西是由它支持的。具体来说，前端库越来越受欢迎，并促使JavaScript发展地很快。最流行的当然是AngularandReact，但很多更小的前端库已经出现，它们各自拥有自己的用户基础。

　　JavaScript也有其不足之处，但它已成为的Web开发堆栈的一个必须的部分–HTML，CSS和JavaScript是现在前端开发堆栈的一切。当然，它也可以与任何其他堆栈相结合-这是它的美妙之处。

　　事实是，如果你还没有往你的web开发堆栈中添加JavaScript，放心添加吧，却对不会错。如果已经有了，你应该时刻注意可能会使你和你的团队更有效的新框架。

　　机器人

　　用户交互伴随着响应式的到来成为了一个独立的话题。网站不再由寡淡的“点击查看信息”页面组成，而是有了越来越多的互动！当然非交互式网站仍然很受欢迎，很多企业会想要一个可靠而朴实的网站，事实上，用户交互和机器人现在的普遍使用，为Web开发者开辟了新的领域。

　　这取决于用户如何与机器人互动，你或许也会被安排与一个工作人员交流，但前几次的沟通往往是跟一个自动回复的机器人，它能根据用户的输入进行回答。而静态机器人（回答同样的东西，不管你说什么）仍在使用，他们正在慢慢地被更先进更复杂的替代。许多现在都能以假乱真，给用户一个良好的用户体验体验。

　　这一切都是通过机器学习得来。这是自计算初始，随着机器（学习）的兴起，利用更好的算法，更准确的反馈进行开发，给我们更好的经验。现在无论你对它们的意见是什么-他们都是非常受欢迎的，他们得到的输入越优质，需求量越大。当然，除了普通的客服之外还有很多其他类型的机器人。

　　Skype现在还提供了一系列的机器人。无论你是因为无聊还是想要一些其他的交流，在菜单中，你可以选择适合你的机器人进行交流。这些机器人有几十种之多而且能谈论不同的话题，有不同程度的适应你的输入，期待他们能够为你的下一个项目带来灵感！

　　创造力

　　慢慢地，存档图片的曙光已经结束。人们正在远离使用存档画面或图像，并使用一些可定制、个性化的东西。无论是视频，动画或照片，越来越多的人现在倾向于价值和独特性超过其便利性。

　　这对Web开发人员意味着什么？准备好与越来越多的希望事物具有创新性和独特性的设计师和客户一起工作吧。这其中还包括字体-自定义字体也越来越受欢迎。现在，它可以给开发人员提供一个挑战，因为它并不是web安全的，但同时它也提供了机会和独特的工作，创造一些之前从未做过的事情。

　　不要回避独特的内容和特殊的字体，只要能保证优雅降级！

　　SVGs

　　PNG和JPG格式曾经很好用，但是现在可以停止使用它们了。SVG或可缩放矢量图形不会产生像素大小的不同，顾名思义，它们会根据屏幕的需求进行缩放。

　　响应式和移动优先有着强劲的发展势头，难怪它们拥有了越来越多的粉丝。像WordPress和Joomla这样的平台已经增加（或提供）了对SVGs的支持。许多设计师和开发者现在也十分信赖它，因为它几乎消除了不同尺寸的质量损失，现在唯一的缺点是，需要花一些时间来适应这些新的技术，而且有时候兼容性也并不是太好。

　　但不要让这阻止你把它们纳入你的下一个项目，区别是显著地，你永远不会再看PNG一眼！

　　看完2017web开发发展趋势，大家对2017年Web发展有什么预测吗?

　　每年CraigBuckler都会对来年的Web发展进行10项预测，同时总结过去一年的成绩。来看看他在2016年的表现，以及他对2017年Web发展的预测！

　　我已经进行了几年的预测，但总不可避免地出现错误，但这里继续……

　　2016年总结

　　我在2015年的10分中获得3.5分，那么看看2016年的表现如何。

　　1.会发生大公司的黑客事件

　　这已经非常确定了，从1月开始黑客新闻就源源不断。看起来命名并不公平，但Yahoo!、美国司法部、Snapchat、Verizon、LinkedIn、Oracle和Dropbox只是开始。可能列出没有被黑的公司的公司更容易些？

　　不幸的是，一些攻击非常精巧。不过只要小心一点，有一点安全方面的专业知识，是可以阻止大部分攻击的。总共1分，获得1分——不过不要指望能持续100%！

　　2.静态网站会成为主流

　　我预测过像Jekyll、Middleman和Metalsmith这样的静态网站生成器(SSG)会日益流行。SSG生成的完全缓存的网站不仅安全，而且易扩展。大量的WordPress网站使之受益。

　　因为SSG生成的静态HTML不需要公告生成器，所以很难衡量是否使用SSG。尽管可以看到，但我不能说它们在走向“主流”。SSG并没有打入WordPress的市场，WordPress现在已经占据了27.3%的网站（还有58.5%的网站运行着内容管理系统[译者注：可能说CMS更直接]）。

　　总共2分，累计得分1分—熟悉的场景！

　　3.Chrome的市场份额达到稳定水平

　　这又是一个明显的预测。没什么软件能指定用户永远持续增长。我正确地指出Chrome在年底会在桌面设备中达到60%的份额。诚然，59%离之不远，我说到了点上！

　　总分3分，累计得分2分！

　　4.Vivaldi会吸引眼球

　　Vivaldi是一个值得称赞的强大浏览器。它让人想起Opera12—这很好理解，因为它由Opera的前员工创建。

　　这个预测非常模糊，但是Vivaldi已经引起人们的注意，虽然部分原因在找。

　　总分4分，累计得分3分—这确实让人惊讶！

　　5.苹果必须解决Safari的缺点

　　尽管Safari是iPhone和iPad上唯一的网络浏览器，但它已经明显落后于其他竞争者。苹果提交的年度更新并没有什么特色，但Safari的懒惰将继续阻碍移动网络的发展。

　　总分5分，累计得分3分—感谢苹果。

　　6.CSS网格布局将可用

　　到目前为止，虽说网格布局将彻底改变网页设计，但它仍然需要很长时间才能完成，它还有一些实验性功能。2017年会更有前途。

　　总分6分，累计得分3分—但至少我有明年的赔率预测!

　　7.移动设计

　　设计明显已经变得更简单，这不是坏事，在2016年12月移动网络访问已超过桌面网络访问。即便如此，但不是所有人明白网站设计的要点，大量的网站仍然十分臃肿。

　　总分7分，累计得分3.5分—一半分数似乎公平些。

　　8.页面的平均量级会下降

　　对此我的态度完完全全是乐观的，认为只要在性能方面提高关注度应该就能收获一些效果。页面的平均量级在2016年间增长了10%，达到了2,479KB。看起来人们仍然沉迷于高分辨率照片、无节制的社交媒体集成和侵入式广告之中，无法自拔。

　　总分8分，累计得分3.5分

　　9.WebAssembly将会是一项有前途的技术

　　WebAssembly是2015年的大新闻。它通过将资源编译成一个更简单的，被打包起来从而处理起来更加快速的紧凑的二进制文件之中。早先已经有了关于这项技术的预览，不过它距离稳定而广泛的采用还是有一段距离的。

　　总分9分，累计得分4.5分—几乎一半一半吧!

　　10.SEO之死

　　这是我最具争议的一项预测。我们已经进入了SEO时代的第三个阶段:

　　1）在1995和本世纪初期间，黑客技术大行其道。SEO无非就是用诸如关键词重复和文本隐藏这样的一些小手段来欺骗搜索引擎。

　　2）Google借助了超链接来进行相关性评估的PageRank算法，终结了这些黑客技术的横行。如此就引发了自动化网页生产农场的爆炸式发展，其唯一的目标就是链接到目标站点。

　　3）Google的算法在过去几年间得到改进以阻止这样的欺骗手段继续发展，唯一有保障的解决方案就是写出其他人愿意去阅读的内容来。

　　就这些了。当然，还有一些项目，类似于将关键字放到突出的标签创建站点地图和监控用户的行为等，但是这些最终都变得没有意义了。社交媒体上的新闻中最具爆炸性的应该是SEO产业的回复：“你不可能轻易的愚弄Google，但是如果只是对用户的话就另当别论了……”

　　把SEO当作你网站的昂贵的秘密武器的时代已经一去不返。虽然很少人同意我的观点，但是我依旧给了自己一半的分数。总分10分，累计得分5分——不算太坏！

　　2017年的web预测

　　现在到了你最感兴趣的地方。不过，因听信我下面这些预测而受到的经济或者名誉损失的，我不负任何责任。

　　1.移动端将继续超越桌面端的使用率

　　2016年12月份，移动端和桌面端Web使用达到了50:50的平衡。它比预计使用率更高，但移动端的增长不会停止。主要原因是：在PC尚未普及的地方，手机已经成为一种颠覆性的技术。亚洲和非洲的数十亿人正在使用智能手机进行交易，西方人都会为之诧异。

　　到2017年年底，移动端接入将接近60％。

　　2.移动优先转向移动独占?

　　当大多数用户从移动设备访问时，是否有必要设计桌面版体验？响应式Web设计仍将是一项基本技能，但桌面版体验不会出现太大的不同。简单性将带来更好的性能和更佳的用户体验-但页面质量可能有所下降。

　　3.Grid布局将受到广泛支持——真的！

　　讽刺的是，CSSGrid布局将得到广泛支持，越来越少的网站将采用复杂桌面设计。

　　4.Web应用程序的崛起

　　如果你想在2017里学习一种技术，那一定是web应用程序。PWAs可以在几个小时内将你的网站或应用程序转换，从而提供web和原生app的便利：

　　1）简单的URL部署，发现和安装

　　2）一个主屏幕图标但不需要很多设备

　　3）带有自定义启动画面的快速启动

　　4）执行速度快，且在沙盒中隔离

　　5）本地和云端同步存储

　　6）离线功能

　　不能保证苹果公司会实现PWA技术，但这并不影响：你的应用程序在Safari浏览器工作时没有离线运行带来的便利。

　　更多资讯，可以查看Dev.Opera的Web应用程序：明确资源集合和谷歌的PWA指南.

　　5.原生App的灭亡

　　如果Web可以赶上原生应用程序，那还需要创建OS应用程序吗？应用商店不会一夜之间灭亡，但是很多公司都会迁移到ProgressiveWebApp来。你的应用程序可以包含违禁图片和言论，但苹果和谷歌没有收取你30％利润的欲望了！

　　6.VR将成为利基技术

　　VR如今是个热门话题，与OculusRift，HTCVine,Sony游戏机和众多的智能手机适配器相互竞争。WebVR是一个实验性的JavaScriptAPI，它通过浏览器提供接口访问这些设备。

　　VR的出现是很激动人心的，但是它依然不太切合实际而且缺少现实感。很多游戏将会被改变，但游戏和——呃——成人娱乐产业将会是虚拟现实技术的最主要的用户。很少人会带上耳机在网站上观看虚拟产品。

　　7.…但增强现实技术会更好

　　增强现实技术的前景更令人激动。智能手机里的叠加信息已经成了旅行者和沉迷PokemonGo游戏者必不可少的东西。车载系统和微软全息眼镜将会在2017年就能购买，如果这些产品成功的话，我特别期待谷歌能重拾他们的谷歌眼镜项目。

　　8.浏览器市场依然沉寂

　　Chrome已经赢了。Chrome浏览器在2017年的使用上不会有显著的改变，同时会继续和竞争者竞争。火狐浏览器应该会保持10%以上的使用率，而许多IE用户将在他们升级Windows后会走向边缘化。Safari浏览器由iPhone和iPad的销售支撑着，但苹果未来的命运还不太确定。

　　不要指望在今年能看到12种浏览器发展趋势的文章。

　　9.你的框架将会被取代

　　不管你使用什么框架，2017年都会出现更好的。在快节奏的JavaScript世界里，Angular在2015年获得高度关注，2016年React接过大旗，而2017年Vue.js和Svelte有望大展身手。

　　大多数框架的工作方式都是由如今的web挑战而决定的；它们并不需要结合未来的需求。使用一种框架，尽一切方法，但你要意识到它永远不可能为所有的任务都提供最优的解决方案，而且它的寿命也是有限的。

　　10.加密将成为新的广告拦截技术

　　广告拦截技术在20世纪90年代后期出现，但几年前才成为主流，被非技术受众使用。随着黑客活动的增加以及公众对政府和大公司的不信任，加密软件和服务的需求将经历类似的转变。

　　1）浏览器会发出更强烈的警告或拒绝访问HTTP网站。

　　2）更多的用户会考虑密码管理工具。

　　3）更多的Web应用程序将实施两步或免密码身份验证。

　　4）将提供独立于服务提供商的、加密的离线和基于云的存储。

　　5）虚拟专用网络和TOR使用率将上升。

　　有些人会认为这是一件坏事：没有什么可隐瞒的人不需要加密技术。然而，没有什么可隐瞒的和向每个人揭示一切不同。近几年它会慢慢火起来......

　　小编结语：

　　更多内容尽在课课家教育！