2019年度十大Web开发趋势
source link: https://www.tuicool.com/articles/MRfi2uV
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
【51CTO.com快译】如今，随着各种新趋势的层出不穷，Web和移动领域的创新不仅改变了人们、乃至整个社会的日常行为习惯、以及业务处理方式，而且也使得开发人员能够轻松、且高效地创建出各种实用的解决方案。
我们作为业内人员显然需要通过不断的学习来保持知识的储备，熟悉各种新的趋势，并在竞争中站稳脚跟。下面，我们来一起讨论那些本年度改变软件开发行业、特别是Web开发方面的十大趋势。
1.渐进式Web应用(Progressive Web Apps，PWA)
那些时常采用先进技术的企业，在参与或独立开发移动站点、以及原生应用的时候，可以受益于各种先进的Web应用程序。渐进式Web应用( https://dzone.com/articles/planning-to-move-your-app-to-a-pwa-all-you-need-to )是目前为止热门的Web开发趋势之一，它旨在为用户创造更好的浏览体验。
渐进式Web应用程序虽然对于用户而言，貌似一个移动应用，但是它实际上是各种页面和网站的组合。PWA专注于向所有类型的设备、以及所有的平台用户提供原生的使用体验。
最新研究表明( https://www.comscore.com/Insights/Presentations-and-Whitepapers/2018/Global-Digital-Future-in-Focus-2018 )：在互联网应用以及网站浏览方面，移动设备的使用频率远超其他类型的设备。不仅如此，据粗略统计：移动应用的使用不但胜过移动浏览器的使用，而且占据了用户在智能设备上整体使用时长的70%以上。
包括阿里巴巴、Twitter、维珍美国、福布斯等知名公司都推出了自己的PWA。可以说，使用PWA的显著优势就在于：能够提升品牌的曝光率、以及用户身份的认同感。而在PWA中，经常被用到的技术有：Angular、Polymer和React。
2.人工智能与机器人
众所周知，为了给身处不同时区的用户提供服务，企业往往需要雇佣多元化、且昂贵客户支持人员，以提供7x24的服务。如今，随着技术的发展，各类企业将通过自动化的方式，提供即时的客户端支持。
其中，聊天机器人便是基于人工智能和机器学习技术的综合应用。在可预见的未来几年中，由机器学习赋能的聊天机器人，还会被广泛地被运用到网页设计、以及开发行业之中。
已有多项调查表明：聊天机器人能够被用来提供快速的响应和及时的客户查询。由于人工智能可以模仿人类进行学习，分析信息，收集数据，理解情感，以及解决具有挑战性的问题，进而不断提高自身的认知能力，因此它让聊天机器人成为了Web开发中的完美补充。
包括脸书、微软、推特、谷歌、以及亚马逊在内的知名公司都在人工智能和机器学习方面投入了大量的精力。他们所用到的、可以服务于网站构建的机器人技术包括：Facebook Bot Engine、Microsoft Bot Framework、以及Dialog flow。
3.加速移动页面(Accelerated Mobile Pages，AMP)
作为一种不断实践的新技术( https://dzone.com/articles/developing-cross-browser-compatible-amp-pages )，谷歌于2015年向公众推出了已加速的移动页面项目，它旨在提升用户手机的浏览体验。
AMP可以减少在各种设备上的网页加载时间，并迅速完成网站的载入以及美化任务。作为比较，那些需要加载22秒钟的普通Web页面，经过AMP转化后，可以缩短到2秒钟左右。有了加载速度与时间上的优势，用户自然会更乐意浏览企业的网站。此外，这也有助于Web应用提高在搜索引擎方面的排名。
当然，要想将AMP技术引入自己的网站，您必须使用AMP HTML的开源框架。谷歌对此提供了详细的文档信息，请参见“如何构建AMP网页”( https://www.ampproject.org/docs/ )。
4.单页应用程序(Single Page Application，SPA)
完全基于JavaScript的单页应用程序，方便了Web应用能够流畅地运行在各种类型设备之上。它们不仅提高了网站的整体性能，而且免去了只有通过加载完JavaScript的所有内容，才能重新加载另一个页面的需求。
大多数企业都会使用单页应用程序，来减少加载多个页面所花费的额外等待时间。当然，与多页Web应用相比，单个页面所需要的加载时间可能会稍多一些。但是，当我们考虑用户在网站各处的总体访问时间时，单页面应用所节省的时间还是非常显著的。同时，它也更易于构建网站的响应页面。
常见的SPA例子包括：Gmail、脸书、以及GitHub。而在SPA中常用到的技术有：React和特别适合于混合应用的Angular框架。
5.语音搜索优化
根据Gartner的预测( https://www.gartner.com/smarterwithgartner/gartner-predicts-a-virtual-world-of-exponential-change/ )：随着智能音箱的逐年普及，到了2020年，将有20%的原有屏幕输入型搜索会被语音搜索所替代。
如今，谷歌助手一键设备，已经能够让用户可见一斑了。而在不久的将来，语音搜索也会在Web开发中大放异彩。有人曾乐观地预测：到了2020年，英国在语音业务方面的销售额可增至50亿美元，而美国则可达400亿美元。
就技术角度而言，语音搜索优化在Web开发领域的应用主要体现在：对于搜索引擎的优化方面。为此，企业经常会用到语音识别类API、以及语音合成类API。他们既能通过语音识别，来辨识网站访客的声音，进而响应他们的查询;又能通过语音合成脚本，来读取各类文本内容。
6.动作用户界面(Motion UI)
Motion UI为交互式网页设计提供了动态的图形、以及具有动画效果的Web界面。通过吸引访客的注意力，它能够为企业站点带来更高的用户转换率。
在技术上，您可以通过Motion UI的相关类库，来集成各种动画图表、背景动画、悬停、以及醒目的标题。
使用Motion UI的各类元素，您不仅可以使自己的网站赏心悦目，而且能够通过鼓励用户参与互动的方式，提高站点使用率和曝光度。当然，它也给开发者带来了更多实现动态效果的方法。
7.自动化测试
在Web开发的测试中，无论是单元测试、还是与Web应用相关的跨浏览器测试，目前都有了不同程度的改进。过去，您必须在系统上设置一个单独的环境，来执行Web应用的相关测试，如今则不同了。市场上琳琅满目的各种扩展与API，可以被开发人员轻松地运用到目标网站上，执行各种Web应用的测试。其中包括：带有Chrome和WordPress扩展的LambdaTest，以及Screenshot API，它们都能够允许用户在不编写任何外部脚本的情况下，测试其目标网页。
其中，最知名且最稳定的自动化测试平台有：LambdaTest( https://www.lambdatest.com/ )、BrowserStack( https://www.browserstack.com/ )、以及Cross Browser Testing( https://crossbrowsertesting.com/ )，他们常被一些知名企业所使用。
8.JavaScript
JavaScript是流行的编程语言之一。随着时间的推移，它持续以高级框架、设计、以及类库的形式，向开发者交付着新的功能。
过去，许多人们认为JavaScript与某些浏览器不太兼容，不如纯粹的HTML和CSS。如今，随着各类浏览器对JS的全面支持，越来越多的Web开发人员正在使用基于JS的框架和类库，来构建自己的网站。
JavaScript为用户开发动态的Web应用程序提供了灵活、强大且全新的体验。通过JavaScript，开发人员能够构建出精准、稳定且具有快速响应能力的网站。同时它也能提供对其他语言的回调(call-backs)能力。
上文提到的Angular和React都是基于JavaScript的框架与类库。随着JavaScript框架在Web开发领域的广泛使用，它将在未来的几年内为Web开发人员带来更多的新功能。
9.区块链技术
随着比特币的普及，越来越多的人注意到了它对于整个Web开发行业的影响。作为一个开放且分布式的分帐机制，区块链技术通过提供联络所需的安全性，来保护各种在线交易。同时，它使用普通的数据存储方式，来协助用户将个人数据存储到网络上的不同地理位置。
由于区块链意味着高度可信的保护水平，因此许多跨国银行和组织都愿意为之投入、并看好区块链的前景。此外，区块链也有助于降低金融业务的成本，降低交易结算的频率，并提升由透明记录所支持的现金流等方式。
10.物联网
由于许多公司需要通过桌面终端、或笔记本电脑，来远程控制物联网设备，因此物联网设备数量的剧增将直接影响到Web开发领域。根据Statista的报告( https://www.statista.com/statistics/471264/iot-number-of-connected-devices-worldwide/ )预测：到了2025年，物联网中的连接设备数量将超过300亿个。
在为企业获得更多商机的同时，物联网给他们提供了高精度的数据，和更高的效率。此外，为了更好地为客户提供服务，这些物联网设备需要与各种网站实现无缝集成。将来，开发人员不仅需要参与这些设备的搭建，还需要通过应用程序来进行二次开发，合理使用、以及分析由设备所产生的数据。
目前，虽然只有为数不多的网站与应用能够无缝地使用并集成物联网，但是在可以预见的未来，几乎每一个网站都会通过整合物联网的方式，来提升访客的用户体验。当然，物联网也会带来各种新的挑战，尤其是在数据安全方面，需要开发者尤为重视和反复实践。
结论
综上所述，Web开发是一个永远不会过时的话题。随着新技术的不断涌现，Web开发人员应当与时俱进，以更快捷、更高效、更稳定、更安全的方式构建出属于自己的应用程序或网站。
原文标题：Top 10 Web Development Trends to Follow in 2019，作者: Saif Sadiq
【51CTO译稿，合作站点转载请注明原文译者和出处为51CTO.com】
【责任编辑：庞桂玉 TEL：（010）68476606】
Recommend
-
5
回想2021年，你第一时间想到的是什么？反复的疫情、还是摘不掉的口罩……不可否认，疫情对我们生活的影响不容小觑，但同时它也改变我们对待事物的态度，世界也依旧踩着稳健的步伐进行前景，变化也在我们的生活中悄然发生，设计也是如此，不经意间涌现出各种新设计...
-
3
年度十大前沿科技趋势：AIGC市场规模将超万亿，量子计算落地临门一脚量子位·2023-01-19 13:03还有人形机器人、新型基因编辑、卫星互联网
-
5
2023年度十大前沿科技趋势发布：6大赛道10项技术，智能体和3D生成正引爆AI，空间计算开启终端变革
-
3
2023年度十大前沿科技趋势发布 6大赛道10项技术，智能体和3D生成正引爆AI，空间计算开启终端变革、端到端自动驾驶成共识。 在前沿科技这个充满创新活力的领域中，量子位智库密切关注着哪些新技术和突破性进展将主导未来科技潮流。区...
-
4
新的 React 文档终于到来，目前已经通过全新 React.dev 域与广大开发者见面。 长久以来，官方文档是一直是新手们学习 React 的好起点。然而，新文档中表现出的一些倾向却在社区中引起了不小的轰动。 首先，新文档建议在首次启动项目时使用 Next.js 或...
-
2
在本文中，我们将揭示定义 2024 年的主要趋势，为你提供保持领先地位的工具和知识。无论你是经验丰富的开发人员，还是寻求推动创新的产品负责人，这都是你的成功路线图。 不断变化的数字创新格局可能让人感觉像是一场无情的竞赛。作为开发人员，你的痛苦是真...
-
4
2024 年 7 个 Web 前端开发趋势 译者 | 许学文 策划 | 丁晓昀 希腊哲学家赫拉克利特认为，变化是生命中唯一不变的东西。这句话适用于我们的个人生活、行业和职业领域。 尤其是前端开发...
-
43
-
45
编者按：这篇分析报告来自国外著名的LOGO设计社区 Logo Lounge，作者 BILL GARDNER 根据社区内来自全球各地的 LOGO 设计师的作品，解读了各种 L...
-
55
从2019看2020前端发展趋势 2020前端趋势之愚见 前言 作为工程师不仅仅应当有理性的分解问题和研究技术本身带来的快感，更应当有对技术的敏锐观察或者说对技术趋势的判断以及其对应于场景的运用和实践，从过往的2019年看2020年可能会出现的趋势，或者说对前
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK