- 博客(5)
- 收藏
- 关注
RSS订阅原创 iView Table使用render插入Input实现编辑表格
最近因为偷懒使用了更多的render而不是slot写法，现在记录一下。定义一个data数组来存储表格的数据，其中每个对象都有keyname, 和value属性。columns数组定义了表格的列，其中Value列使用了render函数来渲染Input组件。通过props来绑定当前行的value到Input组件，并监听on-change事件来更新数据。当表格渲染时，Input组件会显示相应的数据，并且用户的修改会实时反映在data数组中。
2024-04-28 11:34:45
503
原创 Vue为什么需要设置虚拟DOM
问到为什么Vue需要设置虚拟DOM，一般大家会直接回答这是为了性能优化。但直接精准找到需要变动的地方，再使用JS操作DOM难道不是效率更高吗？显然性能优化并不能很好解答这个问题。虽然直接操作DOM可能在某些情况下更高效，但Vue的虚拟DOM机制在大多数情况下提供了更好的性能、跨平台兼容性、开发效率和可维护性，因此被广泛使用。当然，Vue也提供了一些API，允许在需要的情况下直接访问和操作真实DOM，以满足特定的需求。但这种操作通常应该保持最小，以避免降低性能和引入不必要的复杂性。
2023-09-06 15:15:40
322
原创 Object.hasOwnProperty.call的定义及使用方法
然而，当使用 `hasOwnProperty` 方法检查属性时，它只关心对象自身的属性，因此 `myObject.hasOwnProperty("sharedProperty")` 返回 `false`，尽管实际上 `sharedProperty` 在对象中是存在的。如果直接使用person.hasOwnProperty("name")来检查属性，当person对象的原型链上有名为"name"的属性时，将会导致误判。如果不谨慎，可能会在原型链上找到与期望的属性同名的属性。
2023-09-06 09:32:05
1083
原创 解决vue中使用swiper 同时设置loop和slidesPerView时 点击事件失效问题
在实际运用swiper轮播图插件时，有时会出现需要同时使用loop: true和两种属性的情况。此时，会出现点击事件失效问题，主要原因是loop: true会产生复制的slide，而在“假的”slide上正常绑定的点击事件无法生效。解决点击事件失效问题的关键，在于获取真实的index以及设置属性。
2022-11-24 19:54:15
6726
原创 CSS backdrop-filter 实现毛玻璃效果 无需定位裁剪图片
利用伪类+CSS实现毛玻璃效果，无需将图片进行叠层或裁减。backdrop-filter是一种CSS属性，可以为一个元素后面区域添加图形效果（如模糊或颜色偏移）。不兼容于IE。
2022-08-08 14:49:23
941
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人