技术分享:JS工作原理
一
浏览器组成可分两部分:Shell+内核。
浏览器内核又可以分成两部分:渲染引擎(layout engineer或者Rendering Engine)和JS引擎。
渲染引擎功能作用
渲染引擎,负责对网页语法的解释(如HTML、JavaScript)并渲染网页。 所以,通常所谓的浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法 的解释也有不同,因此同一网页在不同的内核的浏览器里的渲染(显示)效果也可能不同,这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。
浏览器内核分成两部分渲染引擎和js引擎,由于js引擎越来越独立,内核就倾向于只指渲染引擎
渲染引擎是一种对HTML文档进行解析并将其显示在页面上的工具
渲染引擎:
firefox使用gecko引擎
IE使用Trident引擎
2015年微软推出自己新的浏览器,原名叫斯巴达,后改名edge,使用edge引擎
opera最早使用Presto引擎,后来弃用
chrome\safari\opera使用webkit引擎
13年chrome和opera开始使用Blink引擎
js引擎:
老版本IE使用Jscript引擎
IE9之后使用Chakra引擎
edge浏览器仍然使用Chakra引擎
firefox使用monkey系列引擎
safari使用的SquirrelFish系列引擎
Opera使用Carakan引擎
chrome使用V8引擎。nodeJs其实就是封装了V8引擎
JS与宿主环境的关系:
浏览器端(API:操作浏览器,DOM网页元素,WEB实现互联网的各种功能)
服务器端(文件操作API,网络通信)
前端使用方式:
1:行内添加事件
2:script标签直接写js代码
3:外部引入js文件
最新文章
- C语言 · Anagrams问题
- 由一个DAOHelper类引发的思考
- jquery实现限制textarea输入字数
- eclipse删除已经记录的用户名和密码
- Spring Dynamic Modules - DMserver
- webstrom11 激活,webstorm 2016.1激活
- Linux下php安装phpredis
- 开发一个struts2的实例
- Android 动态刷新listview中的数据
- android 7.0带来的
- JS 随记
- Apache2配置多域名站点及支持https
- springcloud集成zookeeper,并使用configserver作为服务的配置中心
- String.format(String format, Object... args)方法详解
- [IR] Search Server - Sphinx
- tp视图模板
- Oracle 基础学习笔记
- 《DSP using MATLAB》Problem 6.16
- urlretrieve 如何给文件下载设置下载进度?
- jquery ajax中success与complete的执行顺序 (转)