随着微信公众号,小程序,小游戏越来越普及,前端 HTML5 开发需求也逐渐变大。虽然笔者工作中不直接参与HTML5开发,但经常与前端打交道,故对其中的一些概念打算整理一下。
不管是前端开发人员还是前端用户,最常接触的就是“浏览器”, 主要包括了手机端的 Chrome( android 平台); Safari( IOS平台); FireFox , IE ( Windows平台) 等,浏览器可以理解为一个呈现给用户最终效果的应用。
作为用户了解到以上内容基本可以满足日常使用需要,那么开发人员编写的HTML5代码是如何通过浏览器展示在用户眼前的呢?作为开发人员笔者大致整理了如下流程:
1. 首先开发人员编写的 HTML5代码是存放在服务器的某个路径下。举个例子例如百度,它的HTML5的相关文件都会存放在百度公司的云服务器的某个路径下,然后百度公司会在云服务器上建立一个映射,让访问 https://www.baidu.com 的网络请求,指向云服务器中存放的百度首页的文件,这样当用户在浏览器中输入百度的域名,最终显示的就是百度的首页。
2. 上述过程可能只需要很短暂的时间,但其中可以拆分成如下几步
1) 用户输入百度网址,浏览器向百度云服务器请求资源
2) 百度云服务器收到请求,返回开发人员编写的Html5 内容
3)浏览器收到这些HTML5数据后,交给 浏览器引擎中的一个叫"HTML解析器"的模块
4) HTML解析器会根据数据是 CSS 还是 JS等来判断下一步是交给 CSS解析器还是 JS引擎