SDUzzy的博客

这三个是最近做移动端项目遇到的一些比较小的需求。 1、禁止滚动 背景：手动实现了一个压屏窗（可以理解成带遮罩的弹窗），发现在弹窗出现后，依然可以通过鼠标滚轮上下滑动来使下面的列表进行滑动，要解决这个问题。 实现一：利用betterscroll插件，将列表彻底做成只能被touch或者tap类事件触发滚动的组件。 实现二：如果弹窗没有滚动需求的话，可以在弹窗弹出时，禁用touchmove事件 实现三：如果弹窗没有滚动需求的话，可以把body的overflow设置为hidden，直接就没有滚动这一说了 2、文本溢

一、简介 1、特色 兼容css3 增加变量、嵌套（nesting）、混入（mixins）等功能 函数可以对颜色和属性进行运算 控制指令（control directives）

对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 (左 + 右填充)