lseap-CSDN博客

原创 JavaScript数组越界访问

JavaScript数组越界访问不会出错，本质来说，是因为JavaScript数组是一种特殊对象，可以将数组看成以下结构。 let arr = { 0: 't1', 1: 't2' } console.log(arr[0]); // t1 console.log(arr[2]); // undefined

2021-04-02 16:59:17 2802

原创 ES6的Set、Map容器

一、Set容器：无序不可重复的多个value的集合体。二、Map容器：无序的key不重复的key-value的集合体。

2021-04-01 18:44:46 188

原创 JavaScript深拷贝与浅拷贝

一、拷贝数据的方法1. 直接赋值给一个变量——`浅拷贝`2. Object.assign()——`浅拷贝`3. Array.prototype.concat()——`浅拷贝`4. Array.prototype.slice()——`浅拷贝`5. JSON.parse(JSON.stringify())——`深拷贝`二、实现深拷贝

2021-04-01 12:06:05 178

原创 JavaScript支持正则表达式的方法

一、创建正则表达式二、RegExp 对象方法1. exec()2. test()三、支持正则表达式的 String 对象的方法1. search()2. match()3. replace()4. split()

2021-04-01 11:11:31 247

原创 for of和遍历器

1. for of的工作原理 for…of 循环首先会向被访问对象请求一个迭代器对象，然后通过调用迭代器对象（iterator）的next() 方法来遍历所有返回值。2. 可以用for of遍历的对象数组、字符串、arguments、set容器、map容器3. 模拟实现Symbol.iterator接口进行遍历对象4. 使用Generator函数模拟实现Symbol.iterator接口

2021-03-31 20:57:53 230

原创 ES6的箭头函数

箭头函数的特点：简洁箭头函数没有自己的this，箭头函数的this不是调用时决定的，而是定义时所处的对象就是它的this。箭头函数的this看外层有没有普通函数，如果有，外层普通函数的this就是内部箭头函数的this，如果没有，则箭头函数的this就是window。...

2021-03-31 17:27:41 54

原创 ES6的let和const

# 1. let- 用法：声明一个变量。- 特点（和var对比）：1. 在块级作用域内有效。2. 不能重复声明。3. 不会预处理。- 应用：循环遍历添加监听事件。# 2. const- 用法：声明一个常量。- 特点：无法修改，定义时需赋值。

2021-03-31 17:04:43 51

原创 target和currentTarget

target：触发事件的元素currentTarget：事件绑定的元素- 当事件不支持冒泡的时候，两者指的是同一个元素。- 当事件支持冒泡时：比如父元素和子元素都绑定click事件，当点击子元素时，父元素的事件也会触发，此时父元素事件的currentTarget指向父元素，target指向子元素。

2021-03-31 11:03:48 1097

原创 JavaScript继承

JavaScript继承的六种方式1. 原型链继承2. 构造函数实现继承（经典继承）3. 组合继承（伪经典继承）4. 原型式继承5. 寄生式继承6. 寄生组合式继承

2021-03-30 12:12:15 82

原创 JavaScript——关于原型的一些方法

一、instanceof运算符二、isPrototypeOf()方法三、Object.getPrototypeOf()方法四、hasOwnProperty()方法五、in操作符六、for-in七、Object.keys()方法八、Object.getOwnPropertyNames()方法

2021-03-29 22:16:50 67

原创 new运算符

1、创建了一个空对象obj;2、将这个空对象的proto成员指向了F函数对象prototype成员对象;3、将F函数对象的this指针替换成obj，然后再调用F函数.

2021-03-29 16:29:23 67

1.创建Vue项目vue init webpack tabbar2.文件目录3./router/index.jsimport Vue from 'vue'import Router from 'vue-router'const Home = () => import('../views/home/home');const Category = () => import('../views/category/category');const Cart = () => i

2021-03-19 11:45:36 122

原创 JavaScript实现常见的算法与数据结构（更新ing）

一、排序冒泡排序快速排序插入排序1. 冒泡排序冒泡排序的算法思想如下（升序排序）：比较相邻的元素。如果第一个比第二个大，就交换它们两个；对每一对相邻元素作同样的工作，从开始第一对到结尾的最后一对，这样最终最大数被交换到最后的位置除了最后一个元素以外，针对所有的元素重复以上的步骤重复步骤1~3，直到排序完成function bubbleSort(arr) { var len = arr.length; for (var i = 0; i < len -

2021-03-09 17:15:50 85

原创 clientHeight、offsetHeight、offsetParent、scrollHeight...的区别

注意：以下样式都是只读的 clientHeight - 元素的可见高度，指元素的内容区和内边距的高度 clientWidth - 元素的可见宽度，指元素的内容区和内边距的宽度 offsetHeight - 整个元素的高度，包括内容区、内边距、边框 offfsetWidth - 整个元素的宽度，包括内容区、内边距、边框 offsetParent - 当前元素的定位父元素 - 离他最近的开启了定位的祖先元素，如果所有的元素都没有开启定位，则返回body offsetLeft

2021-03-05 20:29:15 88

原创 JavaScript原型prototype的理解

1. 每个函数（如Animal）都有一个prototype属性，其prototype属性指向该函数的原型对象（Animal Prototype）。2. 原型对象都有一个constructor属性，其constructor属性指向构造函数（function Animal）。3. 构造函数的实例对象（如cat）都有一个__proto__属性，其__proto__属性指向构造函数的原型对象，即Animal Prototype。

2021-03-04 21:29:35 160 1

原创 JavaScript构造函数的执行流程

1. 立刻创建一个新的对象。2. 将新建的对象设置为函数的this，在构造函数中可以使用this来引用新建的对象。3. 逐行执行函数中的代码。4. 将新建的对象作为返回值返回。

2021-03-04 21:19:44 438 3

原创 JavaScript中非布尔值的与（&&）或（||）运算

逻辑运算符&& || 非布尔值的情况：在对非布尔值进行与或运算时，会先将其转换为布尔值，然后再运算，并且返回原值，不是true或false；与&&：如果第一个值为true，则必然返回第二个值，无论第二个值的类型是什么；如果第一个值为false，则直接返回第一个值，无论第一个值的类型是什么。var a = 0 && true;// 先把0转换为布尔值，为false// 因为&&只要有一个值为false，则返回false，所以输出

2021-03-04 15:45:15 302 1

原创 Vue学习

Vue学习

2021-01-02 14:35:32 228

原创 node搭建API接口平台学习笔记

node搭建API接口平台学习笔记

2020-10-27 22:51:03 344

原创 ES6获取数组最大值

ES6获取数组最大值

2020-09-15 15:47:56 1713

原创 JavaScript复制二维数组

使用map和ES6的扩展运算符

2020-09-07 14:11:09 939 1

原创 JavaScript将二维数组转为一维数组

使用ES6的扩展运算符——“···”

2020-09-07 14:10:38 1377

原创牛客网js编程处理输入问题——字符串转多个数组

由于牛客网的js编程都是通过readline（）读取一行字符串，所以当参数为数组（eg：[“a1”, “a2”], [“b1”, “b2”, “b3”]）的时候，需要将字符串转为两个数组。

2020-09-02 16:07:02 789

原创微信小程序实现点餐系统

点餐流程图1. 首页餐馆展示2. 用户点餐界面3. 确认订单界面4. 选择收货地址界面5. 新增收货地址界面6. 我的订单界面7. 订单详情界面

2020-07-19 21:12:09 17179 5

原创 ES6中的模版字符串： `${ }`

ES6中的模板字符串使用反引号 (` `) 来代替普通字符串中的用双引号和单引号。模板字符串可以包含特定语法（${expression}）的占位符。const name = '小红'const age = 18console.info(`我叫${name}，今年${age}岁`)// 等价于console.info('我叫' + name + '，今年' + age + '岁') /...

2020-04-25 19:39:00 999

原创微信小程序实现时钟（实时获取当前时间）

微信小程序实现时钟（实时获取当前时间）

2020-04-25 11:50:55 9900

原创小学四则运算生成器（Java实现）

https://www.cnblogs.com/GNIT/p/11689707.html

2020-04-23 10:42:45 930

原创微信小程序代替*选择器的做法

在微信小程序中，替代*选择器的做法是：page { background-color: black;}

2020-03-23 18:57:55 468

原创微信小程序小知识

消除button边框button::after { border: none;}给button设置阴影 box-shadow: 0px 6px 8px rgba(57, 214, 157, 0.6);

2020-02-12 17:36:42 175

原创 Linux杀死/启动node进程

Linux杀死node进程sudo pkill nodeLinux启动node项目sudo nohup node xxx.jssudo nohup node xxx.js > xxx.txt 2>&1 &

2020-02-10 18:43:49 1627

原创 Ubuntu安装nodejs的命令

安装$ sudo apt-get install nodejs //安装nodejs$ sudo apt-get install npm //安装npm，方便后期安装相关依赖包查看是否安装成功输入 node -v 可以看到nodejs的版本。输入 node -h 可以查看nodejs的帮助。...

2019-11-04 22:49:35 121

原创微信小程序官方Demo

微信小程序官方Demo：https://github.com/wechat-miniprogram/miniprogram-demo

2019-10-23 23:38:09 728

原创按钮控制输入框编辑状态（原生JS）

源码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=...

2019-08-10 12:13:34 516