- 博客(30)
- 收藏
- 关注
原创 Vue3,组合式API
APP.vue中结构(<script><template><style>)变化,便于编写代码。本质:在原有传入数据基础上,外包一层对象,包成复杂数据类型,再借助reactive实现响应式。create-vue是vue官方新的脚手架工具,底层切换到vite(下一代构建工具)在setup函数中写的数据和方法,需要在末尾以对象方式return,才能给模板使用。接受简单类型或者对象类型的数据传入并返回一个响应式对象。监听单个数据(监听多个数据将第一个参数写成数组)接受对象类型数据的参数传入并返回一个响应式对象。
2023-08-11 16:07:42 55
原创 vue异步更新,$nextTick
在Vue中,数据的更新是基于响应式系统的,并且是异步的。这意味着当你修改了数据后,Vue并不会立即更新页面,而是等待下一个事件循环tick时才进行更新。Vue通过使用虚拟DOM和异步更新策略来提升性能。当你修改数据时,Vue会将更新存储在一个队列中,并在下一个事件循环中批量处理这些更新。这样可以避免频繁的页面重绘,提高性能。
2023-07-25 18:35:13 172
原创 ref和$ref
ref可以给子组件或元素注册特殊自定义属性,在模板中使用ref属性,在VUE实例可以通过$ref访问对应元素或组件。2、给子组件注册,通过this.$ref.myComonent可以访问到定义该属性的子组件。此外,可以通过this.$ref.myComonpent.组件方法(),访问子组件中的方法。1、给html元素注册,通过this.$ref.self可以访问到定义该属性的DOM元素。
2023-07-25 18:15:00 115
原创 async/await
在上面的示例中,fetchData 是一个异步函数,它在内部使用了 await 关键字来等待 fetch 函数返回的 Promise 对象。然后,使用 await 关键字等待 response 对象的 json() 方法返回的 Promise 对象。当 Promise 对象解决时,await 将返回 Promise 对象的结果值,并继续 async 函数的执行。async 函数是一个返回 Promise 对象的函数,在函数内部使用 await 来等待 Promise 对象解决。,而不是阻塞进程并等待结果。
2023-07-17 17:28:58 24 1
原创 迭代器(Iterator)
1、使用for循环遍历2、使用for...of循环遍历3、使用form()方法,将字符串转为数组,通过forEach()遍历4、使用spilt()方法,将字符串转为数组,通过forEach()遍历。
2023-07-17 15:46:27 42 1
原创 前端HTML和CSS相关面试题
margin-top =(父元素高度-子元素高度)/2 调整子元素位置。height+padding(上下)+border(上下)+margin(上下)设置子元素绝对定位,父元素相对定位(top,bottom,right,left调整子元素位置)width+padding(左右)+border(左右)+margin(左右)padding(左右)-border(左右)-margin(左右)padding(上下)-border(上下)-margin(上下)特点:不脱离文档流,相对于浏览器的视口进行定位。
2023-06-18 08:16:00 65 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人