vue
街边吃垃圾
这个作者很懒,什么都没留下…
展开
-
vue.use的理解
参考:https://www.jianshu.com/p/89a05706917a主要里面有个install原创 2021-03-22 12:05:39 · 135 阅读 · 0 评论 -
vue为什么要用虚拟DOM
参考:https://www.jianshu.com/p/af0b398602bc1、JS操作真实DOM的代价!用我们传统的开发模式,原生JS或JQ操作DOM时,浏览器会从构建DOM树开始从头到尾执行一遍流程。在一次操作中,我需要更新10个DOM节点,浏览器收到第一个DOM请求后并不知道还有9次更新操作,因此会马上执行流程,最终执行10次。例如,第一次计算完,紧接着下一个DOM更新请求,这个节点的坐标值就变了,前一次计算为无用功。计算DOM节点坐标值等都是白白浪费的性能。即使计算机硬件一直在迭代更新,原创 2021-03-22 10:33:24 · 274 阅读 · 0 评论 -
vue的好处和劣势
好处1、双向数据绑定,不用关心数据和dom层是如何实现的2、单页面(局部刷新)3、组件化坏处1、ie8不支持defineProperty,兼容性不足。2、seo不友好原创 2021-03-21 19:34:31 · 613 阅读 · 0 评论 -
vue的合并策略
参考:https://segmentfault.com/a/1190000007087912添加链接描述原创 2021-03-19 14:44:46 · 442 阅读 · 0 评论 -
vue的生命周期
参考:https://segmentfault.com/a/1190000011381906原创 2021-03-19 12:21:25 · 86 阅读 · 0 评论 -
new Vue发生了什么
参考:https://blog.csdn.net/Umbrella_Um/article/details/89097892_init方法里面做了:![在这里插入图片描述](https://img-blog.csdnimg.cn/20210319115635737.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW5namluZzAzMjA=原创 2021-03-19 11:59:44 · 239 阅读 · 0 评论 -
最新版Webpack5实战教程(从入门到精通)
我觉得视频讲的非常好。视频:https://www.bilibili.com/video/BV1e7411j7T5?p=1以后再写。。。。原创 2021-02-02 16:45:14 · 987 阅读 · 0 评论 -
vue组件之间的通信
参考: https://segmentfault.com/a/1190000019208626父子通信1. 父=>子 props,子=>父 $emit2. $parent/$child (通过父链 / 子链也可以通信)3. ref (访问组件实例)4. provide / inject API5. $attrs/$listeners兄弟通信1. vuex2. bus($emit, $on)跨级通信1、Bus2、Vuex3、provide /原创 2021-01-10 17:51:18 · 92 阅读 · 0 评论 -
webpack热更新实现原理
参考:https://juejin.cn/post/6844904008432222215我还没太看懂,待会回来看懂在自己写一写。原创 2021-01-09 18:37:59 · 596 阅读 · 3 评论 -
手写一个Promise!!!!!!!!
参考视频:https://www.bilibili.com/video/BV1L441157jg?p=1promiseA+规范:https://www.ituring.com.cn/article/66566参考文章 BAT 前端经典面试问题:史上最最最详细的手写 Promise 教程: https://juejin.im/post/5b2f02cd5188252b937548ab...原创 2021-01-03 17:20:06 · 276 阅读 · 0 评论 -
vue虚拟dom和diff算法原理
参考资料: https://zhuanlan.zhihu.com/p/76384873视频资料:https://www.bilibili.com/video/BV1jJ411x7FX?from=search&seid=9120067746838181964参考资料:https://zhuanlan.zhihu.com/p/76384873(有个图的顺序是错的)原创 2020-12-26 13:05:50 · 222 阅读 · 0 评论 -
vue中keep-alive不生效的原因
参考:https://www.jianshu.com/p/9ddbae0d50b7https://www.cnblogs.com/lxlin/p/8472395.htmlkeep-alive是用来缓存组件的,避免重新渲染include:要被缓存的name数组exclude:不被缓存的name数组不生效的原因:组件的name和缓存的name不一致导致的...原创 2020-11-12 14:39:55 · 5429 阅读 · 1 评论 -
vue 分页删除最后一条数据,返回上一级的分页
// 在删除事件里面,删除成功加入这段代码 // 为了在删除最后一页的最后一条数据时能成功跳转回最后一页的上一页 const totalPage = Math.ceil((this.count - 1) / this.pageSize) // 总页数 this.currentPage = this.currentPage > totalPage ? totalPage : this.currentPage this.currentPage = this原创 2020-10-10 16:39:09 · 1224 阅读 · 0 评论 -
axios如何利用promise无痛刷新token
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...原创 2020-08-14 16:09:42 · 283 阅读 · 0 评论 -
videojs 销毁重新初始化
参考:https://blog.csdn.net/hadry123/article/details/102780465dispose()从播放器中删除所有事件侦听器。删除播放器的DOM元素,所以再次初始化的时候需要我们重新创建标签<div class="video-box"> <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="none"原创 2020-08-14 15:02:04 · 8911 阅读 · 0 评论 -
videojs在vue中的应用
参考:https://www.jb51.net/article/165611.htm1、安装npm install video.js2、引入import Video from ‘video.js’import ‘video.js/dist/video-js.css’3、应用<video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="none">&l原创 2020-08-14 14:48:56 · 5261 阅读 · 0 评论 -
Vue.js项目刷新当前路由
转载:https://www.jianshu.com/p/72cdad357267项目遇到的需求,如果点击跳转的路由和当前路由一致,刷新当前页面。我开始想着用window.location.reload(),强制刷新当前页面。问题: 此两种处理都会是当前页面进行刷新,浏览器进行重新加载,出现页面闪烁和空白,极大的降低了用户体验。所以这个排除。解决办法(借助vue的选项/组合 provide/inject)这对选项要组合一起使用,以允许一个祖先组件向其所有子孙后代组件注入一个依赖,不论组件层次有多原创 2020-08-10 11:42:59 · 735 阅读 · 0 评论 -
vue 同一局域网的手机和电脑能通过ip看到页面
**找到config文件夹下的index.js文件,修改host:“localhost”为 host:"0.0.0.0",此时同一局域网下的手机和其他电脑能通过ip查看到页面**原创 2019-07-18 11:32:24 · 705 阅读 · 0 评论 -
vue的两种路由模式原理
1、hash模式:原理是onhashchange事件,url都会被浏览器记录下来,只能改变#后面的url片段2、history模式:根据history api中的pushState,replaceState两个方法。通过pushstate把页面的状态保存在state对象中,当页面的url再变回这个url时,可以通过event.state取到这个state对象,从而可以对页面状态进行还原,这...原创 2018-08-08 21:06:22 · 6957 阅读 · 1 评论 -
vue中keep-alive原理
参考: 请至少看第二个链接!!!!! https://segmentfault.com/q/1010000011537852 https://segmentfault.com/a/1190000011978825(关于代码解读的部分)keep-alive是Vue.js的一个内置组件。它能够不活动的组件实例保存在内存中,而不是直接将其销毁,它是一个抽象组件,不会被渲染到真实DOM中,...转载 2018-06-26 19:13:46 · 12441 阅读 · 0 评论 -
vue 中 mixins/extends/entend/component 的区别
参考文章,请好好看这三篇,请好好看这三篇,请好好看这三篇 https://www.jb51.net/article/131008.htm https://segmentfault.com/a/1190000010095089 https://segmentfault.com/a/1190000007087912#articleHeader4mixins和extends都可以理解...转载 2018-06-26 18:33:32 · 1953 阅读 · 1 评论