Layaling the web

摘要： canvas简单动画分为三个步骤： 1、清除画布区域的内容； 2、重绘； 3、执行requestAnimationFrame(); 这个霓虹灯效果的demo，我没有用requestAnimationFrame();而是用的传统的setInterval;主要思路：画圆，画一堆圆，在一定时间间隔后，清除 阅读全文

摘要： canvas绘制 不管是绘制矩形，圆形还是其他的形状，canvas绘图都是在画布上对X,Y不同的坐标进行定位 画线条： 同理，五角星可以看成是由10个点有规律的连成的一条线，看图 在坐标轴中，把五角星放在两个圆形中，通过两个大小的圆，计算出每个顶点的坐标，并连接起来就可以绘制成一个五角<canvas 阅读全文

摘要： 一、 以上代码中都可以通过document.getElementById("target")获取a标签和p标签，这就是getElementById()的bug所在； 二、getElementsByClassName的兼容性写法 阅读全文

摘要： mouseenter:只能进入目标元素才会触发； mouseleave:只能离开目标元素才会触发； mouseover:进入目标元素或者其子元素的时候触发； mouseout:离开目标元素或者其子元素的时候触发； 图片的预加载使用load； keydown：按下，键码，按任意键触发； 支持属性eve 阅读全文

摘要： 一、javascript事件处理中 addEventListener/removeEventListener 用于绑定事件和解除事件，但大多用于chrome/火狐/IE9这些比较高级的浏览器中，IE8及以下就没有效果。 主要用法：element.addEventListener(type,event 阅读全文

摘要： 一、通过javascript的遍历可以由一个节点来查找它的子节点（childNodes）、兄弟节点(nextSibling/previousSibling)和父节点(parentNode)。 代码说明： 1、获取ul的所有子节点——childNodes 2、因为通过1获取了ul的所有的子节点，所以就 阅读全文

摘要： 平时，不管在pc端页面还是移动端页面，因为我们一般很少会设置某个块的的高度，但是呢，我有时候有需要取到这些高度以便于我们方便进行判断和下一步的编写。一般这个时候我都是直接的获取一个块的高度.height()，来解决，但是有的时候我翻翻查查发现还有offsetheight，而这两者之间还是有一些差别的 阅读全文

摘要： 目前主流的css布局包含：居中布局、多列布局、全屏布局。 主要样式参考： 一、居中布局 二、多列布局（两列/三列布局、圣杯布局） 收藏：圣杯布局和双飞翼布局的理解与思考 三、全屏布局（等分布局、等高布局、全屏布局） 阅读全文

摘要： 前端开发单位使用问题记录 px，百分比，em，rem 一、单位与区别： px：像素，相对于屏幕分辨率而言的，简单来说就是平时我们写静态页面时用px作单位，但是在firefox/chrome会发现我们的布局发生了变化； 百分比：这比较适合块状的页面设计，但是他相对于不同屏幕而言的，比如经常在写移动端的 阅读全文