Kite Fly

摘要： 工厂模式 工厂模式是软件工程领域一种广为人知的设计模式，而由于在ECMAScript中无法创建类，因此用函数封装以特定接口创建对象。其实现方法非常简单，也就是在函数内创建一个对象，给对象赋予属性及方法再将对象返回即可。 1 function createBlog(name, url) { 2 var 阅读全文

摘要： 预判：在正式匹配正则表达式之前，先预读整个字符串，进行初步匹配，如果预判都未通过，则不再验证！ 个人理解：另外预判需要正则表达式做引导，相当于在原有的正则表达式上增添条件，没有正则表达式的预判无效 1）(?=表达式): 先浏览字符串是否满足表达式的要求 何时使用：只要正则中出现类似"而且" 比如：4 阅读全文

摘要： 当存在父子级关系的时候 触发子级事件时，如果没有阻止冒泡，那么事件就会衍生到父级元素，导致事件不能正确的执行 处理方法：阻止事件冒泡 阅读全文

摘要： input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{ /* chrome */ -webkit-appearance: none!important; margin: 0; }input[type="number"]{- 阅读全文

摘要： function getStyle(obj, name){ if(obj.currentStyle) { return obj.currentStyle[name];//兼容ie版本 } else { return getComputedStyle(obj, false)[name];//兼容FF和 阅读全文

摘要： offsetLeft 获取的是相对于父对象的左边距 left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距 如果父div的position定义为relative,子div的position定义为absolute，那么子div的style.left的值是相 阅读全文

摘要： 由于移动端是触摸事件，所以要用到H5的属性touchstart/touchmove/touched,但是PC端只支持鼠标事件，所以此时可以这样转换 var touchEvents = { touchstart:"touchstart", touchmove:"touchmove", touchend 阅读全文

摘要： <meta>的各个属性（移动端） 一.<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> na 阅读全文

摘要： window.addEventListener('orientationchange', function(event){ if ( window.orientation == 180 || window.orientation==0 ) { alert("竖屏"); //竖屏事件处理 } if( 阅读全文

摘要： 现在很多for Mobile的HTML5网页内都有快速滚动和回弹的效果，看上去和原生app的效率都有得一拼。 要实现这个效果很简单，只需要加一行css代码即可： -webkit-overflow-scrolling:touch; //IOS系统 overflow-scrolling:touch; / 阅读全文