03 2023 档案

摘要:html <div v-for="(layer, index) in layerList" :key="layer.id" class="layer-item"> <div>{{ layer.name }}</div> </div> JavaScript 解决方案 1 : 给 state 增加 co 阅读全文
posted @ 2023-03-28 12:48 蓓蕾心晴 阅读(1642) 评论(0) 推荐(0) 编辑
摘要:报错信息如下: Vue received a Component which was made a reactive object. This can lead to unnecessary performance overhead, and should be avoided by marking 阅读全文
posted @ 2023-03-24 17:59 蓓蕾心晴 阅读(3939) 评论(0) 推荐(0) 编辑
摘要:背景 实际开发项目中,有些时候我们需要通过全局注册多个自定义组件,但是每个组件都导入一次,将会导致代码很冗余。 实现方案 customComponents/index.js const modules = import.meta.glob("@/customComponents/*.vue"); c 阅读全文
posted @ 2023-03-24 15:02 蓓蕾心晴 阅读(1991) 评论(0) 推荐(0) 编辑
摘要:在开发的过程中,外层盒子高度不确定的情况下,想要跟内层图片高度保持一致,内层图片高度设为width:100%;height:auto;外层box高度也是width:100%;height:auto.为什么会比图片本身到高度超出去一部分呢?外层box如何可以跟内层不确定高度的图片高度保持一致呢? <! 阅读全文
posted @ 2023-03-24 11:40 蓓蕾心晴 阅读(155) 评论(0) 推荐(0) 编辑
摘要:背景 在 vue3 中,如果使用 component,可以动态加载一个组件,例如 <!-- 直接创建 --> <component :is="Image" /> 这样会将已经定义好并导入的比如 Image 组件加载出来,但是如果将需要展示的自定义组件放在一个数组中,遍历展示,则无法展示成功。 <!- 阅读全文
posted @ 2023-03-23 14:15 蓓蕾心晴 阅读(3546) 评论(0) 推荐(1) 编辑
摘要:function foo(){ console.log(a) } function bar(){ var a = 2; foo(); } var a=1; bar(); 请说出上题最终会输出 a= ? 解析:词法作用域让 foo() 中的 a 通过 RHS 引用用到了全局作用域中的 a,因此会输出 阅读全文
posted @ 2023-03-21 13:55 蓓蕾心晴 阅读(16) 评论(0) 推荐(0) 编辑
摘要:在日常开发中,我们经常会用到 escape 和 encodeURI 和 encodeURIComponent 这三个方法对 url 或某些字符串进行转义,那这三个方法有什么区别呢? escape 官方文档:https://developer.mozilla.org/zh-CN/docs/Web/Ja 阅读全文
posted @ 2023-03-09 17:39 蓓蕾心晴 阅读(176) 评论(0) 推荐(0) 编辑
摘要:foo(); var a=true; if(a){ function foo(params) { console.log("a") } }else{ function foo(params) { console.log("b") } } 思考下,上面代码执行会输出什么? 再看下面的👇🏻执行会输出 阅读全文
posted @ 2023-03-07 12:41 蓓蕾心晴 阅读(26) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示