10 2016 档案

关于字符串过滤
摘要：1 String a = "1,2,3,4"; 2 3 String[] arr = a.split(","); 4 5 取arr中所有字符在预定义字符中进行过滤 6 7 8 9 例如：在里面过滤字符串为"1"的数据 10 11 for(int k=0;k<arr.length;k++){ 12 13 if("1".equals(a... 阅读全文
posted @ 2016-10-31 14:57 CodeProducter 阅读(838) 评论(0) 推荐(0)
scrollIntoView()方法
摘要：该方法用于建立一个锚点，点击锚点，会跳到相应的内容，且该内容头部与浏览器头部平齐 实例： 阅读全文
posted @ 2016-10-12 19:45 CodeProducter 阅读(8655) 评论(0) 推荐(1)
DOM树中节点与节点之间的关系图
摘要：获取子代元素节点：children 获取所有子代元素节点数：**.childElementCount 或者 **.children.length 阅读全文
posted @ 2016-10-11 10:47 CodeProducter 阅读(749) 评论(0) 推荐(0)
临时调用call()与apply()方法
摘要：当在某个局域范围内要调用构造函数中或者其他局域范围内的方法 此时可以用到临时调用方法call与apply var a = {"0":"a","1":"b",length:2}; 1.利用字符串连接 var b = Array.prototype.join.call(a,"+"); //临时调用数组a 阅读全文
posted @ 2016-10-10 16:39 CodeProducter 阅读(212) 评论(0) 推荐(0)
面向对象之工厂模式与构造函数模式的区别
摘要：工厂模式 工厂模式是软件工程领域一种广为人知的设计模式，而由于在ECMAScript中无法创建类，因此用函数封装以特定接口创建对象。其实现方法非常简单，也就是在函数内创建一个对象，给对象赋予属性及方法再将对象返回即可。 1 function createBlog(name, url) { 2 var 阅读全文
posted @ 2016-10-10 14:39 CodeProducter 阅读(4040) 评论(1) 推荐(2)
正则中的预判以及懒惰模式
摘要：预判：在正式匹配正则表达式之前，先预读整个字符串，进行初步匹配，如果预判都未通过，则不再验证！ 个人理解：另外预判需要正则表达式做引导，相当于在原有的正则表达式上增添条件，没有正则表达式的预判无效 1）(?=表达式): 先浏览字符串是否满足表达式的要求 何时使用：只要正则中出现类似"而且" 比如：4 阅读全文
posted @ 2016-10-09 11:29 CodeProducter 阅读(953) 评论(0) 推荐(0)
阻止事件冒泡（何时使用）
摘要：当存在父子级关系的时候 触发子级事件时，如果没有阻止冒泡，那么事件就会衍生到父级元素，导致事件不能正确的执行 处理方法：阻止事件冒泡 阅读全文
posted @ 2016-10-08 20:07 CodeProducter 阅读(284) 评论(0) 推荐(0)
去掉 input type="number" 在浏览器中遗留的图标样式
摘要：input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{ /* chrome */ -webkit-appearance: none!important; margin: 0; }input[type="number"]{- 阅读全文
posted @ 2016-10-07 00:37 CodeProducter 阅读(803) 评论(0) 推荐(0)
获取页面元素的css属性
摘要：function getStyle(obj, name){ if(obj.currentStyle) { return obj.currentStyle[name];//兼容ie版本 } else { return getComputedStyle(obj, false)[name];//兼容FF和 阅读全文
posted @ 2016-10-04 22:55 CodeProducter 阅读(580) 评论(0) 推荐(0)
DOM中offsetLeft与style.left的区别
摘要：offsetLeft 获取的是相对于父对象的左边距 left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距 如果父div的position定义为relative,子div的position定义为absolute，那么子div的style.left的值是相 阅读全文
posted @ 2016-10-04 22:46 CodeProducter 阅读(979) 评论(0) 推荐(1)
移动端与PC端的触屏事件
摘要：由于移动端是触摸事件，所以要用到H5的属性touchstart/touchmove/touched,但是PC端只支持鼠标事件，所以此时可以这样转换 var touchEvents = { touchstart:"touchstart", touchmove:"touchmove", touchend 阅读全文
posted @ 2016-10-02 19:14 CodeProducter 阅读(5913) 评论(1) 推荐(0)