js数组去重的多种方法
摘要：数组去重 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
小名香菜~
阅读(202)
推荐(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
小名香菜~
阅读(151)
推荐(0)
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
小名香菜~
阅读(685)
推荐(0)
异步操作：async/await
摘要：async/await 是 ES2016 新加入的特性，它提供了用 for、if 等代码结构来编写异步的方 式。它的运行时基础是 Promise，面对这种比较新的特性，我们先来看一下基本用法。 async 函数必定返回 Promise，我们把所有返回 Promise 的函数都可以认为是异步函数。 a
阅读全文
posted @
2020-09-24 15:47
小名香菜~
阅读(244)
推荐(0)
JavaScript执行：Promise里的代码为什么比setTimeout先执行？
摘要：在 ES3 和更早的版本中，JavaScript 本身还没有异步执行代码的能力，这也就意味着，宿 主环境传递给 JavaScript 引擎一段代码，引擎就把代码直接顺次执行了，这个任务也就是 宿主发起的任务。 但是，在 ES5 之后，JavaScript 引入了 Promise，这样，不需要浏览器的
阅读全文
posted @
2020-09-24 10:52
小名香菜~
阅读(264)
推荐(0)
JavaScript 中的对象分类
摘要：对象有如下几个特点。 对象具有唯一标识性：即使完全相同的两个对象，也并非同一个对象。 对象有状态：对象具有状态，同一对象可能处于不同状态之下。 对象具有行为：即对象的状态，可能因为它的行为产生变迁。 我们可以把对象分成几类。 1.宿主对象（host Objects）：由 JavaScript 宿主环
阅读全文
posted @
2020-09-22 10:08
小名香菜~
阅读(471)
推荐(0)
将空数组转成空字符串
摘要：项目新需求： 将传给后台的参数中所有的空数组转成空字符串； 对所传参数的最后做处理，将所有的空数组替换成空字符串；将所需要传递的参数转换成json对象 var a = JSON.stringify(query_params).replace(/\[\]/g, '\\"\\"') 然后 在使用 JSO
阅读全文
posted @
2020-09-21 15:22
小名香菜~
阅读(1224)
推荐(0)
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
小名香菜~
阅读(16903)
推荐(1)
HTML全局属性(global attribute)有哪些（包含H5）
摘要：1.accesskey：提供了为当前元素生成键盘快捷键的提示。这个属性由空格分隔的字符列表组成。浏览器应该使用在计算机键盘布局上存在的第一个。2.autocapitalize：控制用户的文本输入是否和如何自动大写，它可以有以下的值： off or none，没有应用自动大写（所有字母都默认为小写字母
阅读全文
posted @
2020-09-14 17:41
小名香菜~
阅读(877)
推荐(0)
Css3新增的特性（2）
摘要：六 .CSS3 转换 CSS3 转换可以对元素进行移动、缩放、转动、拉长或拉伸。 （一）2D 转换 2D变换方法： translate() 【根据左(X轴)和顶部(Y轴)位置给定的参数，从当前元素位置移动】eg:{transform: translate(50px,100px)} rotate()
阅读全文
posted @
2020-09-14 11:18
小名香菜~
阅读(186)
推荐(0)
Css3新增的特性（1）
摘要：CSS3 模块 CSS3被拆分为"模块"。旧规范已拆分成小块，还增加了新的。 一些最重要CSS3模块如下： 选择器 盒模型 背景和边框 文字特效 2D/3D转换 动画 多列布局 用户界面 一. CSS3 边框 用 CSS3，你可以创建圆角边框，添加阴影框，并作为边界的形象而不使用设计程序。 边框属性
阅读全文
posted @
2020-09-14 10:41
小名香菜~
阅读(159)
推荐(0)
js 小技巧（1）
摘要：任何一门技术在实际中都会有一些属于自己的小技巧。同样的，在使用JavaScript时也有一些自己的小技巧，只不过很多时候有可能容易被大家忽略。而在互联网上，时不时的有很多同行朋友会总结（或收集）一些这方面的小技巧。作为一位JavaScript的菜鸟级的同学，更应该要留意这些小技巧，因为这些小技巧可以
阅读全文
posted @
2020-09-09 18:24
小名香菜~
阅读(134)
推荐(0)
js数组去重以及js数组字符串转成数字
摘要：js数组字符串与数字之间的转换 var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; arr.map(String); //结果： ['1', '2', '3', '4', '5', '6', '7', '8', '9'] var a = ['1', '2', '3', '4
阅读全文
posted @
2020-09-09 14:45
小名香菜~
阅读(511)
推荐(0)
js方法去掉字符串中的空格
摘要：（1）var card = '6222 0236 0209 9812 331'; var card = card.replace(/\s/g, "");//正则去掉字符串中所有空格 alert(card)；//输出 6222023602099812331 （2）String.trim()
阅读全文
posted @
2020-09-07 14:31
小名香菜~
阅读(152)
推荐(0)
js的7中语言类型详解
摘要：JavaScript 语言的每一个值都属于某一种数据类型。JavaScript 语言规定了 7 种语言类型。语言类型广泛用于变量、函数参数、表达式、函数返回值等场合。根据最新的语言标 准，这 7 种语言类型是： 1. Undefined； 2. Null； 3. Boolean； 4. String
阅读全文
posted @
2020-09-04 14:41
小名香菜~
阅读(697)
推荐(0)
css设置水平居中和css设置垂直居中
摘要：Css 实现垂直居中的8中方法？ （1）通过vertical-align:middle实现CSS垂直居中是最常使用的方法，但是有一点需要格外注意，vertical生效的前提是元素的display：inline-block。 （2）随着越来越多浏览器兼容CSS中的flexbox特性，所以现在通过“di
阅读全文
posted @
2020-09-03 09:38
小名香菜~
阅读(349)
推荐(0)
router在不建立二级组件的情况下，直接渲染出三级界面
摘要：const routes = [ { path: '/', // 一级路由 name: 'home', component: home, children: [ { path: '/AssetPortrait', // 二级路由 name: 'AssetPortrait', component: {
阅读全文
posted @
2020-09-02 14:15
小名香菜~
阅读(352)
推荐(0)
每日一刷（前端面试笔试题1）
摘要：Html：页面导入样式时，使用link和@import有什么区别？ 本质上，这两种方式都是为了加载CSS文件，但还是存在着细微的差别 1.老祖宗的差别。link属于XHTML标签，而@import完全是CSS提供的一种方式。link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定
阅读全文
posted @
2020-09-01 11:18
小名香菜~
阅读(165)
推荐(0)
浙公网安备 33010602011771号