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( ...
随机推荐
- Xcode下开发c静态库for ios CPU架构 静态库合并
新建一个Cocoa Touch Static Library工程 1,先在工程左侧删除“工程名Tests”下的文件与文件夹(从内往外删,最后删除"工程名Tests文件夹") :D ...
- Tomcat nginx log日志按天分割切割
利用 Linux 自带的 logrotate 工具来实现按天切割日志.下方已 centos 7 系统为例来实践讲解. 原理 Logrotate是基于CRON来运行的,其脚本是/etc/cron.dai ...
- SVD分解与数据压缩
SVD的几何解释:http://blog.csdn.net/dinosoft/article/details/37884597 上文未证明为什么AAT的特征向量就是要找的v 这里有个简单的说明: SV ...
- redis 连接池
redis是一个key-value存储系统,和memcached类似,支持存储的value类型相对更多,包括string(字符串).list(链表).set(集合).zset(sorted set-有 ...
- Linux下面 多线程死锁问题的调试
最近写服务,经常是单进程,多线程的,加了各种锁,很担心出现死锁问题,专门学习了一下死锁问题的诊断. 死锁 (deallocks): 是指两个或两个以上的进程(线程)在执行过程中,因争夺资源而造成的一种 ...
- 【BZOJ】2100: [Usaco2010 Dec]Apple Delivery(spfa+优化)
http://www.lydsy.com/JudgeOnline/problem.php?id=2100 这题我要吐血啊 我交了不下10次tle.. 噗 果然是写挫了. 一开始没加spfa优化果断t ...
- android RadioGroup实现单选以及默认选中
代码下载链接:http://download.csdn.net/detail/a123demi/7511835 本文将通过radiogroup和radiobutton实现组内信息的单选, 当中radi ...
- hdu 5078
Osu! Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 262144/262144 K (Java/Others) Total Sub ...
- openldap+php-ldap操作
一.基础知识首先,如果您对LDAP 不认识,建议先看看[原]LDAP服务介绍一文.本文以Linux 下常用的OpenLDAP为例说明.LDAP 以数方式存放数据,每个节点可存放属性或作为下面节点的父节 ...
- C语言必掌握知识点
个人总结,学c的赶快看 1-.++a 和 a++ 的差别: ++a 先加在赋值 a++ 先赋值在加 后者赋给变量b的值为a而不是a+1后的值 2-.按位与 同为1时为1,其 ...