2026年2月28日
javascript中mouseenter和mouseover有什么区别?
摘要： 核心区别：冒泡行为 + 触发时机 是否支持事件冒泡： mouseover‌：‌支持冒泡‌。如果鼠标从父元素移动到子元素，父元素的 mouseover 事件会再次触发。 ‌mouseenter‌：‌不支持冒泡‌。即使鼠标在目标元素的子元素间移动，mouseenter 事件也不会重复触发。 触发时机差异 阅读全文
posted @ 2026-02-28 15:23 口木秋子 阅读(6) 评论(0) 推荐(0)
javascript中不会冒泡的事件有哪些?
摘要： 焦点相关事件‌，这类事件仅作用于获取 / 失去焦点的元素本身，不会向上传播。focus：元素获得焦点时触发。blur：元素失去焦点时触发。注意：它们有对应的冒泡版本 focusin 和 focusout，可替代用于事件委托。鼠标进入/离开事件‌。mouseenter：鼠标进入元素时触发。mousel 阅读全文
posted @ 2026-02-28 15:00 口木秋子 阅读(6) 评论(0) 推荐(0)
2022年4月2日
一元操作符
摘要： 递增递减操作符包含： 前置型：即位于要操作的变量之前；后置型：即位于要操作的变量之后。区别是：后置型是他们的语句被求值之后在执行； var num = 1; var sum = ++num; console.log(sum); //sum 的值为 2 因为 ++num 为前置型；所以会先 num 自 阅读全文
posted @ 2022-04-02 15:44 口木秋子 阅读(95) 评论(0) 推荐(0)
2022年1月17日
收集正则表达式
摘要： 正则表达式将数字按千分位分割 let numInthousandsReg = /(?!^)(?=(\d{3})+$)/g '1234567'.replace(numInthousandsReg , ',') // '1,234,567' Intl 对象是 ECMAScript 国际化 API 的一个 阅读全文
posted @ 2022-01-17 15:02 口木秋子 阅读(72) 评论(0) 推荐(0)
2022年1月13日
前端调试报错
摘要： RangeError: Maximum call stack size exceeded 含义：超出了最大的堆栈大小 在使用递归时消耗大量堆栈，导致浏览器抛出错误，因为浏览器给分配的内存不是无限的。 ReferenceError: "x" is not defined 含义：“x”未定义 当你引用一 阅读全文
posted @ 2022-01-13 17:50 口木秋子 阅读(343) 评论(0) 推荐(0)
Vue3 和 Vue2 的响应式原理区别
摘要： Vue2 响应式是通过 Object.defineProperty() 劫持各个属性 getter 和 setter，在数据变化时发布消息给订阅者，触发相应的监听回调。 存在几个问题： 初始化时需要遍历对象所有 key，如果对象层次较深，性能不好 通知更新过程需要维护大量 dep 实例和 watch 阅读全文
posted @ 2022-01-13 16:54 口木秋子 阅读(324) 评论(0) 推荐(0)
Vue3 大致的变化
摘要： 新增了三个组件： Fragment 支持多个根节点； Suspense 可以在组件渲染之前的等待时间显示指定内容； Teleport 可以让子组件能够在视觉上跳出父组件(如父组件overflow:hidden) 新增指令 v-memo，可以缓存 html 模板，比如 v-for 列表不会变化的就缓存 阅读全文
posted @ 2022-01-13 16:39 口木秋子 阅读(192) 评论(0) 推荐(0)
vue3中watch的使用
摘要： <template> <div> <div>{{ girl }}</div> <div>{{ boy }}</div> <button @click="changeSex">changeSex</button> </div> </template> <script > import { reacti 阅读全文
posted @ 2022-01-13 16:10 口木秋子 阅读(1679) 评论(0) 推荐(0)
vue3.x的生命周期和钩子函数
摘要： setup() :开始创建组件之前，在beforeCreate和created之前执行。创建的是data和method onBeforeMount() : 组件挂载到节点上之前执行的函数。 onMounted() : 组件挂载完成后执行的函数。 onBeforeUpdate(): 组件更新之前执行的 阅读全文
posted @ 2022-01-13 11:10 口木秋子 阅读(590) 评论(0) 推荐(0)
toRefs()
摘要： <template> <div> <div>{{ classname }}</div> <button @click="changeClassname">change语言名称</button> </div> </template> <script > import { reactive, toRef 阅读全文
posted @ 2022-01-13 11:06 口木秋子 阅读(116) 评论(0) 推荐(0)