SDUzzy的博客

对DOM的扩展，主要有Selector API和HTML5。 1、选择符API 众多JavaScript库中最常用的一项功能，就是根据CSS选择符选择与某个模式匹配的DOM元素。 实际上，jQuery的核心就是通过CSS选择符查询DOM文档取得元素的引用，从而抛开了getElementById()和getElementsByTagName()。 Selector API Level1的核心是两个方法，querySelector()和querySelectorAll()，可以通过Document和Elemen

canvas是html5中的新功能，并且canvas还建议了一个WebGL的3D上下文。主流浏览器基本都支持。Windows XP本身缺少必要的绘图驱动程序，因此不可以使用canvas。 1、canvas元素 canvas的使用原理是先在html中声明一个canvas元素，然后在这个元素所占区域（使用width和height属性指定）中进行绘制。 canvas可以使用id来标识自身，也可被css选择器选择后进行调整。 基本使用方法，创建一个canvas元素，获取这个canvas元素，获取二维上下文。 &lt

对验证码组件进行封装 参考了这篇文章 <canvas id="canvas" width="120" height="30" style="cursor: pointer;"></canvas> var cas=document.querySelector('#canvas'); var ctx=cas.getContext('2d'); //构建绘图环境 cas.onclick = randomCode; position={x:0,y:0,w:120,h:30}; ne

知识点 1、盒模型 Margin(外边距) - 清除边框外的区域，外边距是透明的。 Border(边框) - 围绕在内边距和内容外的边框。 Padding(内边距) - 清除内容周围的区域，内边距是透明的。 Content(内容) - 盒子的内容，显示文本和图像。 例如 div { width: 300px; border: 25px solid green; padding: 25px; margin: 25px; } 300px (宽) 50px (左 + 右填充)