vue 面试,源码
distantimg
这个作者很懒,什么都没留下…
展开
-
前端报错 Maximum call stack size exceeded解决办法
分析1,递归函数报错(构造函数进行多次观测挂载observerArray函数和walk函数)2.数组长度太大,造成了栈溢出。于是将Options数组长度减少到1000,也可以引起这种报错具体案例原创 2022-04-19 14:21:15 · 4022 阅读 · 0 评论 -
写 React / Vue 项目时为什么要在列表组件中写 key,其作用是什么
当 Vue 正在更新使用 v-for 渲染的元素列表时,它默认使用“就地更新”的策略。如果数据项的顺序被改变,Vue 将不会移动 DOM。 元素来匹配数据项的顺序,而是就地更新每个元素,并且确保它们在每个索引位置正确渲染。这个类似 Vue 1.x 的 track-by="$index"。这个默认的模式是高效的,但是只适用于不依赖子组件状态或临时 DOM 状态 (例如:表单输入值) 的列表渲染输出。避免对节点「就地复用」需要修改的节点位置没有改变,是内容更新了,这虽然提高了复用性能,但是往往在复.原创 2021-01-23 10:54:03 · 129 阅读 · 0 评论 -
react-router 里的 routerLink标签和a 标签有什么区别
先看Link点击事件handleClick部分源码 if (_this.props.onClick) _this.props.onClick(event); if (!event.defaultPrevented && // onClick prevented default event.button === 0 && // ignore everything but left clicks !_this.props.targ原创 2021-01-23 10:51:42 · 838 阅读 · 0 评论 -
VUE首页加载过慢
VUE首页加载过慢,其原因是因为它是一个单页应用,需要将所有需要的资源都下载到浏览器端并解析。考虑解决办法1.使用首屏SSR + 跳转SPA方式来优化2.改单页应用为多页应用,需要修改webpack的entry3.CDN资源还是很重要的,最好分开,也能减少一些不必要的资源损耗4.骨架屏这种的用户体验的东西一定要上5.合理使用缓存...原创 2021-01-23 10:47:00 · 216 阅读 · 0 评论 -
nextTick原理
<template> <div> <div>{{number}}</div> <div @click="handleClick">click</div> </div></template>export default { data () { return { number: 0 }; }, methods:原创 2021-01-23 10:41:13 · 117 阅读 · 0 评论