随笔分类 -  JavaScript

常见的问题和兼容
摘要:利用本地存储实现收藏功能(小程序) 1.定义数据结构 data: { ​ detail:{},//用来接收获取的数据 ​ no_sel:"../../images/none-star.png",//未被收藏的图片链接 ​ sel:"../../images/star.png",//被收藏的图片链接 阅读全文
posted @ 2020-11-01 12:30 小不点灬 阅读(435) 评论(0) 推荐(0)
摘要:set map 描述 无序,不重复,无下标,自带去重,类似数组 没个元素由键值对组成,类似对象.(其他同set) 创建实例 let set = new Set(arr); let map = new Map(arr); 添加元素 set.add(元素) 例:set.add('蒙毅'); map.se 阅读全文
posted @ 2020-09-04 19:10 小不点灬 阅读(223) 评论(0) 推荐(0)
摘要:// 数组去重 ES6 // 1.使用filter去重 let arr=[2,3,4,3,4,3,4,6]; let arr1=arr.filter(function(item,index){ return arr.indexOf(item) index; }); console.log(arr1) 阅读全文
posted @ 2020-09-04 19:07 小不点灬 阅读(459) 评论(0) 推荐(0)
摘要:/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/ 阅读全文
posted @ 2020-08-29 10:06 小不点灬 阅读(130) 评论(0) 推荐(0)
摘要:1.原型链继承:将父亲的实例赋给子类的原型。 缺点:如果有一个子类实例改变所继承的内容,则当下一个子类实例继承是会是上一个子类改变之后的内容,而不是原有父亲的内容。 (解决:对象冒充继承方法) function Father(name, age) { this.name = 'li'; this.a 阅读全文
posted @ 2020-08-13 18:36 小不点灬 阅读(196) 评论(0) 推荐(0)
摘要:当鼠标移动到元素上时就会触发mouseenter 事件 类似 mouseover,它们两者之间的差别是 mouseover 鼠标经过自身盒子会触发,经过子盒子还会触发。mouseenter 只会经过自身盒子触发 之所以这样,就是因为mouseenter不会冒泡 跟mouseenter搭配鼠标离开 m 阅读全文
posted @ 2020-08-08 15:58 小不点灬 阅读(262) 评论(0) 推荐(0)
摘要:元素 宽和高 // 元素.style.width 只能获取行内 // getStyle(元素, 'width') 自己封装的 // 元素.clientWidth // 元素.offsetWidth //可以获取行内和非行内的宽和高 console.log(box.clientWidth); // w 阅读全文
posted @ 2020-08-08 15:43 小不点灬 阅读(428) 评论(0) 推荐(0)
摘要:1.变量的作用域复习 变量根据作用域的不同分为两种:全局变量和局部变量。 函数内部可以使用全局变量。 函数外部不可以使用局部变量。 当函数执行完毕,本作用域内的局部变量会销毁。 2.什么是闭包 闭包(closure)指有权访问另一个函数作用域中变量的函数。 简单理解就是 ,一个作用域可以访问另外一个 阅读全文
posted @ 2020-08-02 18:19 小不点灬 阅读(136) 评论(0) 推荐(0)
摘要:1.函数内部的this指向: 这些 this 的指向,是当我们调用函数的时候确定的。调用方式的不同决定了this 的指向不同 一般指向我们的调用者. 2.改变函数内部 this 指向 2.1 call方法 call()方法调用一个对象。简单理解为调用函数的方式,但是它可以改变函数的 this 指向 阅读全文
posted @ 2020-08-02 17:24 小不点灬 阅读(185) 评论(0) 推荐(0)
摘要:定义 调用 函数 阅读全文
posted @ 2020-08-02 17:15 小不点灬 阅读(169) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-07-30 12:34 小不点灬 阅读(85) 评论(0) 推荐(0)
摘要:JS 中加减运算转换规则 阅读全文
posted @ 2020-07-28 17:42 小不点灬 阅读(1027) 评论(0) 推荐(0)
摘要:Boolean(变量); 可以将任何数据类型转换成布尔值 假:0、NaN、空字符串、null、undefined、false 真:其它的都是真的,一切对象都是真的,包括 [] {} // 1、数字中0和NaN为假,其它都是真的 // 2、空字符串是假,其它均是真 // 3、布尔值简单返回 // 4、 阅读全文
posted @ 2020-07-28 17:35 小不点灬 阅读(219) 评论(0) 推荐(0)
摘要:字符串:单双引号引起来的零个或多个字符 从input中获取的,全部是字符串 <input type="text" id="txt"> <button id="btn">按钮</button> var txt = document.getElementById('txt'); var btn = do 阅读全文
posted @ 2020-07-28 17:33 小不点灬 阅读(451) 评论(0) 推荐(0)
摘要:Number 阅读全文
posted @ 2020-07-28 17:29 小不点灬 阅读(911) 评论(0) 推荐(0)
摘要:数据类型分类 阅读全文
posted @ 2020-07-28 17:20 小不点灬 阅读(294) 评论(0) 推荐(0)
摘要:向上取整 向下取整 四舍五入 产生100以内随机数 阅读全文
posted @ 2020-06-24 18:37 小不点灬 阅读(487) 评论(0) 推荐(0)
摘要:JS 数字型三个特殊值 Infinity ,代表无穷大,大于任何数值 -Infinity ,代表无穷小,小于任何数值 NaN ,Not a number,代表一个非数值 isNaN的使用: isNaN(x): x是数字型的时候(也就是它不是非数字) 它的返回值为 false x是非数字型的时候 它的 阅读全文
posted @ 2020-06-24 18:08 小不点灬 阅读(644) 评论(0) 推荐(0)
摘要:声明变量特殊情况 情况 说明 结果 var age ; console.log (name); 只声明 不赋值 undefined console.log(name) 不声明 不赋值 直接使用报错 name= 20; console.log (name); 不声明 只赋值 20 1. 由字母(A-Z 阅读全文
posted @ 2020-06-24 16:52 小不点灬 阅读(344) 评论(0) 推荐(0)
摘要:JavaScript 不同浏览器兼容 阅读全文
posted @ 2020-06-24 16:35 小不点灬 阅读(643) 评论(0) 推荐(0)