摘要： 1. 创建一个新文件夹，里面用于放置项目。 2.从vscode中打开这个新文件夹位置，在终端中输入命令： npm create vite@latest // 会自动创建最新版本Vite的项目 接下来便是输入项目名——>选择vue框架——>选择ts开发 由此项目创建成功，但要注意的是node.js的版 阅读全文

摘要： 三种拖拽，三种机制 1️⃣ HTML5 原生 Drag & Drop（跨组件拖入） 场景：从左侧 Gallery 面板拖组件到画布上 原理：draggable="true" + dragstart/dragover/drop/dragend 关键：跨区域拖放，坐标从 drop 事件的 offsetX 阅读全文

摘要： 从输入 URL 到页面显示，浏览器干了这些事： 一、整体流程 HTML 文本 ↓ 解析 HTML → DOM 树 ↓ 解析 CSS → CSSOM 树 ↓ DOM + CSSOM → Render 树（渲染树） ↓ Layout（布局/回流）→ 计算每个元素的位置和大小 ↓ Paint（绘制/重绘） 阅读全文

摘要： 定义 函数嵌套，内部函数使用了外部函数的变量，并且外部函数返回了内部函数，就把这个使用外部函数变量的内部函数成为闭包。 构成条件 1.函数嵌套 2.内部函数使用了外部函数的变量（包括外部函数的参数） 3.外部函数返回内部函数 function outerFunction() { let outerV 阅读全文

摘要： 一、迭代方法（对数组每一项都运行） 每个方法接受两个参数（以每一项为参数运行的函数， 作为函数运行上下文的作用域对象（可选）） 传给每个方法的函数接收三个参数（数组元素，元素索引，数组本身） 1.filter()：函数返回true的项会组成数组后返回。（过滤函数，将数组中满足条件的项组成新数组后返回 阅读全文

摘要： 1.数组 let [a, b, c] = [12, 5, 6] //右边是数据，左边是解构 cosole.log(a,b,c) //12 5 6 let [a,b,c] = [12,[5,6]]; //右边是你的数据,左边是你的解构 console.log(a,b,c); // 12, [5,6], 阅读全文

摘要： Object.keys(obj) 参数：要返回其枚举自身属性的对象 返回：一个表示给定对象的所有可枚举属性的字符串数组 let obj = { name:'张三', age:18, address:'xxx', phone:111 } console.log(Object.keys(obj)) // 阅读全文

摘要： 1.严格相等（indexOf()、lastIndexOf()、includes()） 这三个方法都接受两个参数（要查找的元素、可选的起始搜索位置）indexOf()、includes()从数组第一项往后搜索，lastIndexOf()从数组最后一项往前开始搜索 indexOf与lastIndexOf 阅读全文

摘要： 在以下情况下，会用到nextTick： 1.在数据变化后执行的某个操作，而这个操作需要使用随数据变化而变化的DOM结构的时候，这个操作就需要方法在nextTick()的回调函数中。 2.在vue生命周期中，如果在created()钩子进行DOM操作，也一定要放在nextTick()的回调函数中。 因 阅读全文

摘要： 一：数组增减 1.push：往数组的末尾添加元素，方法返回的是最新数组长度。 2.pop：删除数组的最后一项，方法返回的是被删除的项。 3.shift：删除数组的第一项，方法返回的是被删除的那一项。 4.unshift：往数组的开头添加元素，方法返回数组最新长度。 let corlors = new 阅读全文