- 博客(18)
- 收藏
- 关注
原创 项目优化,图片和组件数据懒加载
大致方法和图片懒加载差不多,就是把请求数据写在useIntersectionObserver函数中,通过传递参数把请求的函数穿进去。最后再需要数据的dom元素上加入ref="target"属性值,就可以实现数据懒加载了,可以在network中查看。封装好后,导入main.ts里面使用,再img标签上使用v-lazy自定义指令,就可以实现图片的懒加载了。1.图片懒加载等图片正式进入到可视区中时,才加载对应的图片,否则不请求图片。封装自定义指令v-lazy,实现图片懒加载。二.组件数据懒加载。...
2022-07-14 21:40:51 282
原创 快速了解vue3知识点
1.插件说明vue2中安装的插件是vetur,可以实现组件高亮。但是vue3的一些语法在vetur中报错。vue3需要安装插件volar,提供了更加强大的功能,所以,在使用vue3创建项目是,需要禁用vetur 目前vue3支持的组件库有: element-plus vant ant-design-vue2.vue3的动机与新特性动机: 更好的逻辑复用 与 代码组织 (composition组合式api) 更好的类型推导 (typescript支持) vue3 源码
2022-07-11 21:47:19 639
原创 TS的一些基础知识
一. 什么是TS(typescript) typescript是微软公司开发的开源编程语言,type是类型,在js的基础上,为js添加了类型支持,是javascript的超级二. 为什么要有typescriptjs是一门弱类型的编程语言,代码中出现的错误绝大多数都是类型错误,为什么会这样呢,typescript属于静态类型的编程语言,javascript属于动态类型的编程语言javascript(动态类型): 需要等到代码真正去执行的时候才能发现错误,这样就太迟了而typescript(静态类型): 在代码
2022-07-09 20:21:02 665
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人