首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Vue
yanessa_yu
创建于2021-06-01
订阅专栏
Vue2 Vue3
等 1 人订阅
共27篇文章
创建于2021-06-01
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Vue3实现详情页返回列表页时保持表格滚动条的位置
路由元信息中增加keepAlive:true , scrollTop: {tableA: 0} , 没有直接使用scrollTop: 0是防止有的页面存在两个table 离开时记录页面中表格滚动条的位
封装axios,实现重复请求共享结果
封装axios 取消重复请求 取消的请求共享正确请求的返回结果 3.1 当取消请求响应时,正确请求的结果还未返回时, 通过发布订阅模式订阅回调函数, 当正确请求的结果返回时发布,触
前端项目集成sentry
# 初始化Sentry ```js import * as Sentry from '@sentry/vue'; Sentry.init({ Vue, dsn: "https://****2
vue3 keep-alive多个路由使用同一个组件的缓存问题
上一篇文章讲到当打开多个内页签页面, keep-alive缓存每个页面,导致内存溢出。顾添加max=10, 在此基础上希望每次关闭内页签页面时,能够手动的清除当前页面的缓存。 我们可以通过改变excl
vue keep-alive未设置max导致页面加载越来越慢
不断的打开关闭待测页面, 观察内存的情况 待测页面是一个多页签编辑页面, 根据不同的id做keep-alive缓存, 开始时候的内存, 每次新开一个不同id的多页签编辑页面, 内存上升大约80M 新打
vue3 diff算法
diff算法的流程 1、从头对比找到有相同的节点 patch ,发现不同,立即跳出。 2、如果第一步没有patch完,立即,从后往前开始patch ,如果发现不同立即跳出循环。 3、如果新的节点大于老
KeepAlive缓存的逻辑
keepAlive源码中用cache存储需要缓存的组件; cache是一个对象, key优先取组件的key, 组件没有时则取组件对应的文件 comp为对象,重要的key-value如下 __file:
vue单页面记录用户访问次数和访问时长——客户端数据收集
记录网站的访问次数 在App.vue的onMounted中添加代码记录网站的进入, 缺点是刷新页面也算上了。 记录网站页面的离开和进入 在vue-router的全局前置守卫beforeEach中添加代
vue2-ace-editor JSON编辑光标定位错误
问题描述 问题描述:如上图所示,当点击行后面的空白处,光标没有紧挨着逗号定位,而是中间空出了一段空白。这导致当关闭定位到冒号(:),再按键盘Backspace键,删除的不是冒号,而是删除了前面的字母。
Vue的h函数切换渲染innerHTML和innerText异常,这应该是Vue源码的一个缺陷吧
下面这段代码为异常测试代码。通过isHtml开关控制h函数切换渲染innerHTML和innerText。 测试结果发现: 进入页面后正常渲染innerHTML如下 点击【切换】按钮,切换innerT
从0搭建一个Webpack+Vue项目
npm init 安装webpack相关包 配置webpack 在根目录下新建config文件夹 在config文件夹下创建webpack.dev.config.js和webpack.prod.con
Webpack-loader的执行顺序
loader从右到左(或从下到上)的执行。 在实际执行loader之前,会先 从左到右 调用loader上的pitch方法。如果pitch方法给出了一个结果, 那么pitch对应的那个normalLo
Vue异步更新和nextTick实现原理
data中的数据a绑定了一个render watcher data中的数据b也绑定了一个render watcher 经过分析对比,a和b绑定的其实是同一个render watcher,对应的就是当前
大圣老师(前端框架)视频学习笔记
jquery 兼容性 主要是为了解决当时浏览器的兼容问题 Backbone MVC 借鉴后端分层理念 Angular MVVM 数据双向绑定 脏检查 Vue1 精简 + 响应式 使用definePro
React
顶层API React React.Children React.Component React.PureComponent React.PureComponent与React.Component很相
React.Component
React的组件可以定义为class或函数的形式 定义class组件,需要继承React.Component class组件提供的功能更多 属性 displayName defaultProps pr
Vue2的静态节点、静态根节点
为什么要标记静态根节点? 标记静态节点是为了最终得到静态根节点; vue关于这部分的优化是当一个节点staticRoots为true,并且不在v-for中,那么第一次render的时候会对以这个节点为
Vue的执行过程
这是我参与11月更文挑战的第4天 createApp() 创建一个应用app 返回一个对象 normalizeContainer 格式化挂载容器 app._component.template 初始化
Vue3响应式-ref、reactive
这是我参与11月更文挑战的第2天 reactive reactive()函数的参数只能是Object reactive通过ES6的new Proxy()给对象添加代理实现数据劫持 reactive 源
Vue3的Diff算法
Vue3的Diff算法 1. 从前往后比较,当节点不同时,不再往后进行比较。 2. 从后往前比较,当节点不同时,不再往前进行比较。 3. 利用“最长递增子序列”,完成上述差异部分的比较 3.1 仅有节
下一页