解决JS定时器越走越快

如下简单案例，实现一个倒计时 倒计时还剩60 var time = document.querySelector('span'); var btn = document.querySelector('button'); var s = 60; btn.onclick=function(){...

JS放大镜的制作

基本结构 基本样式 {padding:0;margin:0;} .box{ width: 350px; height: 350px; margin:100px; border:1px solid ccc; position: relative; } .big{...

Es6面向对象

类声明 语法格式 class Person{ //构造方法 constructor(name){ this.name = name } run(){ console.log('run') } } //实例化 var ll = new Person('test') ll.run() 类继承 语法格式...

浅拷贝与深拷贝

浅拷贝 浅拷贝只是拷贝一层，更深层次对象级别的只拷贝引用 如下 var obj = { id:1, name:'test', msg:{ age:18 } var nb = {} for (var i in obj){ nb[i] = obj[i] } console.log(obj) console...

严格模式

JS的严格模式采用具有限制性javascript变体的一种方式，即在严格的条件下运行js代码。 严格模式对正常模式做了如下更改 1. 消除了js语法的不合理、不严谨之处、减少了一些怪异行为。 如正常模式变量不声明可以直接赋...

本地存储

本地特性 1. 本地存储将数据存储在浏览器中 1. 设置、读取方便刷新页面数据也不会丢失 1. 容量大，sessionStorage约5M、localStorage约20M 2. 只能存储字符串，将对象通过JSON.stingify()编码后存储 本地特性 本地存...

JS解绑事件

传统方式 el.onclick=function(){ alert(0) el.onclick=null;//解绑事件 } addEventListener function fn(){ alert(0) el.removeEventListener('click',fn);//点击后移除事件 } el.addEventLi...

字符串对象的IndexOf与lastIndexOf

indexOf(str,[index]):返回指定内容在元字符的位置，如果没有返回-1 ,有返回字符串的索引，只返回第一个字符串出现的位置 lastIndexOf与indexOf一样，不过是从字符串后面开始查找 weiz 案例 查找字符串abcdabcd...

JS字符串的不可变性

> 字符串的不可变指的是字符串的值不可变，虽然看上去可以改变内容，但其实是地址指向改变了，新改变的指会在内存中新开辟一个内存空间，而原来的旧指内存空间还是存在的，我们看到的字符串内容改变实际上是内存指向...

JS数组索引方法

主要有两个 indexOf()：在数组中查找给定元素的第一个索引 如果存在返回索引不存在返回-1；该函数只返回第一个满足条件的元素索引 var arr = ['a','b','c','b'] console.log(arr.indexOf('b'))//返回1 console.log...