- 博客(22)
- 问答 (1)
- 收藏
- 关注
原创 vue中,组件化中data为什么是函数
vue组件可能存在多个实例,如果使用对象形式,会导致多个组件共用一个data,从而使一个组件影响其他组件。如果用函数定义,会返回一个全新的对象,避免了组件之间data的相互影响。避免组件被复用时,数据存在引用关系。
2023-10-26 17:09:41
82
原创 vue里边v-for中key的作用
最好将每条数据的唯一标识作为key,如果不存在逆序操作,仅用于列表渲染,可以使用index作为key。新虚拟dom与旧虚拟dom是通过key进行比较的,如果虚拟dom内容没有发生变化,直接复用之前的真实dom,如果虚拟dom中的内容发生了变化,则生成新的真实dom随后替换掉页面中对应的旧的真实dom。在虚拟dom中,key是唯一标识,当状态中的数据发生变化时,vue会根据新数据生成新的虚拟dom,随后新的虚拟dom与旧的虚拟dom进行差异比较(diff算法)。
2023-10-26 17:04:56
89
原创 怎样实现标签的禁用?
在HTML中,可以使用 disabled 属性来禁用标签。当该属性被设置为 "disabled" 时,标签将变为不可用状态,不能被点击、选中或提交。需要注意的是,禁用状态的标签会在页面中呈现灰色,并且无法响应用户交互动作。您可以使用CSS样式来自定义禁用状态的外观,例如更改字体颜色或背景颜色等。
2023-10-16 15:40:52
512
原创 css选择器有哪些?那些属性可以继承优先级如何计算?css3新增的伪类有哪些?
类选择器:以一个点(.)开头,后跟类名,用于选择具有特定类的元素。例如,.my-class选择所有具有class="my-class"的元素。ID选择器:以一个井号(#)开头,后跟ID名称,用于选择具有特定ID的元素。例如,#my-id选择具有id="my-id"的元素。例如,div > p选择所有作为<div>元素直接子级的<p>元素。后代选择器:使用空格来选择嵌套在另一个元素内部的元素。例如,div p选择所有<p>元素,只要它们嵌套在<div>元素内部。例如,div选择所有的<div>元素。
2023-10-16 15:38:35
67
原创 【vue2和vue3的区别】
2、响应式系统优化:vue3 中利用proxy 对象替代了Object.defineProperty实现响应式系统,在性能和功能上都有所提高。3、组合式api:在vue3中引入了一些新的api 可以更好的封装逻辑和复用代码,同时也可以更加灵活的组织代码结构。4、Teleport组件:vue3中新增了Teleport组件,是的模态框、弹窗等组件的实现更加方便。1、性能优化:vue3在性能方面有很大的提升,编译体积更小,运行速率更快。缺点:项目小还好,清晰明了,但是项目大了后,一个。
2023-10-16 15:27:46
27
原创 【怎么判断数据类型时数组还是对象】
使用object.prototype.tostring.call( )方法:这是一种通用的方法,可以获取内部的[[ Class]]属性,并返回一个表示对象类型的字符串个,对于数组对象,返回"[object Array]";对于普通对象,返回的“【object】”。使用instanceof操作符:利用instanceof操作符检查一个对象是否属于Array类型。使用Array.isArray( )方法:这是一个常用的判断一个值是否是数组的方法。
2023-07-21 14:59:07
68
原创 【js怎么判断数据类型】
使用constructor属性:基本数据类型没有constructor属性,而对像属性则有constructor属性指向构造函数。使用instanceof操作符:instanceof用于检查一个对象是都属于某个特定的类型。使用typeof操作符:typeof返回一个表示值的类型的字符串。
2023-07-21 14:51:12
38
原创 【响应式布局的方式有哪些】
(4)、图片的响应式处理:使用css的max-width:100%和height:auto 的等属性来确保图片能够根据容器的大小来调整,避免在小屏幕上出现溢出或失真的问题,同时也可以使用HTML的<picture>元素和srcset属性来根据不同屏幕尺寸加载适合图片资源,提高网页的加载性和显示质量。(5)、字体的响应式处理:采用相对单位(如rem、em)来设置字体的大小,使得字体能够根据屏幕的尺寸进行自适应调整,可以使得媒体查询来定义不同屏幕尺寸下的字体大小,以提供更好的可读性和用户体验。
2023-07-21 14:45:28
632
原创 【请简述媒体查询】
媒体查询(Media Queries)是css3的一个功能,用于根据设备的特性和属性,为不同的屏幕尺寸和媒体类型应用不同的样式规则,通过媒体查询,可以实现响应式设计,使网页能够在不同设备上以最佳的方式显示和布局。媒体查询通过@media 规则来定义,在其中指定条件和响应式规则,条件可以包括设备的宽度、高度、屏幕比例、触摸或非触摸等方面,还可以针对不同的媒体类型应用样式。
2023-07-21 14:23:21
65
原创 【怎么实现标签的禁用】
你也可以通过css的pointer-events来模拟禁用的效果。将pointer-events属性设置为none可以使元素无法响应鼠标事件,键盘事件任然可以触发。要禁用一个标签(元素),你可以用HTML的“disable” 属性。
2023-07-21 14:15:10
139
原创 【Css3新增的特性】
5、文字排版:css3引入了一系列用于文字排版的属性,如text-shadow(文字阴影)、(text-overflow(文本溢出)、worder-wrap(断行处理)、text-justify(文本对齐和间距调整)等。4、阴影和渐变:css3 新增了box-shadow和linear-gradient/radial-gradient等属性,是的开发者可以通过css直接添加阴影效果和渐变色的效果,而无需依赖图像编辑工具。
2023-07-18 21:19:50
544
原创 【HTML新增的内容有哪些】
2、多媒体支持:HTML5提供了<audio>、<video>标签来原生支持音频和视屏的播放,而不在需要依赖插件(比如flash)。1、结构元素:HTML5引入了一些新的语义化结构元素,<header>、<nav>、<section>、<artical>、<footer>等,用于更清晰地定义页面的结构和内容区块。6、本地存储:HTML5提供了本地存储技术,包括localstorng和sessionstrong,可以在浏览器端本地存储和获取的数据,使得网页应用具备更好的离线访问和缓存能力。
2023-07-18 20:56:38
131
原创 【css盒子模型】
2、内边距:位于内容区的域的和边框之间,用于设置盒子内部与内容之间的空白区域的大小。3、边框:位于内边距之外,围绕盒子内容和内边距的线条,可以为其设置属性border、border-left、border-right、border-top、border-bottom,以及边框的样式颜色和亮度。css盒子模型 它将每个HTML元素视为一个矩形盒子,由四部分构成:内容区域、内边距、边框和外边距。1、内容区域:指的是盒子内部实际显示内容的区域,如文本、图片等,其大小由内容的的宽度和高度决定。
2023-07-18 20:32:26
45
原创 【vue指令什么是指令】
可以在是用v-for的时候搭配使用 他的作用就是给遍历出来的dom起个唯一的名字 相当于我们的身份证号 通过添加了这个key属性可以增加我们在遍历展示的时候生成的dom元素的效率(key 里面是唯一的不建议使用我们遍历出来的下标因为如果一个页面的两次遍历的话就有可能相同)数据劫持:数据拦截 就是对data中的数据在初始化的时候监听起来 当数据改变setter之后vm就会知道 在视图改变getter 它就会通知模型你要修改了 模型改变了也会通知视图改变。传统写法:v-bind:html的属性=“值”
2023-07-18 00:05:37
56
原创 【css中清除浮动的方式有哪些?】
3、使用overflow属性清除浮动:将父元素的“overflow” 属性设置为`hidden`或者`auto`,可以触发BFC(块级格式化上下文)机制,从而包含浮动元素.1、使用空div清除浮动:在浮动元素的末尾添加一个空的`div`元素,并给其设置`clear:both`样式。这样可以强制将浮动元素后的内容放置在下方,从而清除浮动。4、使用 display:flow-root 清除浮动:将父元素的 display 属性设置为 flow-root ,可以创建一个新的BFC,从而清除浮动。
2023-07-17 23:03:23
540
空空如也
这个怎么如何解压出来并去安装它
2021-10-05
TA创建的收藏夹 TA关注的收藏夹
TA关注的人