- 博客(12)
- 收藏
- 关注
RSS订阅原创 vue2 element button组件disabled属性初始化渲染失效问题记录
项目中个人喜欢用computed来管理button组件是否禁用，今天遇到一个情况，在template组件中应用了button组件，因此定义的disabled属性渲染失效，只有每次修改代码后的热重载才有效果。经过查阅需要给button组件添加一个key标识，成功解决问题。
2024-04-08 17:33:58
404
原创 浏览器开发者工具字体变动
今天浏览器更新后开发者工具的字体被改变了，不熟悉的字体怎么看怎么别扭，经过几十分钟的捣鼓总算恢复了。首先打开浏览器设置进入外观选项，点击自定义字体，宽度固定的字体就是开发者工具的字体。
2024-03-27 16:37:47
851
5
原创 查看vscode运行中插件
之后再保存编辑文件就特别慢，甚至能看到右下角vscode的提示 ‘正在报错.....正在格式化.....’。上网查阅发现可以通过打开命令面板(Ctrl + Shift + P)，并输入Show running extensions来查看所有你安装的正在运行的插件(不知道为啥没有profile项)。附上koroFileHeader插件的issue。最近新安装了一个新扩展。
2024-03-25 17:35:01
296
1
原创 vxe-table 遇到的BUG（vue2）
不过在结合Element UI的tab组件使用时vxe-table的自定义列的渲染会出现问题，由于这个页面有三个标签页，应该是需要三个vxe-table的组件，由于我的两个标签所需要渲染的表格数据是一样的字段，所以我就通过v-if来生成，这样有一个表格对应一个标签，有一个表格对应两个标签，想的挺好，但这么写就出现bug了。虽然这个自定义列渲染的问题解决了，但是还是觉得对应的表格还是写在对应的标签组件内比较规范。总体使用起来还是挺方便的，官网文档功能很多，但是在项目中使用的还是最常见的基础功能。
2023-09-16 18:24:24
562
1
原创 js数组扁平化的几种方式
0.es6新增的 Array.prototype.flat() 方法，创建一个新的数组，并根据指定深度递归地将所有子数组元素拼接到新的数组中。1.递归实现，遍历数组判断数组中的元素是否为数组，如果是那就把该元素递归拼接到新数组上并赋值给新数组，否则就把该元素添加到新数组上。它有一个参数，指定要提取嵌套数组的结构深度，默认值为 1；如果不管有多少层嵌套，都要转成一维数组，可以用。4.通过把数组转为字符串，然后以逗号分割为数组，再根据回调函数转成想要的数组。3.通过扩展运算符和while循环实现。
2023-07-11 18:04:26
512
原创 vue中的nextTick钩子
我们可以理解成，vue在更新DOM时是异步执行的。当数据发生变化，vue将开启一个异步更新队列，视图需要等队列中所有数据变化完成之后，再统一进行更新。什么是nextTick？在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。因此，当我们发现需要操作dom时，读取的数据是更新之前的，就需要使用到nextTick。可以看到数据包括视图都是更新后的，但获取的dom节点还是旧值。也可以利用await阻塞下方代码的特性来获取更新后的数据。使用nextTick。
2023-07-02 00:34:28
71
1
原创 js中判断对象是否为空的五种方法
4.JSON.stringfy() 对于 undefined、任意的函数以及 symbol 三个特殊的值分别作为对象属性的值、数组元素、单独的值时 JSON.stringify() 将返回不同的结果。
2023-06-28 21:19:12
1808
1
原创 用IntersectionObserver实现图片懒加载
构造函数来监听实现懒加载，它的参数是一个回调函数，其默认参数有个isIntersecting属性，可以通过这个属性来判断容器元素是否在可视区域内；为了减少网络请求，提升页面加速速度，可以使用懒加载来做优化。开始监听一个目标元素，停止监听特定目标元素。还可以通过js提供的。
2023-06-25 19:23:01
47
原创 created和mounted在什么情况下使用
换句话说，这些钩子中编写的代码都应该直接在setup函数中编写。1.created钩子中可以初始化数据或者发送ajax请求获取要渲染页面的数据，也是使用较多的生命周期钩子。2.mounted钩子中可以对dom节点进行操作，也可以插件或组件时进行操作，比如ECharts。created钩子，此时data与methods已经初始化，但是还没有编译模板。vue3中Composition API写法需要写在onMounted钩子中。mounted钩子，此时模板已经编译完成，并且挂载到了页面指定的容器中。
2023-06-20 00:00:00
141
原创 关于Generator 的个人理解
如果函数中没有 return ，则next方法可以继续迭代下去，value值为undefined，done为true；反之将return 语句后面的表达式的值，作为返回的对象的value属性值，done为true。执行Generator函数会返回一个遍历器对象，可以一次遍历Generator函数内部的每一个状态。通过调用 next 方法可以带一个参数，该参数就会被当作上一个 yield 表达式的返回值。形式上function关键字后跟一个 * ，函数内部使用yield表达式。
2023-06-19 00:00:00
33
原创 并列的两个盒子，一个有固定宽度，让另一个占满剩余宽度(grid、calc、外边距、flex)
grid：通过 grid-template-columns:(固定盒子的宽度)px auto 和 grid-column-gap:0 来实现。1.第一个盒子设置flot:left,第二个盒子设置flot:right,同时第二个盒子的宽度使用计算函数计算。外边距：给第一个的盒子设置flot:left，给第二个盒子设置一个左外边距，值为第一个盒子的宽度，第二个盒子宽度为auto。2.父级设置flex的情况下，第二个盒子的宽度直接使用计算函数即可。
2023-06-17 23:49:01
1056
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人