自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(104)
  • 问答 (2)
  • 收藏
  • 关注

原创 hover元素断点调试

2.鼠标指向hover元素。1.先输入代码在控制台。

2025-05-11 15:53:26 90

原创 css样式实现-新闻列表

column-rule:1px solid rgb(75 70 74),间距线条样式。column-count:按数量分为几列,column-width:按宽度分为几列,column-span:占几行,column-gap:列间距,

2025-05-09 16:11:30 204

原创 动态路由+addroute

【代码】动态路由。

2025-04-23 22:37:23 79

原创 vxe表格实现树形结构与JSX

【代码】vxe表格实现树形结构与JSX。

2025-04-22 16:46:57 178

原创 scss模块化导入

【代码】scss模块化导入。

2025-04-22 16:05:05 107

原创 element-plus添加暗黑模式

element-plus添加暗黑主题.

2025-04-18 20:26:12 359

原创 res的TS写法

前端中的api响应数据TS类型推导。

2025-04-18 00:48:09 247

原创 ​​错误地使用了 app.use() 来注册全局组件

我是import globalComponent from "@/components";

2025-04-15 07:50:37 935

原创 让一个封装的组件重置状态

利用diff算法中给一个元素绑定一个key,改变这个key使其状态被更改,然后重新创建这个组件。

2025-04-10 01:17:09 377

原创 强大的webAPI

​,允许 JavaScript 与浏览器功能、硬件设备或网络服务交互。它们不属于 JavaScript 语言本身,而是由浏览器环境扩展的功能。Web API 极大扩展了 JavaScript 的能力,使其不仅能操作网页,还能控制硬件设备、处理多媒体、优化性能等。掌握这些 API 是开发现代 Web 应用的关键!Web API(Web Application Programming Interfaces)是浏览器提供的一组​。大多数 Web API 通过全局对象(如。

2025-04-08 00:51:59 474

原创 浏览器渲染原理

浏览器渲染原理是指浏览器将 HTML、CSS 和 JavaScript 转换为用户可视页面的过程。这个过程涉及多个关键步骤,从解析文档到最终绘制像素到屏幕上。

2025-04-08 00:36:14 604

原创 scss中封装不同设备的媒体查询混入使用

【代码】scss中封装不同设备的媒体查询混入使用。

2025-02-23 23:12:16 138

原创 flex布局自定义一行几栏,靠左对齐===grid布局

【代码】flex布局自定义一行几栏,靠左对齐。

2025-02-23 22:03:16 610

原创 vue3中的usewebsocket

【代码】vue3中的usewebsocket。

2025-02-16 23:43:13 326

原创 组件封装-List

对于数组对象渲染列表的组件进行渲染,可支持定制里面的内容与列表外部的内容。

2025-01-23 16:18:24 777

原创 算法:求整数的平方根

【代码】算法:求整数的平方根。

2025-01-18 10:42:39 310

原创 算法:求两个数的商与余数

【代码】求两个数的商与余数。

2025-01-17 15:48:30 126

原创 算法:实现回文数

解释:回文数是指正序(从左向右)和倒序(从右到左)读都是一样的整数。如果是一个回文整数,打印true,否则,返回false。例如:121是回文,而123不是。

2025-01-17 15:33:37 239

原创 Vue3组件递归

特殊注意:需要给组件取名。

2025-01-01 22:40:27 124

原创 【Vue3】项目配置Eslint+prettier+stylelint+lint-staged+husky(超详细教程)

初始化vue3项目时,使用pnpm create vue ,可选配置Eslint,选择即可初始化配置完成Eslint。在husky文件下创建lint-staged.config.js。在eslint.config.js文件导入包,即可生效。接下来可以完美的编程规则的代码提交到同一个仓库了。创建eslint.config.js配置文件。配置stylelint.config.js。package.json设置脚本命令。配置prettierrc.json。1.自动配置Eslint配置。

2024-12-23 00:22:57 785

原创 【vue3项目】sass样式配置

3.vite.config中配置。2.创建sass管理文件夹。

2024-12-22 14:46:59 387

原创 vue3中使用mock.js

2.在 vite.config.js 配置文件启用插件。3.根文件夹创建mock文件。

2024-12-22 14:40:24 359

原创 Vue3使用阿里矢量图标SVG图标组件封装并注册全局组件

在components文件夹下创建index.ts文件夹。中复制想要的svg到icons中。

2024-12-22 14:35:45 335

原创 map映射小技巧

用map 映射 替换重复判断的 if else。将多余的v-if与else换成枚举方式使用。

2024-12-18 14:10:03 233

原创 前端代理Object.defineProperty || proxy || Reflect

defineProperty的使用。proxy+Reflect代理。Reflect的基本使用。

2024-12-06 17:10:54 220

原创 Vue3样式穿透

【代码】Vue3样式穿透。

2024-10-15 23:40:48 270

原创 Element-Plus中实现表格中字段表单验证

【代码】Element-Plus中实现表格中字段表单验证。

2024-10-13 22:28:55 456

原创 封装elemen-Plus中的drawer/dialog弹框组件

【代码】封装elemen-Plus中的drawer/dialog弹框组件。

2024-10-13 15:31:21 255

原创 TS中的enum类型——常用场景

字定义enum属性的值默认从设置的数字开始递增up=8, // 8dowm, // 9left // 11。

2024-10-07 23:55:30 1617

原创 JS原数组基础上生成随机排序数组

在随机排序原数组并取3项,不修改原数组。

2024-10-03 21:33:55 171

原创 uniapp实现刷新旋转图标(引入阿里iconfont图标库)

uniapp中导入阿里图标库图标,实现点击刷新,实现图标旋转。

2024-10-03 15:26:03 415

原创 uniapp-自定义导航栏(渐变色+可封装组件通用)

由于普通的导航栏已经满足不了产品的定位,可采用自定义导航栏,封装成通用组件,在其他页面进行使用。获取胶囊的top设置上方导航距离,获取height设置导航的高度。第一步设置pages.json中pages中的style字段。

2024-10-02 21:41:27 666

原创 vscode配置Eslint后保存出现大量波浪线

快捷键打开设置:ctrl+shift+P。解决问题:配置代码格式化。

2024-09-28 19:04:29 370

原创 【全网最详细】Vue-组件通信

组件通信,就是组件与组件之间的数据传递。

2024-05-27 20:48:59 529

原创 git合并冲突问题

返回gitee官网,创建新分支home。6.删除本地home分支。

2024-04-14 15:40:33 429

原创 WX小程序-VantWeapp组件库样式修改

根据官方文档查找组件样式类,对其样式进行修改。比如使用按钮组件在app.scss中修改样式。

2024-04-08 15:34:43 1065

原创 WX小程序-基本使用Vant-weapp组件库

先去除项目中app.json的"style":"v2"属性,避免样式混乱。(2)页面导入:在page.json中注册组件使用。(1)全局导入 :在app.js中注册组件使用。

2024-04-08 15:03:09 253

原创 WX小程序-自定义构建npm

5.配置peoject.config.json文件,开启允许自定义npm构建项目。1.存放新目录,创建minprogram文件夹,将选择项目源码放入。2.在peoject.config.json文件中设置源码根目录。3.在终端中,初始化npm文件,生成package.json文件。4.安装vant组件库,生成新文件node_modules。6.重启项目,构建npm就行了。

2024-04-08 14:35:33 277

原创 WX小程序-外部样式类

属性,组件使用者可以修改组件内部样式。2.组件.wxml内添加外部样式类。3.组件注册并使用,添加组件样式类。1.组件.JS内开启。

2024-04-08 13:57:32 456

原创 WX小程序-代码复用Behavior

组件内的properties属性和data属性,methods方法会使用,bahavior不会。behavior的生命周期函数 = > 组件内的生命周期函数。3.组件中的属性,方法,生命周期函数与behavior中。1.创建代码behavior.js文件。2.组件中使用behavior。

2024-04-07 22:05:45 230

学生就业信息管理系统,利用html,css,js技术简单的实现,完成了增删改查的操作

小白看网上视频自学后,自己做的系统。该页面主要使用了localstorge:本地存储技术,刷新,关闭页面,不会数据丢失。代码注解非常全,,简单易懂!

2023-08-09

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

TA关注的人

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