包田耘

摘要： image的属性img.complete //是否加载完成返回true则加载完成naturalWidth //图片的真实尺寸,html5新增width          //图片表面宽度 如设置了width等样式，则取样式里的宽度offsetWidth //包含padding和border的widt 阅读全文

摘要： 关于命名，某些公司也许有严格的规范，文件的命名及样式的命名等。没有经历过很多公司也没有经历过大公司，所以不敢说有规范好还是无规范好。但是能凭着自己写代码的习惯，觉得还是团队达成共识的命名可读性及可维护性更高。css:class用下划线_把有语义的英文分开，id则用-分开。id只局限写js，而不写样式在里面。id的权重太大，写了样式后期不太能覆盖。js：变量用名词，驼峰式，常量在其前加-。函数加动词加名词，驼峰式。如果结果是布尔值则用if开头。 阅读全文

摘要： 以后决定每周日给自己一个写文章的承诺，这样即可总结又能记录。收集了一下书本内容，写一个正则基础。1.正则表达式中的特殊字符\ 在字面意义和特殊意义之间进行切换 ，例如\w表示\w的特殊意义时（即正则意义），而不是字面值w,但是\$表示使用$的正则意义，而是$字符本身^ 字符串开头。$ ... 阅读全文

摘要： html5除了新增标签，使得代码更具语议之外，更重要的就是存储了。一.html5本地存储数据都保存成key/value形式，一个web页面只可以访问自己的数据。支持浏览器为IE8+，Firefox，Chrome，Opera和Safari 5都支持这个特性。localStorage和sessionStorage他们都是以key/value形式来存储数据。只是前者是永久保存（即浏览器重启后还会保原先的数据），后者是在关闭浏览器之后就消失。首先得对浏览器是否支持做判断if(typeof(Storage)!=="undefined")1 if (typeof(Storage)!== 阅读全文

摘要： 他们是相亲相爱的一家人，上小学就懂 了。但在js里有少少不同- 会自动转换数字转不成功就出现NaN.再进行运算+ 不会，只要判断到有字符串就成了连接符号==和=====会把如果有一方是数字，则把另一方转换为数字，再进行比较；如果有一方是对象则把对象进行valueof()如不成则toString()。后进行比较===要求类型和数值都相等。原汁原味的比较。 阅读全文

摘要： Array对象一个方法：sort()，它是用来排序的。用法如下：var arr=[1,65,6,7,12,0];var s=arr.sort();console.log(s); //[0,1,12,6,65,7]　一般这样直接排出来的东西都不是我和我的小伙伴想要的。数组对象直接调用sort()方法，sort()方法把它每一个数组元素都转换为字符串，然后再按照字符编码进行排列。但是，该方法接收一个参数，而且，该参数为一个函数，然后，该函数会接收两个参数分别代表排序比较时的两个元素，并返回一个数值，sort（）方法会根据该数值进行排序：如果函数返回值大于 0 ，就将两个元素位置进行交换，反之则.. 阅读全文

摘要： 众所周知（如果不知请百度之）nextSibling与previousSibling是查找元素的下一，上一，同级元素。在标准dom浏览器下，会首先查找元素与元素之间的text节点。而ie8以及以前则直接查找目标元素节点。但是并不是所有情况下ie8及以前浏览器会乖乖查找目标节点。它们在遇到几个问题时会有问题No.1 previousSibling查找上一元素如果要查找的前一是内联元素，如span,i之类的，则返回object.但是！其实它返回的跟谷歌一样是text节点。它无法返回正常的上一节点。111222 ;(function(){ var div=document.getElementById 阅读全文

摘要： 单看标题可能不是很明白。但有一个很常见的问题，你看一眼就会明白 var a=function(){ alert(' I am A');} function b(){alert('I am B');} 他们的区别。 你可以尝试一下这样 a(); b(); var a=function(){ alert 阅读全文

摘要： 在看书，发现越到后面例子越多。怕自己记不住，就写下来我是美美demo原理是触发事件时,找到事件发生的表单元素，注意表单字段其实是指表单元素，如,等。别以为写在form里就是表单字段了如就不是表单字段啦，是不会自在form.length里面的。遍历表单字段，找到当前操作的元素，使其下一元素(i+1)聚焦。返回 以下是js /*自动获得焦点*/ function tabForward(event){ var e=EventUtil.getEvent(event);//获得event对象 var target=EventUtil.get... 阅读全文

摘要： 当a标签使用及href="#"时，就相当于跳到锚点链接href="#top"，，所以在页面过长时，会返回到顶部，体验之不好，自己感受。于是市面上出现了几种常用的防止a标签href跳转的做法：javascript:;javascript:void(0)href="####"javascript:void(0)是javascript的操作符，会计算一个表达式，但不会返回值，当用户点击链接时，void(0)计算为 0，但在 JavaScript 上没有任何效果。当然也不会改变当前页面的任何内容。与javascript:;的区别：不祥但是这两 阅读全文