目录
Web 发展
- Web 1.0:网页是“只读的”,用户只能搜索信息,浏览信息。
- Web 2.0:网页是“读写的”,用户可以互动,可以自己创建内容并上传到网页上。
- Web 3.0:更智能,可以反馈给我们之前并不知晓的内容。涉及更广;云计算+大数据+人工智能(机器学习)
- Web 4.0:'无所不在',具体内容还不大清除
Web技术发展史
1、静态页面阶段HTML/CSS
2、Javascript诞生
3、PHP/Servlet和JSP/ASP动态页面的发展
后端逻辑的复杂度快速上升,为了更好的管理后端逻辑,出现了大量后端的MVC框架。SSH->SSM->SM
4、Ajax的流行开启Web2.0时代
每一次的数据交互都需要刷新一次浏览器。直到Ajax才得到了解决。
5、前端兼容性jQuery库等出现
6、HTML5出现
7、Node.js爆发+NPM包管理工具管理的Node.js生态系统
8、前端MV*架构及SPA时代的开启
随着各大浏览器纷纷开始支持HTML5,前端能够实现的交互功能越多,相应的代码复杂度也快速提高,以前用于后端的MV*框架也开始出现在前端部分。使得网站从Web Site进化成了Web App,开启了网站应用的SPA(Single Page Application)的时代。
9、移动Web和Hybrid App
随着智能手机的发展,移动端成了重要的信息和流量端口,为了满足不同移动端浏览器的兼容需求,发展出了jQuery Mobile、Sencha Touch、Framework7等框架。
Hybrid技术指的是利用Web开发技术,调用Native相关的API,实现移动与Web二者的有机结合,既能利用Web开发周期短的优势,又能为用户提供Native的体验。
Native App的性能和UI体验依然比移动Web App要好,但移动Web开发成本低、跨平台、发布周期短的特点不容忽视,未来可期。
10、ECMAScript6
2015年6月,ECMAScript 6.0发布,该版本增加了很多新的语法,极大的拓展了javascript的开发潜力。ES6现已更名为ES2015,以后每年会发布新的ES标准,这标志着javascript的发展将会更快。
11、今天的前端前端技术已经形成了一个大的技术系统。
以Github为代表的代码管理仓库;
NPM和Yarn为代表的包管理工具;
ES6及Babel和TypeScript构成的脚本体系;
HTML5;CSS3和相应的处理技术;
React、Vue、Anjular为代表的框架;
Webpack为代表的打包工具;
Node.js为基础的Express和KOA后端框架;
Hybrid技术。