一、首先了解一下2G-5G的过程中前端的发展情况
（1）2G（1994 年，网速：15-20K/s）
这时候的页面只有HTML，样式单一，交互基于超链接，很多网站为此开发了WAP版。
（2）3G（2009 年，网速：120K/s-600K/s）
这时候的页面相对丰富了一些，更加接近桌面版的样式。交互主要通过点按和滑动。该时期Ajax和Node诞生，JS的价值开始得到体现。
（3）4G（2014 年，网速： 1.5M/s-10M/s）
Web在内容分发和更新方面的优势更加明显，该时期React、React native、Electron等诞生。
（4）5G，第五代移动通信技术，5G网络能提供高速率、低时延、可靠安全的增强型移动宽带服务。
从发展上来看，每一次人机交互发生重大改变，客户端的开发都会迎来新的可能性。前端作为客户端的重要组成部分，也将会迎来新的发展。CUI（车载）、VUI（语音控制）、HUI（全息影像）、EUI（情感交互）……这些都是值得期待的。
二、对前端发展的部分猜想（部分总结来自网络）
（1） 云端化导致node.js兼顾前后端的语言具有优势。
（2） 简单AR或VR化，导致3D或者其他界面工具可能取代html+css。
（3） 新领域的Web化思路也会给前端带来新的技术革新和发展机遇，例如Web VR（Virtual Reality，虚拟现实）、物联网（Physical Web，顾名思义，就是将物体连入网络的一种理念）Web化或者Web人工智能等，这些方向的开发者早已跃跃欲试，目前国外也能找到少数这样的应用站点。
5G时代的到来，偶个人挺看好webAR，本人也正在看这部分，希望能有好结果。下面简单介绍一下webAR。
（1） web AR
目前，AR技术出现了一种新的动向。这主要归功于伟大的WWW之父――蒂姆伯纳斯.李（2016年图灵奖得主），他在20世纪90年代所发明的Web天然地具备了跨平台的特性。现有的很多APP是支持移动智能终端浏览器（HTML5）网页的，比如微信、QQ、微博、今日头条等，因此如果提供基于Web的AR应用，那么用户不用下载专门的APP，只需要利用通用的Web浏览器或者这些内在支持HTML5网页的APP就可以体验AR服务。Web天然的普适特性将为AR/VR的应用提供一条更加便捷的传播方式。目前，越来越多的厂商开始关注原生支持AR/VR服务的智能终端硬件设备组件，这也给基于普适化的Mobile Web AR应用带来了很大的机遇。因此，基于Web的AR技术，特别是基于移动智能终端的Mobile Web AR技术，开始逐渐萌芽，为实现AR应用的大规模、跨平台的传播和分享奠定了基础，为解决AR的普适化应用难题提供了一种新的研究方向和技术可能。
(2)目前这方面的技术难题
a.目前Mobile Web AR还处于技术的萌芽状态，现有的生态环境和技术条件、网络支撑等都还不是很成熟，无法完全发挥出它的全部潜力。比如：Web浏览器计算能力很弱，无法像现有的APP一样，在移动终端就完成全部AR的功能；参考现在基于独立APP的AR的实现方式，想要完全利用前端JavaScript技术来完成全部AR的工作，包括图像采集、特征点提取、图像匹配、动画渲染等，功能非常受限，目前只能识别简单的基于标识的图片（即基于Marker的AR技术），不足以支持自然图片和实物（即Markerless图像/实物）在前端的实时计算和识别；另外，由于JavaScript的弱计算能力，造成AR服务非常严重的卡顿现象，严重影响AR服务的用户体验。因此，只靠纯前端的方式，目前看来基本上还行不通，无法大规模商用。这也就意味着更多的计算功能需要放到云端服务器来完成，也就是所谓的“云+端”的实现模式。但这时候，网络的通信时延就成了很大的一个问题，现有的网络环境又很难满足AR技术在自动跟踪和识别方面的实时性和低延时的苛刻要求。 b. 内容制作和适配的问题也是Web AR普及所面临的一大难题。现有的大部分3D建模工具对基于Web的3D呈现兼容性较差，很多工具导出的模型无法直接使用。另外一个关键的问题就是用户与动画模型的交互技术现在也不成熟，使得用户在Web AR应用体验的过程中娱乐性和趣味性无法很好地得到体现。
个人不是资深前端，对前端的理解有限，若言语有误，望指正。
css图文混排效果，css做圆盘，laravel 加载css js，css中li标签float，css的2em，html与css网页制作教材，css 计算页面高度