自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(797)
  • 资源 (3)
  • 收藏
  • 关注

原创 vue3【实战】可编辑的脱敏信息

@param fillChar 用于脱敏的填充字符,默认为 "*"* @param content 待脱敏的字符串。* @returns 脱敏后的字符串。// 若不想对外展示脱敏信息,则清空。* 脱敏处理字符串中的名字。

2024-07-25 17:05:18 253

原创 JS【实战】敏感信息脱敏(含手机号脱敏,用户编号脱敏,姓名脱敏,证件号码脱敏)

测试。

2024-07-24 10:37:01 112

原创 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【详解】组合式函数

利用 Vue 的组合式 API 来封装和复用的函数,用于实现逻辑复用,类似 react18 中的 hookuse。

2024-07-21 00:09:43 817

原创 vue3【详解】插件 Plugins(含插件的使用场景、编写插件,插件中的 Provide / Inject )

/ 注入一个全局可用的 $translate() 方法// 获取 `options` 对象的深层属性// 使用 `key` 作为索引。

2024-07-20 11:10:42 354

原创 vue3【详解】跨组件通信 -- 依赖注入 provide inject

用于解决跨组件(父组件与所有后代)数据通信。

2024-07-20 10:48:35 631

原创 VUE3【实用教程】(2024最新版)

Vue 2 已于 2023 年 12 月 31 日停止维护,请用 Vue 3

2024-07-19 18:09:37 1067

原创 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【详解】计算属性 computed

/ 注意:我们这里使用的是解构赋值语法。用于描述依赖响应式状态的复杂逻辑。

2024-07-18 11:17:10 316

原创 JS【详解】真值 vs 假值(虚值 / falsy 值)

转换为布尔类型后,结果为 false 的数据即假值,共 7 种""''

2024-07-18 10:05:16 150

原创 vue3【详解】单文件组件 SFC(含SFC的优点、缺点、使用场景、原理、使用预处理器、<script setup>语法详解、资源拆分)

自定义指令必须遵循命名规范(自定义指令名的首字母必须是v,后续跟首字母大写的自定义指令名称 )// 在元素上做些操作 } } < template > < h1 v-my-directive > This is a Heading const。

2024-07-16 17:20:09 647

原创 JS【实用教程】(2024最新版)

JavaScript 简称 JS,可运行于浏览器 或 node 环境。

2024-07-15 20:35:40 1509

原创 JS【实战】文件相关的处理

【代码】JS【实战】文件相关的处理。

2024-07-15 18:06:16 200

原创 JS【实战】CSS 样式相关的处理

如 fontSize -> font-size${

2024-07-15 17:54:40 245 1

原创 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【详解】数学运算 Math

Math的属性都是不可修改的常数,全部大写。

2024-07-13 11:18:59 300

原创 JS【详解】运算符/操作符 (解构运算符,对象操作符,void 操作符,typeof 运算符, instanceof 运算符,赋值运算符,比较运算符,逻辑运算符,三元运算符,运算符的优先级)

y=5a是变量,而a++和++a是表达式: 假设用户输入345,怎么分别得到3、4、5这三个数呢?

2024-07-12 18:12:34 846

原创 JS【详解】数据类型转换

数据类型转换

2024-07-12 17:35:19 218

原创 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

原创 JS【详解】ES6 模块规范 vs CommonJS 模块规范

每个 js 文件都是一个模块,默认采用的 CommonJS 模块规范。

2024-07-11 11:22:05 507

原创 JS【详解】类 class ( ES6 新增语法 )

本质上,类只是一种特殊的函数。

2024-07-10 17:44:06 507

原创 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

原创 CSS【详解】层叠 z-index (含 z-index 的层叠规则,不同样式的层叠效果)

仅对已定位的元素()有效,默认值为0,可以为负值。

2024-07-09 15:59:19 683

react-developer-tools

react-developer-tools

2024-05-10

quickcode快捷编程20210310版.zip

使用vue开发的方便快捷编程的工具(核心功能:自动生成目录,一键复制代码)

2021-03-10

pinyin_withtone.js

js 汉字转拼音

2020-12-29

dragVerifyImgChip.vue

vue 滑动拼图验证,使用方法详见https://blog.csdn.net/weixin_41192489/article/details/107029471

2020-06-30

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除