等我披风落下-CSDN博客

原创 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 170

原创浅克隆与深克隆

浅克隆一般实现数组克隆的方法都是浅克隆，直接将存储在栈中的值赋值给对应变量，如果是基本数据类型，则直接赋值对应的值，如果是引用类型，则赋值的是地址方法slice：let arr2 = arr1.slice(0);concat：let arr2 = arr1.concat();扩展运算符[…ary]：let arr2 = […arr1];深克隆把数据赋值给对应的变量，从而产生一个与源数据不相干的新数据(数据地址已变化)。深克隆，是拷贝对象各个层级的属性。方法利用 JSON 数据格式：

2021-03-04 17:07:27 107 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 228

原创使用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 363

原创使用vue过滤器写工具函数

vue中的过滤器可以用在两个地方：双花括号插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号=>’|'指示。使用：{{ msg | msgFormat}}<div :msg="msg| msgFormat"></div>定义：// 在创建根实例之前即全局过滤器Vue.filter('msgFormat', (m

2020-12-29 14:50:39 210

原创 js一次删除数组中的多个元素

js一次删除数组中的多个元素在我们对一些列表项的数据进行操作时，经常会有删除多个列表项的情况，在不进行接口请求的情况下就需要我们前端进行删除然后缓存，下面介绍下删除数组中多个元素的方法一、filterfilter()方法会创建一个新数组，原数组的每个元素传入回调函数中，回调函数中有return返回值，若返回值为true，这个元素保存到新数组中；若返回值为false，则该元素不保存到新数组中；原数组不发生改变。let list = [ { id: 1, name: 1, }, { i

2020-12-28 15:03:58 3288 1

原创使用Generator函数做遍历器

使用Generator函数做遍历器Generator 函数是 ES6 提供的一种异步编程解决方案，使用Generator 函数能够方便的解决很多异步遍历问题。定义：// 1 定义function* howToLaugh() { yield '嘿嘿'; yield '嘻嘻'; return '哈哈哈';};// 2 调用// 调用但并不执行，返回的也不是函数运行结果，而是一个指向内部状态的指针对象let laugh = howToLaugh(); // 3 next()// 必

2020-12-27 19:07:44 408

原创 css 两端对齐

css 两端对齐当我们做筛选框的时候，有的时候会需要筛选文字两端对齐的情况，如图文本的对齐方式大都是通过设置text-align来实现，text-align属性下有一个justify值可以设置元素的两端对齐。但是text-align: justify属性有一些不足之处：在单行文本下，无法实现两端对齐效果。在多行文本下，无法实现最后一行文本的两端对齐效果。解决方法的思路：由于在单行文本下和多行文本下最后一样无法实现两端对齐效果，因此给元素新增一行，即可实现justify的两个不足之处。代码如下&

2020-12-25 23:26:53 326 1

原创键盘关闭后页面底部留白

键盘关闭后页面底部留白解决办法点击输入框，当页面键盘弹起后，输入完内容点击确定，键盘关闭后会发现原本被键盘覆盖的dom区域都白屏了解决办法window.scrollTo(0, 0) // var input = document.getElementById('input')// input.blur()setTimeout(() => { // todo}, 100)...

2020-12-24 21:05:38 311

星海、山河的博客