- 博客(797)
- 资源 (3)
- 收藏
- 关注
原创 vue3【实战】可编辑的脱敏信息
@param fillChar 用于脱敏的填充字符,默认为 "*"* @param content 待脱敏的字符串。* @returns 脱敏后的字符串。// 若不想对外展示脱敏信息,则清空。* 脱敏处理字符串中的名字。
2024-07-25 17:05:18
253
原创 2024 前端必备技能【系列实用教程】
https://sunshinehu.blog.csdn.net/article/details/140203467https://blog.csdn.net/weixin_41192489/article/details/140224599https://blog.csdn.net/weixin_41192489/article/details/140327083https://blog.csdn.net/weixin_41192489/article/details/140456957https://b
2024-07-23 17:31:45
624
原创 React 18【实用教程】(2024最新版)
含@配置,react-developer-tools 和 Redux DevTools 下载安装。
2024-07-23 17:26:42
588
原创 Vue Router 4【实用教程】(2024最新版)vue3 路由管理
Vue Router 是 Vue 官方的客户端路由解决方案,在单页应用 (SPA) 中,用户在应用中浏览不同页面时,URL 会随之更新,但页面不需要从服务器重新加载。核心思想:通过配置路由来告诉 Vue Router 为每个 URL 路径显示哪些组件。官网https://router.vuejs.org/zh/guide/安装通常创建 vue3 项目时,选择安装 Pinia 就会自动集成。但若目前项目里没有,则按如下流程操作npm install vue-router@4新建文件 s
2024-07-23 16:55:49
968
原创 vue3【详解】内置组件 Teleport
用于将组件内的部分模板,挂载到组件外的 DOM 上渲染在 Vue Devtools 中,改变挂载位置的模板,仍然嵌套在父级组件下同一节点被挂载多个 Teleport 时,后挂载的将排在目标元素下更后面的位置上。</</</</渲染结果</</</
2024-07-22 15:00:29
280
原创 vue3【详解】内置组件 KeepAlive(缓存组件实例)
用于在多个组件间动态切换时缓存被移除的组件( 默认情况下,一个组件实例在被替换掉后会被销毁。
2024-07-22 11:56:16
143
原创 vue3【详解】内置组件 Transition
添加属性 name,可自定义过渡动画名称,代替默认的 v</此时需自行添加以下 cssopacity: 0;添加属性,可自定义过渡动画类名(方便使用第三方的动画库,如。
2024-07-22 11:28:53
873
原创 vue3【详解】自定义指令
以 v 开头的驼峰式命名自定义一个变量,该变量的值是一个对象,包含至少一个类似生命周期钩子函数的属性// 在绑定元素的 attribute 前// 或事件监听器应用前调用// 下面会介绍各个参数的细节},// 在元素被插入到 DOM 前调用// 在绑定元素的父组件// 及他自己的所有子节点都挂载完成后调用// 绑定元素的父组件更新前调用// 在绑定元素的父组件// 及他自己的所有子节点都更新后调用// 绑定元素的父组件卸载前调用// 绑定元素的父组件卸载后调用。
2024-07-22 10:17:44
357
原创 vue3【详解】插件 Plugins(含插件的使用场景、编写插件,插件中的 Provide / Inject )
/ 注入一个全局可用的 $translate() 方法// 获取 `options` 对象的深层属性// 使用 `key` 作为索引。
2024-07-20 11:10:42
354
原创 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
477
原创 vue3【详解】单文件组件 SFC(含SFC的优点、缺点、使用场景、原理、使用预处理器、<script setup>语法详解、资源拆分)
自定义指令必须遵循命名规范(自定义指令名的首字母必须是v,后续跟首字母大写的自定义指令名称 )// 在元素上做些操作 } } < template > < h1 v-my-directive > This is a Heading const。
2024-07-16 17:20:09
647
原创 JS【详解】数组(数组的本质、创建数组、常用数组操作API汇总对比和实战范例、数组的遍历、复制、去重等)
数组本质上是以数字为键(从0开始,依次递增),并外加一个会自动增长的 length 属性的对象。
2024-07-15 17:28:42
864
原创 JS【详解】函数 (声明函数、调用函数、函数表达式、匿名函数、立即执行函数、构造函数、工厂函数、new、箭头函数、内置函数、回调函数、私有函数、高阶函数、模拟函数重载)
函数用于封装一段具有特定功能代码,通过调用的形式执行。
2024-07-15 09:35:07
1030
原创 JS【详解】语句 (声明语句,赋值语句,条件判断语句,循环语句,中断语句 break,继续语句 continue,返回语句 return)
JS 语句用于执行某种操作(JS 表达式是计算一个结果),以;结尾 —— 对换行、缩进、空格不敏感,严格区分大小写。
2024-07-13 14:39:58
430
原创 JS【详解】运算符/操作符 (解构运算符,对象操作符,void 操作符,typeof 运算符, instanceof 运算符,赋值运算符,比较运算符,逻辑运算符,三元运算符,运算符的优先级)
y=5a是变量,而a++和++a是表达式: 假设用户输入345,怎么分别得到3、4、5这三个数呢?
2024-07-12 18:12:34
846
原创 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
527
原创 JS【详解】对象(含对象的存储原理,对象的 getter 和 setter,对象的常用操作,判断对象是否为空对象,对象的深拷贝,对象的创建、遍历、合并、拷贝等)
任何事物都可以看作一个对象,用属性描述它的特征,用方法描述它的行为。
2024-07-12 16:21:22
532
原创 JS 【详解】字符串(含模板字符串、转义字符、常用字符串API汇总、常用字符串操作详解、获取字符串的三种长度、Unicode 编码转字符、字符串转为html 、使用 Lodash 等)
第二个参数指定是区间的末端位置,而不是该区间的长度。目标字符串和被搜索的字符串都变为小写再搜索。substring 和 slice 的区别。第一个参数指定是区间的起始位置(含头)lastIndexOf 从后向前搜索。全无副作用 : 都不会改变原字符串。第二个参数是搜索起点的下标。第二个参数是搜索起点的下标。变量、表达式、函数写在。通常配合正则表达式使用。第一个参数是目标字符串。第一个参数是目标字符串。
2024-07-12 11:51:24
699
原创 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
854
原创 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
2137
原创 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
1313
原创 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
1274
原创 CSS 【详解】自定义属性(又名 CSS 变量)
可以是任意值或表达式变量作用域后代元素可以原封不动地继承祖先元素设置的CSS自定义属性值。全局变量变量值可以相互传递css变量不能给自己赋值css变量不能用于@media媒体特征的值CSS变量作为content属性值没有任何效果deepskyblue为缺省值,当–any-what无效时使用 deepskyblue最终 body 的背景色为 transparent,因为background-color的初始值是transparentvar()函数只要第一个参数值可能有效,哪怕这个参数
2024-07-10 11:10:37
944
原创 CSS【详解】渐变(含线性渐变 linear-gradient(),径向渐变 radial-gradient(),锥形渐变 conic-gradient(),重复渐变)
角度值:垂直方向为 0deg,顺时针旋转,45deg 的渐变方向是从左下角到右上角。
2024-07-10 10:21:12
645
原创 CSS【详解】变换 transform(含位移 translate,缩放/翻转 scale,旋转 rotate,CSS 的角度单位,斜切skew,透视 perspective,变换类型和原点等)
变换是缩放、位移、旋转、透视、斜切等的总称。
2024-07-10 10:04:49
1103
原创 CSS【详解】背景 background (含背景图片/渐变 background-image,背景定位 background-position,背景尺寸 background-size等)
background 是以下属性的缩写,background-size属性值只能写在background-position属性值的后面,并且使用斜杠分隔。
2024-07-09 17:43:22
823
dragVerifyImgChip.vue
2020-06-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人