Jude's blog

首页

关于

归档

js

128、map和forEach

Array.prototype.map() map() 方法创建一个新数组,这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成。(每个元素都是回调函数的返回值) 1、语法 map(callbackFn) map(callbackFn,thisArg) 参数: ​ callbackFn: 为数组中的每个元素执行的函数。它的返回值作为一个元素被添加为新数组中。该函数被调用时将传入以下参数:(1)element:数组中当前正在处理的元素(2)index:正在处理的元素在数组中的索引(3)array:调用 map()的数组本身。 ​ thisArg: 执行 callbackFn 时用作 this 的值 map()是一个迭代方法。为数组中每一个元素调用一次提供的 callbackFn 函数,并..

更多
vue3

127、《Vuejs设计与实现》- 霍春阳:vue.js 3设计思路(四)-响应式系统

一、响应式数据和副作用函数副作用函数是指那些产生副作用的函数: 123function effect() { document.body.innerText = 'hello vue3'} 执行 effect 函数时,它会设置 body 的文本内容,这种更改可以被其他任何函数读取或设置。因此,effect 的执行会直接或间接影响其他函数的执行,这就是它产生副作用的地方。副作用很容易产生,比如修改一个全局变量: 123456// 全局变量let val = 1function effect() { val = 2 // 更改全局变量,产生副作用} 理解了副作用函数后,我们再来看看响应式数据是什么。设想在一个副作用函数中读取了某个对象的属性: 123456co..

更多
vue2

124、vue2利用require.context批量引入实现自动注册

使用 require.context 进行批量导入,不仅可以减少代码, 后期添加新的文件不用在挨个引入。如果你恰好使用了 webpack (或在内部使用了 webpack 的 Vue CLI 3+),那么就可以使用 require.context 只全局注册这些非常通用的基础组件。注意:全局注册的行为必须在根 Vue 实例 (通过 new Vue) 创建之前发生。

更多
123427