代码改变世界

利用box-shadow制作loading图

2015-08-02 21:28 by 那时候的我, 1361 阅读, 0 推荐, 收藏, 编辑
摘要:我们见过很多利用css3做的loading图,像下面这种应该是很常见的。通常制作这种loading,我们会一个标签对应一个圆,八个圆就要八个标签。但是这种做法很浪费资源。我们可以只用一个标签,然后利用`box—shadow`来制作一个loading图。 首先,需要一个标签: 然后是css: ... 阅读全文

适用于移动端的地址选择器

2015-07-15 22:22 by 那时候的我, 3373 阅读, 3 推荐, 收藏, 编辑
摘要:最近在工作中需要用到地址选择器,像下面这样的,本想在网上找一个,可是没找到,于是自己写了个jquery插件。![](http://images.cnblogs.com/cnblogs_com/xljzlw/676183/o_QQ%e5%9b%be%e7%89%8720150715210812.png... 阅读全文

常用的不易记忆的css自定义代码

2015-07-14 23:06 by 那时候的我, 1442 阅读, 6 推荐, 收藏, 编辑
摘要:在制作页面时,经常会遇到需要自定义一些标签的默认行为(如:input的占位符等),但这些默认的设置的css一般比较难记住,所以有必要自己做一下记录。下面是我经常用到的一些重设默认行为的css。### 1、占位符 ###在``标签中设置`placeholder`属性时,有时候因为需求,要修改占位符的默... 阅读全文

关于js中一个对象当做参数传递是按值传递还是按引用传递的个人看法

2015-04-08 21:53 by 那时候的我, 13937 阅读, 3 推荐, 收藏, 编辑
摘要:在《JavaScript高级程序设计》这本书中有这样一段话:**有很多开发人员错误的认为:在局部作用域中修改的对象会在全局作用域中反映出来,就说明参数是按引用传递的。**换句话说,尼古拉认为当一个对象是当做参数传递时,它是按值传递的。然后他举了个例子来证明这个结论: function setN... 阅读全文

JavaScript之函数柯里化

2015-04-05 10:54 by 那时候的我, 756 阅读, 0 推荐, 收藏, 编辑
摘要:### 什么是柯里化(currying)? ###维基百科中的解释是:柯里化是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数而且返回结果的新函数的技术。意思就是当函数被调用时,返回的函数还需要设置一些传入的参数。首先来看一个简单的例子,有下面一个函数... 阅读全文

CSS3实现图片渐入效果

2015-03-07 20:17 by 那时候的我, 18194 阅读, 3 推荐, 收藏, 编辑
摘要:很多网站都有那种图片渐入的效果,如:[http://www.mi.com/minote/](http://www.mi.com/minote/),这种效果用css3和一些js实现起来特别简单。拿我之前做的页面来说一下怎么利用css3来实现图片渐入效果。下面是页面中的一段html: ... 阅读全文

《数据结构与算法JavaScript描述》中的一处错误

2015-03-04 22:44 by 那时候的我, 234 阅读, 0 推荐, 收藏, 编辑
摘要:最近在看《数据结构与算法JavaScript描述》这本书,看到选择排序这部分时,发现一个比较大的错误。原书的选择排序算法是这样的: function selectionSort() { var min, temp; for (var outer = 0; outer <= this.dat... 阅读全文

HTML5实现刮奖效果

2015-01-21 18:33 by 那时候的我, 3706 阅读, 4 推荐, 收藏, 编辑
摘要:要实现刮奖效果,最重要的是要找到一种方法:当刮开上层的涂层是就能看到下层的结果。而HTML5的canvas API中有一个属性globalCompositeOperation,这个属性有多个值,而实现刮奖效果要用到的值就是destination-out。意思就是:在已有内容和新图形不重叠的地方,已有... 阅读全文

js中位运算的运用

2015-01-18 00:44 by 那时候的我, 24232 阅读, 8 推荐, 收藏, 编辑
摘要:我们可能很少在编程中用位运算,如果没深入学习,可能也很难理解。平时的数值运算,其实是要先转换成二进制再进行运算的,而位运算就是直接进行二进制运算,所以位运算的执行效率肯定是更高的。下面通过一些实例来加深对位运算的理解。### 按位与(&)&&运算符我们都知道,只有两个都为真,结果才为真。&道理是一样... 阅读全文

ES6对数组的扩展

2014-07-13 12:07 by 那时候的我, 6849 阅读, 2 推荐, 收藏, 编辑
摘要:ECMAScript6对数组进行了扩展,为数组Array构造函数添加了from()、of()等静态方法,也为数组实例添加了find()、findIndex()等方法。下面一起来看一下这些方法的用法。Array.from()Array.from()将类数组(array-like)对象与可遍历的对象转化... 阅读全文