小白张先生 - 博客园

2024年3月15日

摘要：一、Vue3中的生命周期 1、setup() : 开始创建组件，在 beforeCreate 和 created 之前执行，创建的是 data 和 method 2、onBeforeMount() : 组件挂载到节点上之前执行的函数； 3、onMounted() : 组件挂载完成后执行的函数； 4、阅读全文

posted @ 2024-03-15 11:34 小白张先生阅读(445) 评论(0) 推荐(0)

【vue3】关于ref、toRef、toRefs

摘要： 1.ref 函数，可以把简单数据类型包裹为响应式数据（复杂类型也可以），注意 JS 中操作值的时候，需要加 .value 属性，模板中正常使用即可 2. toRef 函数的作用：转换响应式对象中某个属性为单独响应式数据，并且转换后的值和之前是关联的（ref 函数也可以转换，但值非关联） 3.toRe 阅读全文

posted @ 2024-03-15 11:27 小白张先生阅读(146) 评论(0) 推荐(0)

vue3中setup使用及其语法糖的用法

摘要：使用setup语法糖后，不用写setup函数；组件只需要引入不需要注册；属性和方法也不需要再返回，可以直接在template模板中使用。 .setup语法糖中新增的api defineProps：子组件接收父组件中传来的props defineEmits：子组件调用父组件中的方法 defineExp 阅读全文

posted @ 2024-03-15 11:17 小白张先生阅读(324) 评论(0) 推荐(0)

2023年2月15日

async 和defer的区别

摘要：答：相同点：只适用于外联脚本，这一点和defer一致，也就是script标签要有src属性。不同点：async和defer的执行时机不同,async是在加载完后立即执行,执行的过程仍会阻塞后续html的解析。defer是在html解析完,DomCOntentLoaded 和load之前之前执行参阅读全文

posted @ 2023-02-15 17:39 小白张先生阅读(239) 评论(0) 推荐(0)

怎么理解vue的渐进式

摘要：答：声明式渲染->组件化应用->客户端路由->集中式状态管理->项目构建参考文献：https://www.cnblogs.com/yincece0316/p/12547081.html 阅读全文

posted @ 2023-02-15 16:29 小白张先生阅读(27) 评论(0) 推荐(0)

vue 路由懒加载

摘要： vue-router实现路由懒加载答：第一种：vue异步组件技术返回一个promise工厂函数，resolve函数reuqire（）方法返回组件的本身。第二种：路由懒加载(使用es6中的import)。第三种：webpack提供的require.ensure()，vue-router配置路由阅读全文

posted @ 2023-02-15 15:52 小白张先生阅读(44) 评论(0) 推荐(0)

vue中slot插槽

摘要：答：允许开发者在封装组件时，把不确定的、希望由用户指定的部分定义为插槽默认插槽：具名插槽：为每个插槽指定具体的name 名称。这种带有具体名称的插槽叫做“具名插槽” 作用域插槽：可以为预留的插槽绑定props 数据，这种带有props 数据的叫做“作用域插槽” 参考文献：https:// 阅读全文

posted @ 2023-02-15 14:57 小白张先生阅读(16) 评论(0) 推荐(0)

2023年2月11日

webpack性能优化（二）

摘要： 1.懒加载和预加载答：懒加载实现了js文件按需加载，在需要使用时才进行加载，但是如果js文件非常大加载速度比较慢，在使用时再加载就会使页面出现卡顿。为了优化这个问题，可以使用Prefetch先预加载阅读全文

posted @ 2023-02-11 10:25 小白张先生阅读(22) 评论(0) 推荐(0)

2023年2月10日

防抖和节流

摘要：答：防抖：用户触发事件过于频繁，只要最后一次事件的操作 function debounce（fn, t1）{ let t = null return function () { if (t) clearTimeOut t t = setTimeOut( (this) => { fn.call(thi 阅读全文

posted @ 2023-02-10 15:50 小白张先生阅读(14) 评论(0) 推荐(0)

闭包及内存泄露内存释放和垃圾回收机制

摘要：答：当使用一个参数，会进行内存的分配，内存的使用，内存的释放。什么会导致内存泄露答：1.意外的全局变量 =》必须确保在使用过后将它设置为null 2 定时器 =》清除定时器 3事件绑定时addEventLister使用的参数，在使用完没有removeEventList =》移除绑定事件 4 减阅读全文

posted @ 2023-02-10 11:49 小白张先生阅读(47) 评论(0) 推荐(0)

公告