摘要： 阅读全文

摘要：今天在写页面时，发现了一个问题，当INPUT、SELECT及用图片做的button放在一起（并排放一起）时，没法子对齐，自己以不愿再加其他代码。也不愿使用JS来实现图片button的效果，试好半天，发现原来一个vertical-align:middle就可搞定。 归纳如下： 1、.INPUT和图片按 阅读全文

摘要：<div id="div1" a="a" data-bbb="bbb">div</div> <script> var oDiv=document.getElementById('div1'); oDiv.b='b'; alert(oDiv.a); //undefined；因为HTML中的自定义属性不 阅读全文

摘要：详见：http://www.imooc.com/code/8907 JavaScript的执行流程是分为"同步"与"异步" 传统的异步操作会在操作完成之后，使用回调函数传回结果，而回调函数中则包含了后续的工作。这也是造成异步编程困难的主要原因： 我们一直习惯于“线性”地编写代码逻辑，但是大量异步操作 阅读全文

摘要：<div style="width:100px;height:100px"><img src="./1.jpg"></div> 这里1.jpg的宽高也是100px，但是div底部会被撑开几个像素，这是由于img元素是inline-block引起的，所有的inline-block元素会在底部有几个像素 阅读全文

摘要：使用定时器的时候，用setInterval()，即使传入的是个变量，也不会让间隔时间会改变，当定时器调用是变量的值就是永远的值了，变量变化后不会对定时器的间隔时间造成影响。 这个问题就只有使用setTimeout()配合递归来解决 不断的调用自身，当变量变化时就能立即反映到时间间隔上，也可以通过恒定 阅读全文

摘要：JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感例如 认为setTimeout中的问候方法会立即被执行,因为这并不是凭空而说,而是JavaScript API文档明确定义第二个参数 阅读全文

摘要：在移动端做动画，对性能要求较高而通常的改变margin属性是性能极低的，即使使用绝对定位改变top,left这些属性性能也很差因此应该使用transform来进行动画效果，如transform:translateX(100px) 原理： 首先，浏览器绘制 DOM 的过程是这样子的： left/top 阅读全文

摘要：假设此元素为 #item,先说几个关键的属性: $('#item').offset().top#item 的绝对偏移量,指#item的实际尺寸(即不包括外边框margin)的上边界到页面顶端的距离.这个值不随窗口滚动而改变 $('#item').outerHeight()#item 的实际尺寸,即 阅读全文

摘要：为一个img对象添加src，就会将图片预加载到浏览器缓存中，当在HTML中使用这个图片地址的时候，就会直接从缓存调用了 上面封装成一个函数进行多张图片预加载 阅读全文

摘要：闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。 一、变量的作用域 要理解闭包，首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种：全局变量和局部变量。 Javascript语言的特殊之处，就在于函数内部可以直接读取全 阅读全文

摘要：初涉移动端设计和开发的同学们，基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白，感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起，理清关于尺寸的所有细节。由于是写给初学者的，所以不要嫌我啰嗦。 现象 首先说现象，大家都知道移动端设备屏幕尺寸非常多，碎片化严重。尤其是An 阅读全文

摘要：// 回调函数：一个函数中调用传入的另一个函数 // 这里的callback就是个回调函数 function we(callback,something){ something+=" is cool"; callback(something); } function learn(something) 阅读全文

摘要：setInterval(fn,t);里的fn中，要使用外部类的this，则需要先将this保存起来，再使用保存的this，不能直接使用this，里面的this是指向window对象，记住setInterval()实际上是window.setInterval()就明白了。 阅读全文

摘要：fn.call(obj,arg1,arg2);这是call()方法的使用形式，apply()是差不多的。作用是用obj对象来替换fn中的this 举个栗子： 阅读全文

摘要：制作SVG：1、需要给每个图层命名，生成的SVG文件的（表示一个路径，另外还有标签等）标签就会有个id属性是这个图层的名字2、保存的时候内嵌文字可以保存为SVG或转为path格式，如果没有文字，则无所谓 使用SVG：方法一使用文本编辑器打开保存的.svg文件，从中拷贝出标签中的内容到HTML文件中使 阅读全文

摘要：这里的代码无法完成提交，因为id被命名为submit了！！！导致了奇葩的冲突！！！ 表单和其子元素不宜用一个表单的属性的属性作为name或id的名称，如submit, length, or method，是、会产生冲突。名称冲突可能会导致混乱的失败。 阅读全文

摘要：1、canvas动画不能像操作DOM那样修改一个元素的top和left值就能移动。canvas要移动一个元素需要重绘，在重绘的时候修改相应的值。将绘制的图形封装成一个函数，这样才方便重绘。2、在重绘的时候不能直接绘制，这样之前的画面还在，需要先清屏，比如使用clearRect()来清除指定的区域的像 阅读全文

摘要：var startx,starty,endx,endy; // 开始触控的时候绑定touchstart事件 document.addEventListener('touchstart', function(e){ startx=e.touches[0].pageX; //获取触摸的X坐标。touch 阅读全文

摘要：HTML: <div id="rotate"> <div id="rotate_wrap"> <div id="front"> <img src="__PUBLIC__/img/wechat/front.png"> </div> <div id="back" class="back"> <img s 阅读全文