10 2019 档案
摘要:正则表达式的结构: /条件/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
阅读全文