摘要：
正则表达式的结构： /条件/g 其中，第一个 / 是正则表达式的头部，第二个 / 表示表达式的尾部， 条件 是想要匹配的模； g 代表着 global(全局)，意味着返回所有的匹配而不仅仅是第一个； i 代表着忽略大小写，意思是当我们寻找匹配的字符串的时候忽略掉字母的大小写。 在条件（选择器）后面添 阅读全文
摘要：
js中，声明变量的方法有三种：const,var以及let 然而这三者之间用法不同： const const定义的变量在定义之初就必须初始化（否则会报错），且在函数外部是无法改变其值的（在内部改变值也只限在函数内部使用，在函数外部依旧是无法改变初始值的）。 let let是块级作用域，函数内部使用l 阅读全文
摘要：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>demo</title> </head> <body> <div class="tempDiv"></div> <div class="tempDiv"></div> <div c 阅读全文
摘要：
对于含有对象的复杂数组而言，创建新数组使用简单的indexOf判断新数组是否含有数组元素是不适用的，这里需要用到reduce的方法： var array = [ {"sort":"1","name":"老王"}, {"sort":"2","name":"老李"}, {"sort":"3","name 阅读全文
摘要：
我这里用的是一个比较取巧的方法（这里是jquery的写法）： 在css里默认的样式把图片设为全透明： img{ opacity: 0} 页面图片加载完毕后在将透明度设为不透明，这样就能达到遮掩闪屏的效果： $("img").css({opacity: 1}); 阅读全文
摘要：
用animate写动画效果的时候，经常会遇到一个问题——往往在元素动画还没结束又开始执行下一个动画，这样会造成动画重叠，为了解决这个为题，需要对元素处于的状态进行判断，这就需要用到$(document).is(":animated")来进行判定： if($(document).is(":animat 阅读全文
摘要：
<!Doctype html> <html> <head></head> <body> <h2>JS数组去重</h2> <h3>原数组：[1,2,1,5,6,2,5,6,7]</h3> <h3>去重后的数组：<i id="newArr"></i></h3> <script> var arr1 = [ 阅读全文
摘要：
这是比较常用的一种清除浮动的方法，各大网站都在采用： <!Doctype html> <html> <head></head> <body> <style type="text/css"> .div1{background:#333;border:1px solid red;} .div2{back 阅读全文
摘要：
分享最近写的一个图片放大镜的特效，原理很简单，仅供参考： 在一个div里，分为两个作用域，一个用于显示缩略图（放小图的，这里我们叫做A），一个用于显示放大后的图（放大图的，这里我们叫做B）； 在A里，有一个缩略图（A1）和一个悬浮遮挡层（A2），在B里，是一个放大的图（B1）； 这里我们需要注意的是 阅读全文