skaier-CSDN博客

原创 vue中修改数组的值什么情况下是响应式的

为什么在 vue 中直接修改数组的 length 属性或者直接修改数组中的某个值，无法更新视图。因为在 vue 源码中，只针对数组的方法做了额外的响应式处理，如push、pop、shift、unshift、splice、sort、reverse等方法，并没有针对数组的属性做相应的响应式处理。所以：vm.arr.push(100); 为响应式vm.arr[0]=100; 非响应式vm.arr.length=0; 非响应式那么后面的两种需要改成响应式的话，该怎么处理呢？如下：vm.arr.spli

2021-06-05 16:30:27 693

原创 react 报错 Property ‘updateForm‘ does not exist on type ‘JSX.IntrinsicElements‘.

问题描述：在使用 react 写项目时候遇到了一个错误。Property ‘updateForm’ does not exist on type ‘JSX.IntrinsicElements’.//UpdateForm 中代码： const updateForm: FC<UpdateFormProps> = (props) => { //业务逻辑省略 }; export default updateForm;//父级引用代码： import updateForm f

2021-05-23 11:53:11 1687

原创 addEventListener 的第三个参数capture、once、passive

做网页阅卷的时候，手机端打√×时候，页面会有抖动。解决方案在手机端加个锁定的按钮。 var lockflag = false; function movebody(e) { e.preventDefault(); } if (device.mobile()) { $('#lockbtn').show(); } $('#lockbtn').click(function () { if (lockflag) { lockflag = false;

2021-01-28 16:03:27 2593

原创 async、await 的基本用法和作用

async function 是 Promise 的语法糖的封装。返回的都是一个 Promise。使用async、await有以下基本作用：1、await 关键字可以“暂停” async function 的执行。// 下面代码中 finished 将会在500ms之后打印在控制台上async function (){ await interview(); console.log('finished');}function interview() { return new Promise

2020-11-24 14:34:40 1032

原创 javascript中shift()、unshift()、push()、pop() 数组操作

shift() 和 pop() 方法用来删除数组元素，并返回被删除元素的值。如果数组已经为空，shift() 和 pop() 方法将不做任何操作，并且返回 undefined 。不接受传参，即使传了参数也不会有任何作用。unshift() 和 push() 方法用来添加数组元素，并返回数组添加元素后的长度。shift() 和 unshift() 方法用来操作数组的第一个元素。pop() 和 push() 方法用来操作数组的末尾元素。shift()、unshift()、pop()、push() 方法均

2020-11-23 14:44:13 283

原创 Javascript中类的基本构建方法

ES6 中加入了新特性 class，那么在class关键字出现之前，类是如何定义的，以及他们如何转换为符合ES6的新写法呢？

2020-10-10 10:39:45 129

原创 javascript中的Number 、 parseInt 和 parseFloat函数区别

NumberNumber() 函数把对象的值转换为数字。语法： Number(object)。参数为对象。如果参数是 Date 对象，Number() 返回从 1970 年 1 月 1 日至今的毫秒数。如果对象的值无法转换为数字，那么 Number() 函数返回 NaN。注： Number(‘888 999’) 值为NaN。parseIntparseInt() 函数可解析一个字符串，并返回一个整数。语法： parseInt(string, radix)。第一个参数是要被解析的字符串。第二.

2020-10-09 15:21:30 269

原创 JS浮点数运算结果准确度解决

经常发现在javascript中，浮点数的运算会出现一些奇怪的结果。比如：0.02*1020=20.4000000000000020.1+0.2=0.30000000000000004这是因为有些数字转换为二进制之后是一段无限循环的数字，对无限循环的数据计算机会进行舍入处理。舍入处理之后再进行计算就会出现一些不准确的答案。解决思路一：toFixed(num)。在某些场景中可以使用toFixed(num)四舍五入保留指定个数的小数来解决这一问题。解决思路二：将小数转换为不需要计算机进行舍入处理的整数

2020-10-09 14:34:31 161

skaier的博客