- 博客(9)
- 收藏
- 关注
RSS订阅原创 Vue的ESLint配置
Vue的ESLint配置 常用规则 // “off”或0：不启用该规则。 // “warn”或1：违反时警告。 // “error”或2：违反时报错。 'rules': { "comma-dangle": ["error", "never"], //是否允许对象中出现结尾逗号 "no-cond-assign": 2, //条件语句的条件中不允许出现赋值运算符 "no-console": 2, //不允许出现console语句 "no-constant-cond
2021-03-24 10:20:56
195
原创 浅克隆与深克隆
浅克隆 一般实现数组克隆的方法都是浅克隆，直接将存储在栈中的值赋值给对应变量，如果是基本数据类型，则直接赋值对应的值，如果是引用类型，则赋值的是地址 方法 slice： let arr2 = arr1.slice(0); concat： let arr2 = arr1.concat(); 扩展运算符[…ary]： let arr2 = […arr1]; 深克隆 把数据赋值给对应的变量，从而产生一个与源数据不相干的新数据(数据地址已变化)。深克隆，是拷贝对象各个层级的属性。 方法 利用 JSON 数据格式：
2021-03-04 17:07:27
122
1
原创 js中call()、apply()、bind()的使用及实现
使用 call()、apply()、bind()都是用来改变this的指向的。 一、A.a.call(B, x, y) A是一个对象，a是对象A里的方法函数，x和y是a函数的参数，B也是一个对象，但对象B想调用对象A的a方法，那么call()的作用就是改变函数a的this指向，让函数a的this指向B，对象B就能调用a方法。 let A = { num: 1, a: function(x, y){ console.log('我是A对象的a方法,参数:', x, y, 'num:', th
2021-01-04 11:04:29
257
原创 使用vue自定义指令写工具函数
vue中有很多v- 前缀的特殊 attribute，这就是vue的指令。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。常见的vue指令有：v-bind、v-on、v-model、v-if、v-show等。但是有些时候vue内置的这些指令并不能满足我们的使用需求，因此vue也允许注册自定义指令，下面讲一下如何注册自定义指令。 一、定义： // 一、在创建根实例之前 即全局自定义指令 // 一个指令定义对象有如下几个钩子函数 // bind 只调用一次，指令第一次绑定到元素时调用
2020-12-30 18:45:38
387
原创 使用vue过滤器写工具函数
vue中的过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号=>’|'指示。 使用： <!-- 在双花括号中 --> {{ msg | msgFormat}} <!-- 在 `v-bind` 中 --> <div :msg="msg| msgFormat"></div> 定义： // 在创建根实例之前 即全局过滤器 Vue.filter('msgFormat', (m
2020-12-29 14:50:39
223
原创 js一次删除数组中的多个元素
js一次删除数组中的多个元素 在我们对一些列表项的数据进行操作时，经常会有删除多个列表项的情况，在不进行接口请求的情况下就需要我们前端进行删除然后缓存，下面介绍下删除数组中多个元素的方法 一、filter filter()方法会创建一个新数组，原数组的每个元素传入回调函数中，回调函数中有return返回值，若返回值为true，这个元素保存到新数组中；若返回值为false，则该元素不保存到新数组中；原数组不发生改变。 let list = [ { id: 1, name: 1, }, { i
2020-12-28 15:03:58
3341
1
原创 使用Generator函数做遍历器
使用Generator函数做遍历器 Generator 函数是 ES6 提供的一种异步编程解决方案，使用Generator 函数能够方便的解决很多异步遍历问题。 定义： // 1 定义 function* howToLaugh() { yield '嘿嘿'; yield '嘻嘻'; return '哈哈哈'; }; // 2 调用 // 调用但并不执行，返回的也不是函数运行结果，而是一个指向内部状态的指针对象 let laugh = howToLaugh(); // 3 next() // 必
2020-12-27 19:07:44
428
原创 css 两端对齐
css 两端对齐 当我们做筛选框的时候，有的时候会需要筛选文字两端对齐的情况，如图 文本的对齐方式大都是通过设置text-align来实现，text-align属性下有一个justify值可以设置元素的两端对齐。但是text-align: justify属性有一些不足之处： 在单行文本下，无法实现两端对齐效果。在多行文本下，无法实现最后一行文本的两端对齐效果。 解决方法的思路：由于在单行文本下和多行文本下最后一样无法实现两端对齐效果，因此给元素新增一行，即可实现justify的两个不足之处。 代码如下 &
2020-12-25 23:26:53
355
1
原创 键盘关闭后页面底部留白
键盘关闭后页面底部留白解决办法 点击输入框，当页面键盘弹起后，输入完内容点击确定，键盘关闭后会发现原本被键盘覆盖的dom区域都白屏了 解决办法 window.scrollTo(0, 0) // var input = document.getElementById('input') // input.blur() setTimeout(() => { // todo }, 100) ...
2020-12-24 21:05:38
344
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人