vue3
文章平均质量分 88
勒布朗-前端
这个作者很懒,什么都没留下…
展开
-
Vite 完整版详解
一些较大的依赖(例如有上百个模块的组件库)处理的代价也很高。:通常包含一些并非直接是 JavaScript 的文件,需要转换(例如 JSX,CSS 或者 Vue/Svelte 组件),时常会被编辑。同时,并不是所有的源码都需要同时被加载(例如基于路由拆分的代码模块)除了默认的developmen和production还可以自定义模式,如可能希望有一个 “staging” (预发布|预上线) 模式,它应该具有类似于生产的行为,但环境变量与生产环境略有不同。响应浏览器请求的过程中,不可避免的导致首屏性能下降。原创 2022-11-11 15:14:21 · 25621 阅读 · 6 评论 -
Vue3详解大全
1、核心·-响应式组合式Api要求我们要将响应式的变量声明在setup函数中,setup函数是一个专门用于组合式Api的钩子函数。而且我们需要借助reactive函数来创建响应式的对象1、核心·-响应式如上,即为组合式Api的典型写法。在组合式Api中一定记得将需要暴露到模板的对象return出去(单独使用setup的时候)。更多声明响应式对象的方法前面我们已经了解了data方法(选项式Api中使用)、reactive(组合式Api中使用)两种不同的声明响应式对象的方式,那还有其他方式吗。原创 2022-10-28 16:18:42 · 9908 阅读 · 3 评论 -
Vue3、 Vue2 Diff算法比较
oldCh和newCh;有下面几个变量:oldStartIdx 初始值=0oldStartVnode 初始值=oldCh[0]oldEndIdx 初始值=oldCh.length - 1oldEndVnode 初始值=oldCh[oldEndIdx]newStartIdx 初始值=0newStartVnode 初始值=newCh[0]newEndIdx 初始值=newCh.length - 1newEndVnode. 初始值=newCh[newEndIdx]对比流程。原创 2024-04-22 13:50:39 · 754 阅读 · 0 评论 -
Ant Design Vue 走马灯实现单页多张图片轮播
我们可以看到官网给的api是没有这种功能,百度上也多是在css上动刀,那样也就毕竟繁琐了,我们是什么?我们是程序猿啊,程序猿就该有程序猿的样子,怎么能写繁琐的东西呢,那还怎么为公司项目提高效率!:slides-to-show="5"//单页展示5张图片 :slides-to-scroll="1" //每次滚动1张图。奈何内容太多看得我眼花缭乱,最后通过我看字面意思一个个尝试,功夫不负有心人,就是它啦去吧皮卡丘。-- 推荐商品轮播图 -->4 推荐品牌-- 推荐品牌 -->原创 2023-06-29 10:24:42 · 2770 阅读 · 1 评论 -
vue2与vue3的区别
props。原创 2023-06-05 11:04:18 · 1450 阅读 · 0 评论 -
vue-cli4打包优化
map文件的作用在于:项目打包后,代码都是经过压缩加密的,如果运行时报错,输出的错误信息无法准确得知是哪里的代码报错,有了map就可以像未加密的代码一样,准确的输出是哪一行哪一列有错。page2.js中同时都引用了a.js, b.js, 这时候想把a.js, b.js抽离出来合并成一个公共的js,然后在page1,page2中自动引入这个公共的js,怎么配置呢?组件中频繁引用其他组件或插件。项目中分别有a.js, b.js, page1.js, page2.js这四个JS文件, page1.js 和。原创 2023-06-02 14:06:14 · 1353 阅读 · 0 评论 -
遍历迭代Api | 数组遍历汇总
Map的属性和方法:(1)size:返回Map元素的个数,(2)set:增加一个新元素,返回当前Map,(3)get:返回键名对象的键值,(4)has:检测Map中是否包含某个元素,返回布尔值,(5)clear:清空集合,返回undefined。集合的属性和方法:(1)size:返回集合的个数,(2)add:增加一个新元素,返回当前集合,(3)delete:删除元素,返回布尔值,(4)has:检测集合中是否包含某个元素,返回布尔值。(3)箭头函数适合与this无关的回调,如定时器,数组方法的回调。原创 2023-02-23 10:13:19 · 753 阅读 · 0 评论