Clik here to view.
再说position--当left,bottom,right,top值缺省时的状态。
记得我刚去凤凰的时候，连float和position都没整明白。好在春哥给我了足够锻炼的机会。可是，我现在就真的整明白了吗？ 上周的时候，王静问我，假如只给元素指定positon:absolute 而不指定它的四个方位值，会是什么情况？ 我本能的回答：默认left和top为0。事实证明我错了。...
View ArticleClik here to view.
正则应用实践之--银行账号输入数字格式化
通常，我们输入银行账号的界面是这样子的： 每隔四位加入一个空格。 这个空格肯定不是用户输入的，是伴随着用户的正常输入自动生成的。 在做一个添加合同页面时，无意间发现了这个正则表达式。 function formatCTNum(num){ return num.replace(/[^0-9]/g, '').replace(/(\d{4})(?!$)/g, '$1 ') }...
View ArticleClik here to view.
用setTimeout实现原生JS的动画效果
一直以为动画效果是用setInterval来执行的。也比较好理解，一直执行下去，直到条件再次出现时清除setInterval。 这几天看了用setTimeout来做动画的例子，起初我是不理解的。动画和延迟执行有毛关系（其实是有关系的，后面会讲到。）代码是这样子的： for ( i=0; i<200; i++){ setTimeout ( function(){ var...
View ArticleClik here to view.
浅谈类数组
类数组不是真的数组，仅仅是披着数组的外衣：具有length属性，成员也拥有索引下标。但仅此而已，却不能使用数组的内置方法，比如说：join，concat等等。 常见的类数组有arguments和HTMLCollection。 以HTMLCollection为例，我们通过getElementsByTagName("li") ，获取了一组节点。 可以看出，它们虽然被[...
View ArticleClik here to view.
定位系列----影响定位的有哪些因素。
一、opacity。前文中已经说过。http://blog.sina.com.cn/s/blog_448f59f30102ve4k.html 但比较浅，再说一次。...
View ArticleClik here to view.
为啥阻止页面跳转要用href="javascript:void(0)"
是啊，为啥啊。看见人家这么写或者公司规定就这么写了。都没有去想过。 直到今天看到了void的用法。 void运算符的作用是执行一个表达式，然后返回undefined。 举个例子： var x=3; void( x=5 ) x 结果为5。 当然，重点不在执行，而在于返回结果。因为它无论如何执行，返回结果都是undefined。...
View ArticleClik here to view.
如何获取当前网页的location
图解location 怎么样，是不是很好很强大？ 接下来，我们可以通过location.pathname 或者 location.hash等方法来获取location的各个组成部分了。 图片来源：http://www.dreamdu.com/javascript/location.pathname/
View ArticleClik here to view.
对象和数组转换的小工具
var _util = { map2array: function (obj) { var ret = []; for (var i in obj) { ret.push({ "label": obj[i], "text": obj[i],...
View ArticleClik here to view.
巧用CSS3之background渐变
常见斑马loading 上图是我们常见的loading进度条，以前都是用一张背景图片平铺的。其实如果抛去兼容性因素，我们可以用零图片纯样式来实现。 一，首先，我们先为容器定义一个纯蓝色背景： box{background-color:##337ab7} 二，绘制条纹。 我们可以用linear-gradient来绘制条纹。在本例中，可以用半透明的白色背景来实现。 绘制条纹...
View ArticleClik here to view.
如何将换行符替换为逗号
应用场景： 用户在多行文本输入框里输入多条数据，但后端接收的参数格式却是以逗号连接的字符串。 涉及两个知识点： 一，正则的replace替换。 二，换行符在不同操作系统下的不同表现。 综上，比较合理稳妥的解决方案是： string.replace(/\r\n/g, ',').replace(/\r/g, ',').replace(/\n/g, ',').replace(/,{2,}/g,...
View Article
