js高级---js架构
ECMAScript
1997 年欧洲计算机制造商协会 39 号技术委员会制定了ECMA-262标准(别名 ECMAScript),而浏览器只是负责实现,ie浏览器实现的结果是jscript,远景浏览器实现的是javascript,其它浏览器这个时候还处于受精状态。
所以ECMAScript的版本和javascript和jscript版本并不一定一致。
tip:
1、ECMAScript标准是受javascript影响而诞生的,是javascript那帮人提交的提案给的ECMA协会的,等协会标准出台时,javascript都更新到1.1了,jscript也诞生了。所以,javascript和jscript早于ECMAScript标准
2、不要看现在的ECMAScript6挺火的,什么模块,类及其继承。在es4就出来了。只不过出生的太早,时机未到,就在公开的前一天被扼杀了。后来在原来es3的基础上修改了点东西,内部叫做es3.1,正式发布更名为es5,就是现在当前(2017)浏览器实现的主流标准。
说到es6,不得不说目前个大浏览器实现(es6协议)太慢了,es7都出来了,es6支持还捉襟见肘
Dom
W3C即万维网联盟是另个一个标准协议---Dom标准(网页对象模型,事件、节点、样式)。
IE 浏览器4 和远景浏览器4在开发页面上方面各持己见,为了方便开发人员统一开发,1998年W3C制定了Dom标准
Bom
而Bom则一直没有被标准化,直到html5,才被w3c写入规范
其它
浏览器内核---用于排版html布局的引擎:熟知的有Trident内核(ie使用)、Webkit内核(早期chrome使用)、Gecko内核(fireFox使用)、Presto内核(Opera使用)...
js引擎---用于运行高性能js的编译器:普通js是不需要编译的就直接可以被浏览器解释执行,但是总有些不安分的浏览器,为了性能,搞出了个js界编译器,将js部分编译成字节码文件,好让浏览器内置的js解释器快速执行。因为js解释器一般是用c++、java写的,他们执行字节码文件更快。如v8引擎(chrome、nodejs在用)、SpiderMonkey引擎(fireFox在用)
如果你了解java,我就用java语言去对比
js解释器,就类似于java的JVM,都是负责执行代码的。
js的引擎,就类似于java的javac,负责编译成二进制的字节码文件的
浏览器均内置js解释器(不要转牛角尖,我说的是在js发明之后)、但是只有牛逼的浏览器才内置js引擎
另外浏览器对dom渲染和js解释执行有关系,
一方面,js执行会影响到dom的渲染,所以建议js代码放到页面的最下边
另一方面,而js去动态操作dom元素的时候,如果js放在上边,可能捕获不到dom元素,因为此时dom元素可能还没有渲染完
所以综上所述,都应该把js放到页面的底部,或者加上onload事件等等
关于js的面向对象
js原型与原型链,js是基于原型的面向对象语言(java是基于class的面相对象语言)
关于js的闭包
一个是为了防止变量作用于的污染,另一个是为了方便内部函数取外部函数的值(等同于Java的内部类)
还有重要的一点是:对于ECMAScript标准的实现,除了ie的jscript和远景的javascript,其它浏览器均没有专门为其实现起名字,比如360明明可以起一个名字叫360script,遨游可以起一个叫遨游script,但是!!!他们很多浏览器连内核都用谷歌和火狐的,你认为ECMAScript标准他们愿意亲自去实现?!而且ie实现了,又干不过远景的实现javascript。所以,现在各大浏览器的实现,对ECMAScript标准的支持,一般都叫javascript,即js,没必要死扣这一点
电子书推荐
JavaScript高级程序设计(第3版):http://pan.baidu.com/s/1i5LybIX
ECMA-262-5.1中文版:http://pan.baidu.com/s/1pKXMNiz
js高级---js架构的更多相关文章
- js高级---js运行原理
		
概述 浏览器组成可分两部分:Shell+内核.浏览器内核又可以分成两部分:渲染引擎(layout engineer或者Rendering Engine)和JS引擎.渲染引擎功能作用 渲染引擎,负责对网 ...
 - JS高级前端开发群加群说明及如何晋级
		
JS高级前端开发群加群说明 一.文章背景: 二. 高级群: 三. 加入方式: 四. 说明: 一.文章背景: 去年年初建了几个群,在不经意间火了,一直排在“前端开发”关键字搜索结果第一名.当然取得这 ...
 - Node.js高级编程读书笔记Outline
		
Motivation 世俗一把,看看前端的JavaScript究竟能做什么. 顺便检验一下自己的学习能力. Audience 想看偏后台的Java程序员关于前端JavaScript的认识的职业前端工程 ...
 - JS高级前端开发群加群说明
		
JS高级前端开发群加群说明 *一.文章背景: *二. 高级群: *三. 加入方式: *四. 说明: 一.文章背景: 去年年初建了几个群,在不经意间火了,一直排在"前端开发"关键字搜 ...
 - Ext.js高级组件
		
第二章:Ext.js高级组件 grid组件 普通方式 表格面板类Ext.grid.Panel xtype(别名):gridpanel.grid title标题.renderTo渲染至.width宽.h ...
 - 基于 Angularjs&Node.js 云编辑器架构设计及开发实践
		
基于 Angularjs&Node.js 云编辑器架构设计及开发实践 一.产品背景 二.总体架构 1. 前端架构 a.前端层次 b.核心基础模块设计 c.业务模块设计 2. Node.js端设 ...
 - 前端进阶试题css(来自js高级前端开发---豪情)既然被发现了HOHO,那我就置顶了嘿嘿!觉得自己技术OK的可以把这套题目做完哦,然后加入高级前端的社区咯
		
http://www.cnblogs.com/jikey/p/4426105.html js高级前端开发加群方法(此群很难进,里面纯技术,严禁广告,水群) 完整题目做完发邮箱(jikeytang@16 ...
 - 读JS高级——第五章-引用类型 _记录
		
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
 - js高级程序设计笔记之-addEventListener()与removeEventListener(),事件解除与绑定
		
js高级程序设计笔记之-addEventListener()与removeEventListener(),事件解除与绑定 addEventListener()与removeEventListener( ...
 
随机推荐
- android mvp设计模式
			
什么是MVP MVP,全称 Model-View-Presenter.要说MVP那就不得不说一说它的前辈——MVC(Model-View-Controller,模型-视图-控制器). View:对应于 ...
 - pl/sql 实例精解 04
			
本章主要讨论, IF 语句的应用. 1: if condition1 then 2: statement1 3: elsif condition2 then 4: statement2 5: else ...
 - linux之挂载硬盘
			
sudo gedit /etc/fstab中添加 UUID=190534e2-d8ae-4928-94b7-0f4d4209a3ab /data ext4 defaults ...
 - mac os下android 通过battery-historian进行电量分析
			
简单介绍下如何用battery-historian进行电量分析,因为battery-hostorian是基于go语言的框架,所以需要安装go 1.安装go 2.配置go环境变量到.bash_profi ...
 - 【BZOJ】3403: [Usaco2009 Open]Cow Line 直线上的牛(模拟)
			
http://www.lydsy.com/JudgeOnline/problem.php?id=3404 裸的双端队列.. #include <cstdio> #include <c ...
 - kafka  安装步骤
			
kafka安装文档 1.解压缩(官网下载:http://kafka.apache.org/downloads.html) tar -xzf kafka_2.10-0.8.2.0.tgz cd kafk ...
 - 利用Java编写简单的WebService实例
			
使用Axis编写WebService比較简单,就我的理解,WebService的实现代码和编写Java代码事实上没有什么差别,主要是将哪些Java类公布为WebService. 以下是一个从编写測试样 ...
 - wpf的MVVM框架
			
http://www.cnblogs.com/KnightsWarrior/archive/2010/11/01/1866641.html 框架名字的介绍在 文章的后面
 - SurvivalShooter学习笔记(三.敌人移动)
			
1.敌人和玩家若存活,敌人始终朝着玩家所在位置移动,所以要给玩家物体一个Tag:Player从而找到玩家 2.敌人的自动寻路使用Unity自带的NavMeshAgent寻路组件寻路,要先把场景中不动的 ...
 - 细说多线程之Thread VS Runnable
			
[线程创建的两种方式] [线程的生命周期] ● 就绪:创建了线程对象后,调用了线程的start(). (注意:此时线程只是进入了线程队列,等待获取CPU服务,具备了运行的条件,但并不一定已经开始运行了 ...