2018年web开发者不得不知的技术趋势分析

139 阅读 0 评论 92 点赞

我是靠谱客的博主美满乌冬面，最近开发中收集的这篇文章主要介绍2018年web开发者不得不知的技术趋势分析，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

本文主要和大家分享2018年web开发者不得不知的技术趋势分析，作为一个web开发者，无论是做前端还是后端，都应该时刻保持着对技术的敏感性。技术的流行需要一定时间的沉淀，有哪些web相关的技术会可能会在2018年成为web开发的新宠呢？下面列举业界经过实践并且被普遍看好或者大公司推荐使用的技术。

Progressive Web Apps(PWAs)

『Progressive Web Apps』可以让你做到在访问网址的时候就像是在访问本地APP一样的体验。这项技术最初是Google在2015年提出来，Progressive Web App结合了web和本地APP的优点于一身。在PWA Rocks里可以看到Progressive Web App是什么样子。

Progressive Web App最大的一个优点在于它的可靠性。在后台增加了『Service Workers』，能够做到快速载入、离线或者在网络环境极差时使用、同步更新等。之所以称之为『Progressive』，是因为它能够在包括但不局限于的PC桌面、移动端、平板电脑或者是将来的任何新设备的设备上响应式运行。因为后台的Service Worker能够拦截网络请求，保证Progressive Web App的传输协议是『HTTPS』方式，这样就能够保证应用的安全性。

阿里巴巴PWAs

阿里巴巴是世界上最大的在线B2B公司，在超过200个国家进行服务。在网站的开发上，用户体验会作为最重要的考虑。阿里巴巴网站要同时关注于『移动端Web』和『移动端App』的开发，以满足客户移动端体验的需求。但是，它意识到这样做并不是最大限度提高用户体验度的最好方法，Web和APP开发需要投入二倍的资源，而仅仅是为了满足移动端同一个需求。同时，Web与网络强结合，不能离线使用；App开发周期长，需要用户频繁更新。所以，阿里巴巴网站也选择了PWAs，该网站有76%部分已经转换为了PWAs。如果有兴趣赶快体验一下阿里巴巴PWAs吧，在手机Chrome中，输入阿里巴巴官网，支持商家推送提醒，应用自定义启动界面等，真的就是在浏览器中有本地APP一样的体验。

单页Web应用(Single-Page WebSites)

目前，越来越多的网站开始致力于浏览的简洁和速度，我们也会看到越来越多的单页Web应用。所谓的单页Web应用是指：网站仅仅包含一个Html页面和一个长长的滚动条。来看一个单页Web应用『神奇的交互式简历』：

单页Web应用具有很多优势：所有的内容展示在一个Web页面上，当用户线性浏览网站时，你能够控制网站信息流。有了这样的控制权，当滚动条滚动时，你可以带领用户完成一次旅行。同时，这样可以让访客统一入口的方式参与进来，你可以讲一个故事、论证一个观点或者模拟一次经历。

单页Web应用追求简洁和高效，支持移动端，用户界面友好，转换起来也相当方便。但是，它并不适合电子商务应用。

静态网站生成器(Static Site Generators)

现在来说，内容管理系统(content management System)领域是动态网站的天下。然而，互联网刚刚出现的第一个站点是静态的。现在，在静态网站生成器的帮助下，静态网站又回来的，这是一种混合式的Web开发方式。Jekyll是目前最流行的静态网站生成器之一。

静态网站生成器或者静态网站引擎把动态的内容和数据作为输入，输出可部署静态的文件(HTML, CSS, JavaScript)。不涉及服务器端语言和数据库。这样的静态站点速度更快、更加可靠、更便宜甚至免费并且很好部署和版本管理。由于网站没有服务器端语言和数据库的参与，因此网站也更加安全。

Jekyll、Hugo、GitBook和Pelican是现在比较流行的静态博客生成器。你也可以访问StaticGen，发现更多的开源静态网站生成器。

Motion UI

你可能在一些比较前卫的网站或者APP上已经看过了如背景动画、页面转换动画、滚动条滚动动画或者动画表格等效果，这些复杂动画的背后就是Motion UI。先看一个炫酷的效果实例Business Card App design by Tubik。

Motion UI最初是2014年12月Zurb基金会APP发布时附带的一个为了创造灵活的css切换和动画效果的依赖包。2016年，Zurb团队又增加了一些新的特性，作为一个独立的库正式发布。最新版的Motion UI Css样式能够兼容所有的JS，实现了将动画与Web无缝整合。

将Motion UI的元素加入到你的站点当中，能够大大提高用户的参与度和使用率。访问UI Movement，这个站点帮助你学习使用Motion UI。

聊天机器人(Chatbots)

如果你使用过即时通讯工具，你应该就和聊天机器人聊过天了。仅仅『Facebook Messager』就有超过1万个聊天机器人。ChatBot是一项可以通过会话接口(例如即时通讯APP微信)实现应用交互的服务。这项服务可以帮助你网上购物、Uber打车、推动新闻或者是提供一些生活建议。这是一个预报天气的聊天机器人Poncho。