深入浅出浏览器渲染原理对于HTTP协议和浏览器渲染原理都是理解容易但不好讲明白,那么为什么不采用Node.js来阐述呢?以实践的方式、最简单的方式来向你展示不好讲的东西,对于Node.js开发者和大前端开发来说都是非常实用的,以上是本文主要内容概述。今天的前端JavaScript变成了1等公民,发展速度特别快Web开发愈加现代化开源项目指数级增长而Web开发的核心还是浏览器,无论如何都绕不开的,只是场景增加了而已。浏览器端b/s架构的应用PC端,将web应用打包成exe或dmg、deb等安装文件移动端,将web应用打包成ipa或apkGitChat那么我们所谓的浏览器机制你又了解多少呢?访问一个网站,浏览器是如何展示的大部分人都是这样做的:打开浏览器输入网址“啪”,回车等着…有网页或者报错感觉像是这样,我想要一个网页,浏览器你过去取,取回来给我。事实上,也确实是这样简单。往返,获得html将获得的结果,展示出来这样说,太通俗了,加点属于:通过http协议获得html浏览器渲染html所以,对于开发来说,能够关心的也就只有这2个要点了:http协议和浏览器渲染原理,当然,这也是本文要讨论的重点,而且要借助于Node.js来理解。浏览器就是一个跑腿的,请善待他。架构发展计算机发展这么多年,也是一部大块头历史,这里我们就讨论2个经典的架构:b/s架构和c/s架构。c/s架构,即客户端/服务端架构:c=client=客户端,指的是PC端的需要安装的软件,比如QQs=server=服务器端开发比较容易(vb\vf\vc\delphi等等),操作简便,但应用程序的升级和客户端程序的维护较为困难在2005年以前,跨平台不多,像java这种还不争气…b/s架构,即浏览器/服务端架构:GitChatb=browser=浏览器端,指的是在浏览器里运行的应用s=server=服务器端有浏览器就能运行,不需要安装,听起来就很好网页被认为是跨平台的…总结:公司都是盈利组织,肯定是趋利避害的,b/s架构远远比c/s架构轻量,这体现在开发、使用、成本,一般我们管b/s架构的软件称为“瘦应用”,至于浏览器兼容如何坑死前端er们那是后话!三层结构架构变革,相当于给了浏览器开发一个名分,随着web2.0中ajax对交互体验的升级,慢慢的b/s架构就变成了主流,一切都要从ajax开始,页面无刷新,即可获得数据。妈妈再也不用担心页面跳转问题了!在c/s架构就应用做了拆分,所谓的三层结构就是由逻辑上相互分离的表示层、业务层和数据层构成。在随后的b/s架构里也得以继承。尽管有3层结构,逻辑上看起来清晰了,最早的代码比如as...