原生dom知识的积累 .pptVIP

作者介绍 司徒正美:钟钦成 去哪儿网前端架构师 CSS3动画结束事件 transitionend /twbs/bootstrap/blob/master/js/transition.js CSS3动画结束事件 animationend 溢出事件 overflow、underflow(ff), overflowchanged(chrome) /rubylouvre/p/3731780.html /zmmbreeze/useOverflowEvent/blob/master/src/useOverflowEvent.js 变动事件 DOMNodeInserted DOMNodeRemoved DOMSubtreeModified DOMAttrModified DOMCharacterDataModified MutationObserver /p/1670 学习渠道 书藉 JavaScript DOM编程艺术 JavaScript高级程序设计 JavaScript框架设计 学习渠道 网站 /en-US/docs/Web/CSS/Reference /zh-cn/ / / / /?qq-pf-to=pcqq.group / http://b.hatena.ne.jp/hisasann/JavaScript/ 学习渠道 博客 /rubylouvre/ / /blog/ / / / / …… Q A 自定义事件 构造器方式 悲剧的鼠标事件模拟 DOM3的initMouseEvent要传15个参数 /s/blog_3e9b01a50100leyj.html 悲剧的鼠标事件模拟 DOM4的EXT式参数打包 webkit的KeyboardEvent BUG keyCode, which失效 /RubyLouvre/avalon.oniui/issues/6 W3C初始化一个事件涉及的方法 /en-US/docs/Web/API/document.createEvent#Notes 用途：版块间的通信与UI测试 古人重视马， 马有许多分类： 骍是红色的马；骢是青白色的马；骊、骓是黑色的马；骠是黄色马带白点；骃是浅黑杂白的马。 中国人重视吃，有各种做 事件类型越多，说明交互越来越被重视 原生DOM知识的积累 DOM的重要性 DOM是前端开发的操作主体,种类繁多,是大理石,檀香木,黄金,青铜,玉石,银块,瓷砖,水晶…… CSS是挂毯，墙纸，地毯，壁画，帐幔 javascript只是粘合剂,水泥 了解各种质材才能建造宏伟壮丽的宫殿，你只有水泥与砖头只能建民房 当你手上有一把锤子的时候，看所有的东西都是钉子 如何判定当前浏览器 UA 不可靠，杂质多，充满欺骗与谎言 缺憾判定，功能判定，特性判定 缺憾判定 升级了就失效 !+\v1 !-[1,] !1[0] /\w/.test(\u0130) 功能判定 jquery.support的实现，复杂，专治国产无良浏览器玩空接口跑高分的伎俩 特性判定 只判定其存在不存在，简单实用 两种ＡＰＩ 私有实现 带提供商前缀的非标准实现 私有实现 IE window.toStaticHTML window.XDomainRequest window.createPopup window.VBArray window.ActiveXObject chrome window.chrome FF window.GeckoActiveXObject scape window.Components window.updateCommands window.sidebar opera window.opera 非标准实现 style.msInterpolationMode(IE7图片抗锯齿) style.MsTransform(IE9) document.msVisibilityState document.msHidden window.msSetImmediate window.MSGestureEvent window.MSInputMethodContext(IE11) document.mozRequestFullScreen navigator.mozNotification element.mozMatchesSelector window.WebkitTransitionEvent window.WebKitCSSMatrix window.OTransitionEvent window.oTransitionEvent window.webkitRequestAnimationFrame oninput 与onchange的区别是,不用等到失