一个非常棒的 JavaScript 框架叫做 Modernizr(http://www.modernizr. com),用于向缺少 HTML5/CSS3特性支持的浏览器打补丁.由 Alexander Farkas编写的 "Webshims Lib"(http://afarkas.github.com/webshim/demos/)就是构建于 Moderniz和无处 不在的 jQuery之上的,它可用于插入表单补丁(也可以为其他 HTML5特性打补丁),从 而使不支持新特性的浏览器可以处…
atitit.js 各版本 and 新特性跟浏览器支持报告 一个完整的JavaScript实现是由以下3个不同部分组成的 •核心(ECMAScript)--JavaScript的核心ECMAScript描述了该语言的语法和基本对象 •文档对象模型(DOM)--DOM描述了处理网页内容的方法和接口 •浏览器对象模型(BOM)--BOM描述了与浏览器进行交互的方法和接口 所有的主流 Web 浏览器都遵守 ECMA-262 第三版,即实现的是JavaScript 1.5版,JavaScript 1.6…
ECMAScript和JavaScript的区别 ECMA是European Computer Manufacturers Association的缩写,即欧洲计算机制造商协会.欧洲计算机制造商协会是制定信息传输与通讯的国际化标准组织.ECMAScript是ECMA制定的标准化脚本语言.目前JavaScript使用的ECMAScript版本为ECMAScript-262.ECMAScript被国际化标准组织采纳为ISO/IEC 16262. ECMAScript发展更新历史总结: ecma sc…
* HTML5 现在已经不是 SGML(标准通用标记语言,是一种定义电子文档结构和描述其内容的国际标准语言) 的子集,主要是关于图像,位置,存储,多任务等功能的增加.   * 拖拽释放(Drag and drop) API   语义化更好的内容标签(header,nav,footer,aside,article,section)   音频.视频API(audio,video)   画布(Canvas) API   地理(Geolocation) API   本地离线存储 localStorage…
新特性: HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加. 1)  拖拽释放(Drag and drop) API 2)  语义化更好的内容标签(header,nav,footer,aside,article,section) 3)  音频.视频API(audio,video) 4)  画布(Canvas) API 5)  地理(Geolocation) API 6)  本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失: 7…
(1)HTML5现在已经不是SGML的子集,主要是关于图像,位置,存储,地理定位等功能的增加. 绘画canvas元素: 用于媒介回放的video和audio元素: 本地离线存储localStorage长期存储数据,浏览器关闭后数据不丢失,sessionStorage的数据在浏览器关闭后自动删除: 语意化更好的内容元素,比如article.footer.header.nav.section: 表单控件,calendar.date.time.email.url.search: 新的技术webwork…
HTML5现在已经不是SGML的子集,主要是关于图像,位置,存储,多任务等功能的增加. 绘画canvas: 用于媒介回放的video和audio元素: 本地离线存储localStorage长期存储数据,浏览器关闭后数据不丢失: sessionStorage的数据在浏览器关闭后自动删除: 语义化更好的元素,比如article,footer,header,nav,section: 表单控件:calender,date,time,email,url,search 新的技术:webworker,webs…
1. 浏览器私有前缀 浏览器私有前缀是为了兼容老版本的写法,比较新版本的浏览器无需添加 -moz-:代表firefox浏览器私有属性 -ms-:代表ie浏览器私有属性 -webkit-:代表safari.chrome私有属性 -o-:代表Opera私有属性 /* 对于border-radius提倡写法如下*/ -moz-border-radius: 10px; -webkit-border-radius:10px; -o-border-radius: 10px; border-radius: 1…
写在正文前,本来这一节的内容应该放在第二节更合适,因为当时就有同学问ES6的兼容性如何,如何在浏览器兼容ES6的特性,这节前端君会介绍一个抱砖引玉的操作案例. 为什么ES6会有兼容性问题? 由于广大用户使用的浏览器版本在发布的时候也许早于ES6的定稿和发布,而到了今天,我们在编程中如果使用了ES6的新特性,浏览器若没有更新版本,或者新版本中没有对ES6的特性进行兼容,那么浏览器肯定无法识别我们的ES6代码,好比浏览器根本看不懂我写的let和const是什么东西?只能报错了.这就是浏览器对ES6的…
为什么ES6会有兼容性问题? 由于广大用户使用的浏览器版本在发布的时候也许早于ES6的定稿和发布,而到了今天,我们在编程中如果使用了ES6的新特性,浏览器若没有更新版本,或者新版本中没有对ES6的特性进行兼容,那么浏览器肯定无法识别我们的ES6代码,好比浏览器根本看不懂我写的let和const是什么东西?只能报错了.这就是浏览器对ES6的兼容性问题. 好消息 哪里有灾难,哪里就有勇士和救兵,针对ES6的兼容性问题,很多团队为此开发出了多种语法解析转换工具,把我们写的ES6语法转换成ES5,相当于…