个人技术分享

FormField是一个包装器小部件，它将输入字段、验证逻辑和值更新结合在一起。它是一个通用的表单字段小部件，可以与任何类型的输入小部件（如CheckboxSlider等）配合使用。FormField：字段的初始值。onSaved：当表单保存时调用的回调。onChanged：当字段值改变时调用的回调。validator：验证字段值的回调。：是否自动验证字段值。},value');},

reduce方法非常强大，适用于各种需要将数组汇总为单个值的操作。通过提供一个初始值，reduce可以灵活地处理数组的不同类型的数据和复杂的逻辑。掌握reduce方法有助于编写简洁、高效的 JavaScript 代码。要手写一个reduce函数，可以按照的规范来实现。我们的reduce函数将接受两个参数：一个回调函数和一个可选的初始值。回调函数会在数组的每一个元素上执行，并传入累积器、当前值、当前索引和数组本身。最后，我们的reduce函数会返回累积的结果。以下是手写reduce。

NodeJS（Ⅱ）

v-bind

在进行性能测试（压测）时，是否过滤掉对JavaScript、CSS等静态资源的请求，取决于你测试的目标和目的。是测试服务端的性能还是前端的性能。

5. 使用iconfont 使用 iconfont 有两种方式， 一种是 class 方式， 一种是使用 unicode 的方式。5.2 使用 unicode 的方式。5.1 使用 class 的方式。

由于uni-rate组件的size属性的值类型为number，但是上述代码使用的是字符串，因此不符合组件的使用规则，因此会导致@change事件失效。像上边提供的代码的话，会导致鼠标划过或者点击的时候不会触发onChange是事件。由于size只能是数字，且默认为px，所以不能设置为响应式的，希望官方能改进一下。评分组件，多用于购买商品后，对商品进行评价等场景。如果有谁有解决方案，还请发在评论区借鉴一下。

el-input 自动获取焦点

直接从官网复制来的代码是 onReady 函数，而 vue 组件会让 uniapp 的生命周期函数失效

但是为什么会出现这个情况呢：原来是Vue在编译模板时，会对静态内容进行优化，将其提升为静态渲染，以提高性能。当我们用slot="header"来定义表头时，Vue会将其视为静态内容，不会进行响应式更新。动态插槽会被Vue处理为响应式的内容，当数据变化时，Vue会重新渲染插槽内容，并将其更新到对应的位置上。这样就实现了自动更新。显示是显示出来了，但是数据是最开始默认的，不会更新，后来我搜索到方法，说讲将slot=“header” 改成#header，改了之后的确可以显示了。

/时间范围必须大于今天。// text: '12小时',// text: '1小时',// text: '3小时',// text: '6小时',// text: '15天',// text: '31天',// text: '1天',// text: '3天',// text: '7天',

从另一方面来说，由于可以通过保持属性引用稳定来避免子组件的重渲染，那么我们应该细分组件来尽量避免多余的渲染（只要组件对应的对象 地址不发生改变，则不会重新渲染）。当使用v-mode1绑定一个表单项时，当用户改变表单项的状态时，也会随之改变数据，从而导致vue发生重渲染(rerender)，这会带来一些性能的开销。我们可以通过使用lazy或不使用v-model的方式解决该问题，但要注意，这样可能会导致在某一个时间段内数据和表单项的值是不一致的。但是这种也会存在问题，就是数据不是实时的。

先将nodejs的版本切换到18：接着，使用webstorm打开这个刚创建的项目：添加一个npm run start的配置：通过start启动服务：浏览器访问：http://localhost:3000/

勾选或清除复选框时，计数器状态不会重置。它是同一位置的相同组件，所以从 React 的角度来看，它是相同的计数器。同一位置的相同组件保留状态。

element 表格滚动条滑动，表格错位

/ 输入框输入事件。

在这个例子中，`person.sayHi()`是一个普通的函数，它的`this`指向`person`对象本身，因此输出结果为`Hi, my name is John`。而`person.sayHiArrow()`是一个箭头函数，它的`this`指向的是定义该函数时所在的作用域，也就是全局作用域。在这个例子中，getName方法返回一个箭头函数，而这个箭头函数中的this指向的是它定义时所在的作用域obj的this，也就是指向对象obj。在全局环境下定义箭头函数，它的this指向的是全局对象 window。

NodeJS（Ⅱ）

1.html5新特性。

vue3中在elementplus多行表格中渲染多图数组中首图的显示问题，作用域插槽写法问题在vue3中使用elementplus的el-table组件的时候，此时我在vue生命周期中挂载时获取了到服务器了数据，这个数据是一个多个对象的数组，各个对象又包括了图片数组，此时我想在表格上的每一行渲染图片的首图，也就是下标为0的图片，但是出现图片无法正常显示。出现Property "scope" was accessed during render but is not defined on instance.