- 博客(16)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 Vue中computed解析&computed与methods有什么区别？
同时，methods中的方法不保存在缓存中，所以每次刷新或是有任何改变都要重新调用，但是computed存在缓存中，只有其依赖的属性改变时才会调用，例如这里只有name或age改变时才调用nameAndAge。computed是计算属性，他返回的值也作为属性存在vm下面，但是和data里面的属性区别的是computed里面的属性是后计算出来的，没有数据代理。中的使用我们也可以看出computed中的是作为属性在用，但是如果nameAndAge是methods里面的方法，这里就要这样调用。
2022-08-20 15:56:31
777
原创 Vue的data之数据代理
所以我们可以在Vue中通过this.name获取到name，因为它通过数据代理挂载到了vue实例对象vm下面且this指向vm。这里通过Object.defineProperty()方法中的getter和setter方法进行监听，当name被获取的是否getter方法触发，当name被修改时setter方法触发。data就是Vue中装数据的地方，作为MVVM模式的M存在，它是Vue构造函数的参数对象里面的一个属性，也可以说是一个配置项。我们看到很长一串东西，这里面有个_data，它就是Vue中的data。
2022-08-20 15:00:19
733
原创 ES6新增class类以及继承相关知识
文章目录一、class类是什么？二、class类的构造函数三、class类中的方法四、static静态方法五、class类继承在ES6当中，我们不再使用ES5的类，像寄生组合式这种的，因为很麻烦，代码量大且不容易理解，在开发中我们更倾向于使用ES6新增的class类，尤其是当你编写TS代码时。...
2022-08-16 12:41:13
288
原创 什么是箭头函数？它与普通函数有什么区别？
普通函数是这样的：箭头函数是这样的：他不需要function去声明，它更像是一个即时的函数，或者说匿名函数。而且，如果参数只有一个，()可以省略，如果代码只有一行，{}可以省略。就像这样:这里相当于return a*2;相比于普通函数，箭头函数更简洁，有更高的易读性。但是使用箭头函数有很多限制，下面我们一 一举例：看看这段代码的输出：这里说明，对于普通函数，它的this指向调用时所在的对象，对于箭头函数是没有this的，它的this要从上下文进行获取，所以箭头函数的this指向声明这个箭头
2022-06-27 18:14:13
1510
原创 js数组遍历相关方法
这与C语言，C++，JAVA很像，就是普通的数组for循环遍历。特点：没有返回值，只是针对每个元素调用function。forEach()方法接受一个函数作为参数，一般用箭头函数。可以看出这个箭头函数可接受三个参数，这三个参数分别表示：element：遍历数组的当前元素。index：当前元素的索引。self：被遍历的数组。这段代码可以说明forEach是没有返回值的。特点：返回新的Array，Array中每个元素为调用function的结果。可以看出，map()方法里面也接受一个函数作为参
2022-06-26 14:34:37
2200
原创 ES6对字符串的扩展&模板字符串
一、模板字符串1.支持换行2.支持变量二、indexOf（）三、lastIndexOf（）四、includes（）五、startsWith（）六、endsWith（）七、repeat（n）
2022-06-25 15:20:05
299
原创 ES6对数组的一些扩展（简单版）
作用：将类数组转换为数组。像数组去重我们可以用到这个方法。这里Set方法负责去重，Array.from()负责将Set类数组转为数组。其实我们也可以用扩展运算符：这样是不是更简单些。如果大家感兴趣或对扩展运算符不是很了解可以看看我写的：js扩展运算符作用：将一组值转换为数组。像这两行代码输出结果为：这里就是将这组值以逗号为分隔符转为了数组。作用：使用给定值填充数组，改变原数组。value:填充的值从start填充到end（包含start不包含end）start/end是对应数组的下标.
2022-06-25 13:47:38
170
原创 ES6对数值的扩展（Number方法的扩展）
Number.isFinite( ) 检查一个数值是否为有限的Number.isFinite( )与全局下isFinite( ) 的区别Number.isNaN( ) 检查一个值是否为NaNNumber.parseInt( ) 返回一个整数Number.parseFloat( ) 返回一个浮点数Number.isInteger( ) 判断一个数值是否为整数Math下方法......
2022-06-25 00:22:29
414
原创 JavaScript解构赋值有什么用？
解构赋值是什么？就是从数组或者对象中取出部分成员的方法。顾名思义就是先解构数组或者对象，再将解构出来的部分成员赋值。控制台结果：我们也可以对数组进行部分解构赋值：这里解构赋值的结果就是按arr数组的顺序来的这里解构赋值的结果和数组一样按顺序来的,只不过数组要用[]，对象要用{}。但是我们可不可以不用原来对象，即这里的obj中的键名，进行解构赋值呢？答案是不行。那如果我们不想用原来的key名来接受这个值该怎么办呢？我们可以起别名像这样我们就可以用我们想要的key名来接受这个值啦是
2022-06-24 14:55:02
312
原创 js扩展运算符
什么是扩展运算符？答： 这个东西 -> …那它有什么用？（往下瞅）像这里这么使用，输出的arr1数组将会和arr数组完全一样但是这里是深复制还是浅复制呢？控制台输出结果：显然，改变arr的值后，arr1的值并没有被改变，所以是深复制像这种属于按位置插入式合并其实更像合并的是：是不是突然感觉好实用？等会还没完！！！举个常见的栗子：对于数组去重问题（去掉数组中所有相同的元素），我们可以用Set方法来实现。一般情况下我们会这样：这里Set负责去重，Array.from负责将Set类数组
2022-06-24 00:41:32
306
原创 js修改this指向--call、apply、bind
为什么要修改this？？？修改this的三个方法：1.call 2.apply 3.bind他们有什么区别？？？
2022-06-13 17:41:32
166
CSS3实现3D简单动画旋转正方体--海绵宝宝转圈圈
2022-06-10
JavaScript-HTML-css实现算法可视化
2022-04-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人