小名香菜~ - 博客园

2020年9月29日

摘要：数组去重 const arr = [1, 1, '1', 17, true, true, false, false, 'true', 'a', {}, {}];// => [1, '1', 17, true, false, 'true', 'a', {}, {}] 方法一：利用Set const r 阅读全文

posted @ 2020-09-29 17:46 小名香菜~ 阅读(183) 评论(0) 推荐(0) 编辑

js数组扁平化

摘要： 01.数组扁平化数组扁平化是指将一个多维数组变为一个一维数组 const arr = [1, [2, [3, [4, 5]]], 6];// => [1, 2, 3, 4, 5, 6] 方法一：使用flat() const res1 = arr.flat(Infinity); 方法二：利用正则 c 阅读全文

posted @ 2020-09-29 17:37 小名香菜~ 阅读(141) 评论(0) 推荐(0) 编辑

2020年9月24日

js实现一个红绿灯，把一个圆形 div 按照绿色 3 秒，黄色 1 秒，红色 2 秒循环改变背景色

摘要： <style> #circle { width: 10px; height: 10px; border-radius: 50%; position: relative; top: 0.3rem; } </style> <html> <div id="circle"></div> </html> <s 阅读全文

posted @ 2020-09-24 16:16 小名香菜~ 阅读(642) 评论(0) 推荐(0) 编辑

异步操作：async/await

摘要： async/await 是 ES2016 新加入的特性，它提供了用 for、if 等代码结构来编写异步的方式。它的运行时基础是 Promise，面对这种比较新的特性，我们先来看一下基本用法。 async 函数必定返回 Promise，我们把所有返回 Promise 的函数都可以认为是异步函数。 a 阅读全文

posted @ 2020-09-24 15:47 小名香菜~ 阅读(218) 评论(0) 推荐(0) 编辑

JavaScript执行：Promise里的代码为什么比setTimeout先执行？

摘要：在 ES3 和更早的版本中，JavaScript 本身还没有异步执行代码的能力，这也就意味着，宿主环境传递给 JavaScript 引擎一段代码，引擎就把代码直接顺次执行了，这个任务也就是宿主发起的任务。但是，在 ES5 之后，JavaScript 引入了 Promise，这样，不需要浏览器的阅读全文

posted @ 2020-09-24 10:52 小名香菜~ 阅读(240) 评论(0) 推荐(0) 编辑

2020年9月22日

JavaScript 中的对象分类

摘要：对象有如下几个特点。对象具有唯一标识性：即使完全相同的两个对象，也并非同一个对象。对象有状态：对象具有状态，同一对象可能处于不同状态之下。对象具有行为：即对象的状态，可能因为它的行为产生变迁。我们可以把对象分成几类。 1.宿主对象（host Objects）：由 JavaScript 宿主环阅读全文

posted @ 2020-09-22 10:08 小名香菜~ 阅读(423) 评论(0) 推荐(0) 编辑

2020年9月21日

将空数组转成空字符串

摘要：项目新需求：将传给后台的参数中所有的空数组转成空字符串；对所传参数的最后做处理，将所有的空数组替换成空字符串；将所需要传递的参数转换成json对象 var a = JSON.stringify(query_params).replace(/\[\]/g, '\\"\\"') 然后在使用 JSO 阅读全文

posted @ 2020-09-21 15:22 小名香菜~ 阅读(1195) 评论(0) 推荐(0) 编辑

2020年9月16日

js删除字符串的最后一个字符三种方法

摘要： var basic = "abc,def,ghi,"; 第一种 basic = basic.substr(0, basic.length - 1); 第二种 basic = basic.substring(0, basic.length - 1); 第三种 basic = basic.substri 阅读全文

posted @ 2020-09-16 10:30 小名香菜~ 阅读(16729) 评论(0) 推荐(1) 编辑

2020年9月14日

HTML全局属性(global attribute)有哪些（包含H5）

摘要： 1.accesskey：提供了为当前元素生成键盘快捷键的提示。这个属性由空格分隔的字符列表组成。浏览器应该使用在计算机键盘布局上存在的第一个。2.autocapitalize：控制用户的文本输入是否和如何自动大写，它可以有以下的值： off or none，没有应用自动大写（所有字母都默认为小写字母阅读全文

posted @ 2020-09-14 17:41 小名香菜~ 阅读(819) 评论(0) 推荐(0) 编辑

Css3新增的特性（2）

摘要：六 .CSS3 转换 CSS3 转换可以对元素进行移动、缩放、转动、拉长或拉伸。（一）2D 转换 2D变换方法： translate() 【根据左(X轴)和顶部(Y轴)位置给定的参数，从当前元素位置移动】eg:{transform: translate(50px,100px)} rotate() 阅读全文

posted @ 2020-09-14 11:18 小名香菜~ 阅读(175) 评论(0) 推荐(0) 编辑