摘要:
原理:使用insertBefore和insertAfter方法调整图片顺序。 测试:firefox/chrome/IE11正常 已知不足:每次播放均使用了一次insertBefore和insertAfter,可考虑在最后一张图的时候将前几张图片整体后移。以后有空再优化。 1、HTML结构 alt的值 阅读全文
摘要:
在自己写的一个轮播组件中遇到一个问题,使用jquery的fadeIn动画时,在IE11中表现不正常,没有渐入的效果。 1、HTML结构 2、CSS 3、jquery 4、渐入渐出的效果在firefox,chrome中均正常,但是在IE11中无法出现渐入的效果。fadeIn是由opacity来实现的, 阅读全文
摘要:
第三章 结构和层叠 1、确定应向一个元素应用哪些值时,用户代理不仅要考虑继承,还要考虑声明的特殊性,另外需要考虑声明本身的来源,这个过程就称为层叠。、 2、特殊性。如果一个元素有两个或多个冲突的属性声明,那么有最高特殊性的声明会胜出。 对于选择器中给出的各个ID的属性值,加0,1,0,0; 类属型、 阅读全文
摘要:
第十七章 错误处理与调试 1、try-catch语句。如果try块中的任何代码发生了错误,就会立即退出执行开始执行catch块。必须要给catch的错误对象起名字。不同浏览器都有一个message属性保存错误消息。 2、finally子句,在try-catch块后,无论如何都会执行finally子句 阅读全文
摘要:
第十六章 HTML5脚本编程 1、跨文档消息传递。简称XDM,指的是来自不同域的页面间传递消息。 XDM的核心是postMessage()方法,接收两个参数,一条消息和消息接收方来自哪个域的字符串。 接收到XDM消息时,会触发window对象的message事件,异步触发。 为保险起见,第一个参数传 阅读全文
摘要:
今天在京东首页上看到一个效果,鼠标悬浮在图片上时,图片发生移动,鼠标移走时再移回,并且有一个过渡效果。 貌似很简单,自己做做试试吧 我首先使用的是jquery在鼠标悬浮到图片上给图片增加一个类,这个类的样式使用animation实现动画效果。表面上是实现了,然后实际情况是,滚动页面时有些卡,应该是滚 阅读全文
摘要:
第十五章 canvas绘图 1、WebGL是针对Canvas的3D上下文。 2、类型化数组 WebGL涉及的复杂计算需要提前知道数值的精度,而标准的JS数值无法满足需求。因此WebGL引入了一个概念,叫类型化数组。它的核心是一个名为ArrayBuffer(数组缓冲器)的类型,每个ArrayBuffe 阅读全文
摘要:
1、 随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。 或者说,this指向当前执行的函数的所有者。 2、情况一:纯粹的函数调用 这是函数的最通常用法,属于全局性调用,因此this就代表全局对象Global。 3、情况二:作为对象方法的调 阅读全文
摘要:
第十五章 使用canvas绘图 1、要使用<canvas>元素,必须先设置其width和height属性。 2、要在这块画布上绘图,需要先取得绘图上下文,取得绘图上下文对象的引用,需要调用getContext()方法并传入上下文的名字,如2d。使用前先对getContext进行能力检测。 3、使用t 阅读全文
摘要:
依然第十四章 1、选择部分文本:使用setSelectionRange()方法,两个参数为第一个字符的索引和最后一个字符之后的索引,类似于substring()方法。 2、IE8及更早版本使用范围选择部分文本。 3、通过阻止keypress的默认事件,可以屏蔽输出字符,使文本框变为只读。 4、访问剪 阅读全文