- 博客(792)
- 资源 (3)
- 收藏
- 关注
原创 vue3【详解】内置组件 Teleport
用于将组件内的部分模板,挂载到组件外的 DOM 上渲染在 Vue Devtools 中,改变挂载位置的模板,仍然嵌套在父级组件下同一节点被挂载多个 Teleport 时,后挂载的将排在目标元素下更后面的位置上。</</</</渲染结果</</</
2024-07-22 15:00:29
148
原创 vue3【详解】内置组件 KeepAlive(缓存组件实例)
用于在多个组件间动态切换时缓存被移除的组件( 默认情况下,一个组件实例在被替换掉后会被销毁。
2024-07-22 11:56:16
70
原创 vue3【详解】内置组件 Transition
添加属性 name,可自定义过渡动画名称,代替默认的 v</此时需自行添加以下 cssopacity: 0;添加属性,可自定义过渡动画类名(方便使用第三方的动画库,如。
2024-07-22 11:28:53
513
原创 vue3【详解】自定义指令
以 v 开头的驼峰式命名自定义一个变量,该变量的值是一个对象,包含至少一个类似生命周期钩子函数的属性// 在绑定元素的 attribute 前// 或事件监听器应用前调用// 下面会介绍各个参数的细节},// 在元素被插入到 DOM 前调用// 在绑定元素的父组件// 及他自己的所有子节点都挂载完成后调用// 绑定元素的父组件更新前调用// 在绑定元素的父组件// 及他自己的所有子节点都更新后调用// 绑定元素的父组件卸载前调用// 绑定元素的父组件卸载后调用。
2024-07-22 10:17:44
123
原创 vue3【详解】插件 Plugins(含插件的使用场景、编写插件,插件中的 Provide / Inject )
/ 注入一个全局可用的 $translate() 方法// 获取 `options` 对象的深层属性// 使用 `key` 作为索引。
2024-07-20 11:10:42
281
原创 vue3【详解】v- 指令 Directives (含 v-bind,v-on,v-show,v-if ,v-model,v-slot , v-pre,v-once,v-memo,v-cloak)
指令
2024-07-19 16:32:35
460
原创 vue3【详解】单文件组件 SFC(含SFC的优点、缺点、使用场景、原理、使用预处理器、<script setup>语法详解、资源拆分)
自定义指令必须遵循命名规范(自定义指令名的首字母必须是v,后续跟首字母大写的自定义指令名称 )// 在元素上做些操作 } } < template > < h1 v-my-directive > This is a Heading const。
2024-07-16 17:20:09
625
原创 JS【详解】数组(数组的本质、创建数组、常用数组操作API汇总对比和实战范例、数组的遍历、复制、去重等)
数组本质上是以数字为键(从0开始,依次递增),并外加一个会自动增长的 length 属性的对象。
2024-07-15 17:28:42
853
原创 JS【详解】函数 (声明函数、调用函数、函数表达式、匿名函数、立即执行函数、构造函数、工厂函数、new、箭头函数、内置函数、回调函数、私有函数、高阶函数、模拟函数重载)
函数用于封装一段具有特定功能代码,通过调用的形式执行。
2024-07-15 09:35:07
1021
原创 JS【详解】语句 (声明语句,赋值语句,条件判断语句,循环语句,中断语句 break,继续语句 continue,返回语句 return)
JS 语句用于执行某种操作(JS 表达式是计算一个结果),以;结尾 —— 对换行、缩进、空格不敏感,严格区分大小写。
2024-07-13 14:39:58
425
原创 JS【详解】运算符/操作符 (解构运算符,对象操作符,void 操作符,typeof 运算符, instanceof 运算符,赋值运算符,比较运算符,逻辑运算符,三元运算符,运算符的优先级)
y=5a是变量,而a++和++a是表达式: 假设用户输入345,怎么分别得到3、4、5这三个数呢?
2024-07-12 18:12:34
842
原创 JS【详解】数据类型 (含数据类型检测 typeof、 数值 Number、字符串 String、布尔值 Boolean、null 、undefined,Symbol,对象 Object)
只有 1 个值undefined,表示变量未定义undefined的使用场景// 只声明但无初始值的变量,值为 undefinedlet a;// 访问对象中不存在的属性,得到 undefinedlet me = { name: "朝阳" };// age 会被赋值 undefined// 无返回值的函数调用后的返回值为 undefined// 未传值的形参是 undefinedfoo(1, 2);
2024-07-12 16:28:23
524
原创 JS【详解】对象(含对象的存储原理,对象的 getter 和 setter,对象的常用操作,判断对象是否为空对象,对象的深拷贝,对象的创建、遍历、合并、拷贝等)
任何事物都可以看作一个对象,用属性描述它的特征,用方法描述它的行为。
2024-07-12 16:21:22
528
原创 JS 【详解】字符串(含模板字符串、转义字符、常用字符串API汇总、常用字符串操作详解、获取字符串的三种长度、Unicode 编码转字符、字符串转为html 、使用 Lodash 等)
第二个参数指定是区间的末端位置,而不是该区间的长度。目标字符串和被搜索的字符串都变为小写再搜索。substring 和 slice 的区别。第一个参数指定是区间的起始位置(含头)lastIndexOf 从后向前搜索。全无副作用 : 都不会改变原字符串。第二个参数是搜索起点的下标。第二个参数是搜索起点的下标。变量、表达式、函数写在。通常配合正则表达式使用。第一个参数是目标字符串。第一个参数是目标字符串。
2024-07-12 11:51:24
697
原创 js【详解】声明常量和变量 const let var
在执行 js 代码时,会先将所有 var 定义的变量赋值为 undefined(相当于提升到代码最前面执行) ,即便在使用 var 定义的变量之前并未定义变量,也不会报错// 打印 undefinedvar a = 1;自测题 – 变量提升// 声明全局变量 a,并赋值 123// 因 var 变量提升的特性,此时打印的 a 是函数作用域内的局部变量 a//打印结果:undefined// 函数作用域内声明局部变量 a (虽和全局变量 a 的名称相同,但却是不同的变量!),并赋值 1。
2024-07-11 16:00:41
850
原创 CSS 【实用教程】(2024最新版)
CSS 是层叠样式表( Cascading Style Sheets ) 的简写,用于精确控制 HTML 页面的样式,以便更好地展示图文信息或产生炫酷/友好的交互体验。CSS 文件的后缀名为 1. style 内嵌样式https://blog.csdn.net/weixin_41192489/article/details/140226382容器内的元素,会获得容器上添加的样式文字样式的属性,都具有继承性。这些属性包括:color、 text-开头的、line-开头的、font-开头的。盒子
2024-07-10 16:12:49
2132
原创 CSS【详解】边框 border,边框-圆角 border-radius,边框-填充 border-image,轮廓 outline
template > < div class = " border-dashed " > 1:1的虚线 </ div > </ template > < style scoped > .border-dashed {< template > < div class = " border-dashed " > 1:1的虚线 </ div > </ template > < style scoped > .border-dashed {
2024-07-10 16:05:14
1237
原创 CSS 【详解】CSS 函数(含 calc,min,max,clamp,cubic-bezier,env,steps 等)
返回一个区间范围的值,等同于max(MIN, min(VAL, MAX)),适用于弹性布局。如:网页在桌面端浏览器中的宽度为1024px,在移动端的宽度为100%运算符前后带单位或者带百分号的值只能进行加减运算,不能进行乘除运算。如果VAL在MIN~MAX范围内,则使用VAL作为函数返回值;如果VAL大于MAX,则使用MAX作为返回值;如果VAL小于MIN,则使用MIN作为返回值。不能使用当前CSS属性不支持的数据类型。实际效果是限制最大值,适用于弹性布局。实际效果是限制最小值,适用于弹性布局。
2024-07-10 11:27:21
1266
原创 CSS 【详解】自定义属性(又名 CSS 变量)
可以是任意值或表达式变量作用域后代元素可以原封不动地继承祖先元素设置的CSS自定义属性值。全局变量变量值可以相互传递css变量不能给自己赋值css变量不能用于@media媒体特征的值CSS变量作为content属性值没有任何效果deepskyblue为缺省值,当–any-what无效时使用 deepskyblue最终 body 的背景色为 transparent,因为background-color的初始值是transparentvar()函数只要第一个参数值可能有效,哪怕这个参数
2024-07-10 11:10:37
933
原创 CSS【详解】渐变(含线性渐变 linear-gradient(),径向渐变 radial-gradient(),锥形渐变 conic-gradient(),重复渐变)
角度值:垂直方向为 0deg,顺时针旋转,45deg 的渐变方向是从左下角到右上角。
2024-07-10 10:21:12
639
原创 CSS【详解】变换 transform(含位移 translate,缩放/翻转 scale,旋转 rotate,CSS 的角度单位,斜切skew,透视 perspective,变换类型和原点等)
变换是缩放、位移、旋转、透视、斜切等的总称。
2024-07-10 10:04:49
1072
原创 CSS【详解】背景 background (含背景图片/渐变 background-image,背景定位 background-position,背景尺寸 background-size等)
background 是以下属性的缩写,background-size属性值只能写在background-position属性值的后面,并且使用斜杠分隔。
2024-07-09 17:43:22
779
原创 CSS【详解】文本相关样式(含 font 系列样式,文本颜色 color,三种颜色表示法,文本排版-含最佳实战范例,文本装饰,分散对齐,渐变色文本等)
标签默认font-style:italic。
2024-07-09 14:41:45
1174
原创 CSS【详解】文本装饰(含文本装饰线 text-decoration ,文字描边 stroke,文本外描边 paint-order,文本强调字符装饰,文本阴影 text-shadow))
text-decoration 属性是 text-decoration-line、text-decoration-style、text-decoration-color 和 text-decoration-thickness 的缩写styleoverline
2024-07-08 15:56:53
560
原创 CSS【详解】对齐 (含文本垂直对齐,文本水平对齐、单行文本垂直居中、多行文本垂直居中、6 种方案块级元素水平垂直居中 、7 种方案图片水平垂直居中、文本自适应对齐、图标和文本对齐,图片和文本对齐等)
只对 display 的计算值为 inline、inline-block,inline-table 或 table-cell 的内联元素有效。( 浮动和绝对定位会让元素块状化,从而导致 vertical-align 失效)
2024-07-08 10:45:17
1391
原创 CSS【详解】布局 display ( 含 flex 布局,grid 布局,table 布局,float 布局,响应式布局 等)
为了满足不同设备不同尺寸屏幕和分辨率的自适配显示,而新兴的 CSS 布局技术,详见链接。元素从左到右排列成一行,元素的宽度由内容决定,不能设置宽高(替换元素除外)。每个元素撑满整行,多个块元素在一起时,效果如同从上向下排队。display 还有很多其他样式值,如列表元素 li 的。等,但不常用,也没有用于整个页面的布局,可以忽略。也能隐藏元素,但该元素仍会占用页面空间。元素从左到右排列成一行,可以设置宽高。用于隐藏元素,不会占用页面空间;/* 表格单元格布局 *//* 水平居中 *//* 垂直居中 */
2024-07-08 00:10:16
1013
原创 CSS【详解】定位 position (静态定位 static -- 文档流排布 、相对定位 relative、绝对定位 absolute、固定定位 fixed、黏性定位 sticky)
依据最近一层的定位元素(position 值为 absolute/relative/fixed 的元素)定位,若无定位元素,则依据 body 定位。必须配合 left,right,top,bottom 一起使用,否则元素还在原文档流的位置。必须配合 left,right,top,bottom 一起使用,否则元素还在原文档流的位置。黏性定位元素的父元素高度不能和黏性定位元素的高度相同(否则没有实现黏性效果的空间)父元素相对定位,子元素绝对定位,常用于实现子元素重叠在父元素上。
2024-07-07 17:22:42
1110
dragVerifyImgChip.vue
2020-06-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人