- 博客(9)
- 收藏
- 关注
原创 vue2和vue3的区别
vuex变成了pinia,webpack使用vite在开发环境下变的更快。mixin不建议使用,换成hooks。vue3是需要我们使用一个新的setip()方法,次方法在组件初始化构造时触发。vue3是使用合成型API(Composition API)vue2是使用选项类型API(Options API)vue2的双向数据绑定是利用ES5的一个API。v-if(在vue3中高)和v-for的优先级修改了。vue2是把数据放入data属性中。vue2和vue3类型发生了变化。vue3中使用了es6的。
2024-03-15 09:35:08
210
1
原创 什么是闭包?
闭包说的通俗一点就是可以在函数外部访问到函数内部都变了。因为正常情况下函数外部是访问不到函数内部作用域的。(作用域分为:全局,函数级,块级作用域)表象判断是不是闭包:函数嵌套函数,内部函数被return内部函数调用外层函数的局部变量。缺点:由于闭包长期驻留内存,则长期这样会导致内存泄漏;如何解决内存泄漏:将暴露外部的闭包变量置为null;优点:可以隔离作用域,不造成全部污染;
2024-03-13 13:48:29
99
原创 div如何实现水平并垂直居中
思路:有两个div,父级div和子级div,给父级div设置display:flex,并且设置父级div的水平居中justify-content:center,并且给父级div设置垂直居中align-items:center即可。
2024-03-12 09:02:47
145
1
原创 rem和em的区别
rem:是相对根元素的fontsize属性,即相对于<html>标签的font-size实现的,(浏览器默认字号是font-size:16px)em:是相对于父元素标签的字号,和百分比%类似,%也是相对于父级的,只不过%相对于父级宽度,而em相对父级字号的。em和rem都是css中长度单位,用于设置元素的大小,但它们的工作方式有所不同。rem和em的区别主要在于它们单位计算的基础和使用的便捷性。
2024-03-12 08:44:05
100
1
原创 如何减少重排?
重排:若渲染树的一部分更新,且尺寸变化,就会发生重排。(重绘:部分节点需要更新,但不改变其他集合形状。如改变某个元素的vidibility,outline,背景颜色等。且重绘不一定导致重排,但重排一定导致重绘。重排会产生比重绘更大的开销。
2024-03-01 10:04:31
320
原创 防抖与节流
防抖和节流都是为了限制函数的执行频次,以优化函数触发频率过高导致的响应速度跟不上触发频率,出现延迟,假死或者卡顿的现象。是指在一定时间内,在动作被连续频繁触发的情况下,动作只会被执行一次。是指在一定时间内执行的操作只执行一次。来存放执行的函数,这样可以很方便的利用。在合适的时机来清除待执行的函数。函数节流和函数防抖巧妙的使用。
2024-02-29 09:26:58
184
原创 vue3组件通信方法
在vue框架中事件分为两种:一种是原生的DOM事件,另一种自定义事件。原生DOM事件可以让用户与网页进行交互,比如:click(点击事件),change(当输入框发生变化时触发事件)。自定义事件可以实现子组件给父组件传递参数。子组件用defineProps接收从父组件传递过来的参数,可以直接使用。props中的数据通常是只读的,子组件不能修改从父组件传递下来的数据。在父组件内引入子组件,并且给子组件绑定一个money参数。
2024-02-28 10:25:58
193
1
原创 CSS3的新特性
10.响应式设计:CSS3提供了一些特性,如媒体查询,允许开发人员创建在不同设备和屏幕尺寸上都能良好显示的响应式网页设计。8.多列布局(Multi-column Layout):CSS3提供了一种创建多列文本或布局的方法,类似与报纸的排版。伪类选择器:为特定状态的元素添加样式,例如 :hover,:ancrive,:visited。伪元素选择器:选择特定部分的元素,例如 ::before,::after。CSS3支持轮廓:outline,内轮廓:outline-offset。
2024-02-27 09:48:39
344
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人