2016年8月13日
前端构建工具gulp入门教程
摘要： 本文假设你之前没有用过任何任务脚本（task runner）和命令行工具，一步步教你上手Gulp。不要怕，它其实很简单，我会分为五步向你介绍gulp并帮助你完成一些惊人的事情。那就直接开始吧。 第一步：安装Node 首先，最基本也最重要的是，我们需要搭建node环境。访问 http://nodejs 阅读全文
posted @ 2016-08-13 18:37 huerge 阅读(221) 评论(0) 推荐(0)
在JS数组指定位置插入元素
摘要： 很多与数组有关的任务听起来很简单,但实际情况并不总是如此,而开发人员在很多时候也用不到他。最近我碰到了这样一个需求: 将一个元素插入到现有数组的特定索引处。听起来很容易和常见,但需要一点时间来研究它。 // 原来的数组 var array = ["one", "two", "four"]; // s 阅读全文
posted @ 2016-08-13 08:39 huerge 阅读(908) 评论(0) 推荐(0)
简单对象List自定义属性排序
摘要： <body> <div> sort()对数组排序，不开辟新的内存，对原有数组元素进行调换 </div> <div id="showBox"> 1、简单数组简单排序 <script type="text/javascript"> var arrSimple=new Array(1,8,7,6); ar 阅读全文
posted @ 2016-08-13 08:27 huerge 阅读(315) 评论(0) 推荐(1)
js数组排序 reverse()和sort()方法的使用
摘要： WEB前端|js数组排序reverse()和sort()方法的使用，数组中已经存在两个可以直接用来重排序的方法：reverse()和sort()。 reverse()方法会对反转数组项的顺序。 var values = [1, 2, 3, 4, 5]; values.reverse(); alert 阅读全文
posted @ 2016-08-13 08:26 huerge 阅读(1758) 评论(0) 推荐(0)
JQuery Plugin 开发
摘要： jquery 中有2个重要的API是和插件编写相关的. jQuery.extend(object) 即 $.extend(object) 这个函数是用来扩展 jQuery 本身, 也就是扩展 "$" 的. jQuery.fn.extend(object) 即 $.fn.extend(object) 阅读全文
posted @ 2016-08-13 08:23 huerge 阅读(152) 评论(0) 推荐(0)
2016年8月12日
console.dir() 与 console.dirxml() 的使用
摘要： 在调试JavaScript程序时，有时需要dump某些对象的详细信息。通过手工编写JavaScript代码可以完成这一工作：针对对象的属性进行循环，将循环到的每一个属性值打印出来；可见，这一过程是比较繁琐的。在具备调试工具的浏览器上，这一工作可以通过console.dir()语句来方便的完成。 co 阅读全文
posted @ 2016-08-12 19:23 huerge 阅读(1384) 评论(0) 推荐(0)
随机生成10-100之间的数
摘要： Math.random() [ 0 , 1 ) Math.floor(Math.random()*10) [ 0 , 9 ] (Math.floor(Math.random()*10)+1)*10 [ 10 , 100 ] 阅读全文
posted @ 2016-08-12 16:30 huerge 阅读(1576) 评论(0) 推荐(0)
CSS3 transition过渡
摘要： transition 属性是一个简写属性，用于设置四个过渡属性： transition-property transition-duration transition-timing-function transition-delay transition-property是用来指定当元素其中一个属性 阅读全文
posted @ 2016-08-12 12:05 huerge 阅读(449) 评论(0) 推荐(0)
transform 动画效果
摘要： http://www.css88.com/tool/css3Preview/Transform.html transform的含义是：改变，使…变形；转换 transform的属性包括：rotate() / skew() / scale() / translate(,) ，分别还有x、y之分，比如： 阅读全文
posted @ 2016-08-12 11:23 huerge 阅读(793) 评论(0) 推荐(0)
transparent 透明效果
摘要： background-color:transparent;就是把背景色设置为透明。 实际上background默认的颜色就是透明的属性。所以写和不写都是一样的 span{ width: 0; height: 0; display: inline-block; } border-top: 60px s 阅读全文
posted @ 2016-08-12 10:44 huerge 阅读(426) 评论(0) 推荐(0)