2021年8月16日
body中的onload()函数和jQuery中的document.ready()有什么区别？
摘要： onload()和document.ready()的区别有以下两点： 1、我们可以在页面中使用多个document.ready()，但只能使用一次onload()。 2、document.ready()函数在页面DOM元素加载完以后就会被调用，而onload()函数则要在所有的关联资源（包括图像、音 阅读全文
posted @ 2021-08-16 14:50 悠哉de小猫 阅读(150) 评论(0) 推荐(0)
computed 和 watch 的区别和运用的场景？
摘要： computed： 是计算属性，依赖其它属性值，并且 computed 的值有缓存，只有它依赖的属性值发生改变，下一次获取 computed 的值时才会重新计算 computed 的值； watch： 更多的是「观察」的作用，类似于某些数据的监听回调 ，每当监听的数据变化时都会执行回调进行后续操作； 阅读全文
posted @ 2021-08-16 11:29 悠哉de小猫 阅读(166) 评论(0) 推荐(0)
hash
摘要： 1）hash 模式的实现原理 早期的前端路由的实现就是基于 location.hash 来实现的。其实现原理很简单，location.hash 的值就是 URL 中 # 后面的内容。比如下面这个网站，它的 location.hash 的值为 '#search'： hash 路由模式的实现主要是基于下 阅读全文
posted @ 2021-08-16 11:29 悠哉de小猫 阅读(179) 评论(0) 推荐(0)
Vue 中的 key 有什么作用
摘要： Vue 中 key 的作用是：key 是为 Vue 中 vnode 的唯一标记，通过这个 key，我们的 diff 操作可以更准确、更快速 更准确：因为带 key 就不是就地复用了，在 sameNode 函数 a.key b.key 对比中可以避免就地复用的情况。所以会更加准确。 更快速：利用 ke 阅读全文
posted @ 2021-08-16 11:29 悠哉de小猫 阅读(442) 评论(0) 推荐(0)
路由模式hash、history
摘要： 形式上：hash模式url里面永远带着#号，开发当中默认使用这个模式。如果用户考虑url的规范那么就需要使用history模式，因为history模式没有#号，是个正常的url，适合推广宣传；功能上：比如我们在开发app的时候有分享页面，那么这个分享出去的页面就是用vue或是react做的，咱们把这 阅读全文
posted @ 2021-08-16 11:23 悠哉de小猫 阅读(89) 评论(0) 推荐(0)
减少页面加载时间的方法 
摘要： 1. 优化图片 2. 图像格式的选择（GIF：提供的颜色较少，可用在一些对颜色要求不高的地方） 3. 优化 CSS（压缩合并 css，如 margin-top, margin-left...) 4. 网址后加斜杠（如 www.campr.com/目录，会判断这个目录是什么文件类型，或者是目录。） 5 阅读全文
posted @ 2021-08-16 11:23 悠哉de小猫 阅读(143) 评论(0) 推荐(0)
VUE项目中的优化
摘要： 1.不要在模板里面写过多表达式 2.循环调用子组件时添加key 3.频繁切换的使用v-show，不频繁切换的使用v-if 4.尽量少用float，可以用flex 5.按需加载，可以用require或者import()按需加载需要的组件 6.路由懒加载 7. 对于图片过多的页面，为了加速页面加载速度， 阅读全文
posted @ 2021-08-16 11:23 悠哉de小猫 阅读(176) 评论(0) 推荐(0)
2021年8月15日
组件化和模块化
摘要： 为什么要组件化开发 有时候页面代码量太大，逻辑太多或者同一个功能组件在许多页面均有使用，维护起来相当复杂，这个时候，就需要组件化开发来进行功能拆分、组件封装，已达到组件通用性，增强代码可读性，维护成本也能大大降低 组件化开发的优点 很大程度上降低系统各个功能的耦合性，并且提高了功能内部的聚合性。这对 阅读全文
posted @ 2021-08-15 20:35 悠哉de小猫 阅读(198) 评论(0) 推荐(0)
导航钩子函数（导航守卫）？
摘要： 全局守卫 router.beforeEach 全局前置守卫 进入路由之前 router.beforeResolve 全局解析守卫(2.5.0+) 在beforeRouteEnter调用之后调用 router.afterEach 全局后置钩子 进入路由之后 // main.js 入口文件 import 阅读全文
posted @ 2021-08-15 20:32 悠哉de小猫 阅读(138) 评论(0) 推荐(0)
Vue 组件间通信有哪几种方式？
摘要： （1）props / $emit 适用 父子组件通信 这种方法是 Vue 组件的基础，相信大部分同学耳闻能详，所以此处就不举例展开介绍。 （2）ref 与 $parent / $children 适用 父子组件通信 ref：如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组 阅读全文
posted @ 2021-08-15 20:26 悠哉de小猫 阅读(130) 评论(0) 推荐(0)