摘要：
html <div v-for="(layer, index) in layerList" :key="layer.id" class="layer-item"> <div>{{ layer.name }}</div> </div> JavaScript 解决方案 1 ： 给 state 增加 co 阅读全文
摘要：
报错信息如下： Vue received a Component which was made a reactive object. This can lead to unnecessary performance overhead, and should be avoided by marking 阅读全文
摘要：
背景 实际开发项目中，有些时候我们需要通过全局注册多个自定义组件，但是每个组件都导入一次，将会导致代码很冗余。 实现方案 customComponents/index.js const modules = import.meta.glob("@/customComponents/*.vue"); c 阅读全文
摘要：
在开发的过程中，外层盒子高度不确定的情况下，想要跟内层图片高度保持一致，内层图片高度设为width:100%;height:auto;外层box高度也是width:100%;height:auto.为什么会比图片本身到高度超出去一部分呢？外层box如何可以跟内层不确定高度的图片高度保持一致呢？ <! 阅读全文
摘要：
背景 在 vue3 中，如果使用 component，可以动态加载一个组件，例如 <!-- 直接创建 --> <component :is="Image" /> 这样会将已经定义好并导入的比如 Image 组件加载出来，但是如果将需要展示的自定义组件放在一个数组中，遍历展示，则无法展示成功。 <!- 阅读全文
摘要：
function foo(){ console.log(a) } function bar(){ var a = 2; foo(); } var a=1; bar(); 请说出上题最终会输出 a= ? 解析：词法作用域让 foo() 中的 a 通过 RHS 引用用到了全局作用域中的 a，因此会输出 阅读全文
摘要：
在日常开发中，我们经常会用到 escape 和 encodeURI 和 encodeURIComponent 这三个方法对 url 或某些字符串进行转义，那这三个方法有什么区别呢？ escape 官方文档：https://developer.mozilla.org/zh-CN/docs/Web/Ja 阅读全文
摘要：
foo(); var a=true; if(a){ function foo(params) { console.log("a") } }else{ function foo(params) { console.log("b") } } 思考下，上面代码执行会输出什么？ 再看下面的👇🏻执行会输出 阅读全文
摘要：
给定一个长度为 n 的整数数组 height 。有 n 条垂线，第 i 条线的两个端点是 (i, 0) 和 (i, height[i]) 。 找出其中的两条线，使得它们与 x 轴共同构成的容器可以容纳最多的水。 返回容器可以储存的最大水量。 说明：你不能倾斜容器。 示例 1： 输入：[1,8,6,2 阅读全文
摘要：
isNaN(parseFloat(value)) && isFinite(value); 参考链接：https://blog.csdn.net/qq_23365135/article/details/123833406 阅读全文
摘要：
flat 函数第一个参数为需要扁平化的数组，第二个参数为需要打平的层数，默认不传则打平一层，传入几则代表打平几层。 测试用例 const arr = [1, [2], [3, [4, [5]]]]; console.log(flat(arr)); // [1, 2, 3, [4,[5]]] cons 阅读全文
摘要：
在 vue 中，如果想在页面中展示格式化后的 json 数据，首先需要先将 json 字符串转化为 json 对象，而后通过 pre 标签 插值即可展示。代码示例如下： <script setup lang="ts"> import { ref } from "vue"; const jsonVal 阅读全文
摘要：
创建二维响应式数组 const caculatorList = ref([[] as caculatorType[]]); 赋值 caculatorList.value = [ [ { value: "0", type: "number", bgColor: "#aaa" }, { value: " 阅读全文
摘要：
子路由的地址如果是希望拼接父路由地址，子路由的 path 仅写名称，不写 “/”，如果希望是另外的地址，则直接以 “/” 开头。 { path: "/lifetools", name: "lifetools", component: () => import(/* webpackChunkName: 阅读全文
摘要：
vite中导入基础样式文件，以供在全局下直接使用全局 less 变量，否则会报错 undefined 先新建 base.less 文件，定义基础样式变量 在 vite.config.ts 下 添加配置 import { defineConfig } from "vite"; import vue f 阅读全文
摘要：
<script setup lang="ts"> import { ref, onMounted } from "vue"; onMounted(() => { transferTextarea.value.textarea.select(); }); </script> <el-input v-m 阅读全文
摘要：
1 .原生js获取 DOM 节点 document.querySelector(选择器) document.getElementById(id选择器) document.getElementsByClassName(class选择器) .... 2. vue2中获取当前组件的实例对象 因为每个 vu 阅读全文
摘要：
vite.config.ts import { resolve } from "path"; export default defineConfig({ resolve: { alias: { "@": resolve(__dirname, "./src"), //把 src 的别名设置为 @ }, 阅读全文
摘要：
vue3 中如何实现数组响应式，即数据更改，页面实时更新？ type dateObj = { title: String; days: Number; date: String; }; 方法一：ref let dataList = ref([] as dateObj[]); // 通过 dataLi 阅读全文
摘要：
1.Date.parse() 参考自文档：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date/parse Date.parse() 方法解析一个表示某个日期的字符串，并返回从 19 阅读全文
