自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(57)
  • 收藏
  • 关注

原创 【Vite】前端开发服务器的配置

【Vite】前端开发服务器的配置,定义一些开发服务器的行为和代理规则

2025-05-16 11:51:34 308

原创 【CSS】Grid 的 auto-fill 和 auto-fit 内容自适应

【CSS】Grid 的 auto-fill 和 auto-fit 内容自适应

2025-05-07 16:32:55 374

原创 css animation 动画属性

是一个性能你优化属性,它允许开发者提前告知浏览器哪些元素属性即将发生变化,让浏览器可以提前做好优化准备。(定义动画再执行前后如何应用样式)优先使用 transform 和 opacity 属性进行动画,这些属性可以由浏览器高效处理;(定义动画速度曲线)(定义动画是否反向播放)使用 will-change 属性预先告知浏览器哪些元素会变化;避免动画过多元素,可能导致性能问题;

2025-05-07 13:23:49 617

原创 【uniapp】在UniApp中检测手机是否安装了某个应用

【uniapp】在UniApp中检测手机是否安装了某个应用

2025-04-30 10:30:19 982

原创 【h5】自动获取邀请码通用方法

【h5】自动获取邀请码通用方法

2025-04-27 15:01:03 126

原创 【uniapp】vue2 搜索文字高亮显示

【uniapp】vue2 搜索文字高亮显示

2025-04-25 15:58:42 253

原创 关于 JavaScript 箭头函数的隐式返回规则

关于 JavaScript 箭头函数的隐式返回规则

2025-04-18 16:08:04 176

原创 【uniapp】uni.setClipboardData 方法失效 bug 解决方案

【uniapp】uni.setClipboardData 方法失效 bug 解决方案

2025-04-17 13:50:46 604

原创 【uniapp】vue2 使用 Vuex 状态管理

【uniapp】vue2 使用 Vuex 状态管理

2025-04-17 10:32:38 360

原创 模态框(modal)、抽屉(drawer)等需要显示 / 隐藏状态封装成组件,数据交互便捷写法

模态框(modal)、抽屉(drawer)等需要显示 / 隐藏状态封装成组件,数据交互便捷写法

2025-04-15 18:03:04 203

原创 css一些注意事项

背景图片没有显示的原因是因为 background 属性覆盖了 background-image。在CSS中,background 是一个复合属性,当你使用它时,会重置所有其他背景相关的属性(包括 background-image)。

2025-04-14 11:49:41 236

原创 不改变 this 指向的防抖、节流

不改变 this 指向的防抖、节流

2025-04-07 17:53:40 126

原创 通俗解释 TCP 的三次握手、四次挥手

TCP(Transmission Control Protocol,传输控制协议)是互联网最核心的通信协议之一,相当于互联网世界的可靠快递系统;

2025-04-02 16:18:30 566

原创 为什么 js 对象中引用本地图片需要写 require 或 import

现代前端工程(如 Vue、React)使用 webpack / vite 等构建工具,这些工具要求所有静态资源必须显式声明依赖

2025-04-02 14:53:00 647

原创 【vue3】如何将一组图片快速导入页面,形成一个网页

【vue3】如何将一组图片快速导入页面,形成一个网页

2025-04-02 11:43:16 136

原创 【uniapp】生成 + 保存二维码

【uniapp】生成 + 保存二维码

2025-03-31 15:05:34 378

原创 【vue】editor富文本输入全英文,谷歌浏览器:元素不会自动换行bug

【vue】editor富文本输入全英文,谷歌浏览器:元素不会自动换行bug

2025-03-31 10:18:36 254

原创 【vue3】监听路由参数

【vue3】监听路由参数

2025-03-28 13:52:01 303

原创 【uniapp】methods方法挂在全局,方便无关联页面调用

$eventBus 全局事件总线适用于中小型项目,大型项目还是推荐使用 Vuex / pinia

2025-03-26 12:01:11 408

原创 当图片大小尺寸不够,但需要将图片完全显示,背景也使用该图打底虚化

backdrop-filter 是一个 css 属性,用来对元素背后的区域应用图形效果,如模糊、对比度调整等。专门用于背景区域(背景图、颜色、内容等),而不是前景内容。当图片大小尺寸不够,但需要将图片完全显示,背景也使用该图打底虚化。

2025-03-25 14:26:13 193

原创 【JavaScript】数组的操作

【JavaScript】数组的操作

2025-03-24 17:43:29 247

原创 通俗解释一下浅拷贝和深拷贝

浅拷贝适用于只拷贝对象的第一层,且不希望修改对象时影响其它对象的场景;深拷贝适用于需要一个完全独立的副本,且对象中包含嵌套的对象或数组,且嵌套结构也要被独立拷贝的场景;

2025-03-24 16:38:51 377

原创 【web3】

检测钱包是否安装

2025-03-24 13:58:10 293

原创 通俗解释一下原型链

原型链是 JavaScript 里对象继承机制的核心,可以让一个对继承另一个对象的属性和方法。可以把它想象成一条家族血统链,每个对象都一个父对象(即原型),如果找不到某个属性或方法,就会沿着这条链向上找。

2025-03-23 21:39:07 250

原创 【uniapp】各端获取路由路径的方法

【uniapp】各端获取路由路径的方法

2025-03-22 16:12:52 863

原创 关于 vue2 vue3 响应式数据,及如何清空、重置对象

关于 vue2 vue3 响应式数据,及如何清空、重置对象

2025-03-22 15:57:01 612

原创 为什么动画效果更推荐使用transform实现位移或者缩放

为什么动画效果更推荐使用transform实现位移或者缩放

2025-03-22 14:25:11 282

原创 【uniapp】内容瀑布流

【uniapp】内容瀑布流

2025-03-22 12:02:25 332

原创 【element plus】用户推荐关系 tree 树形控件的使用

【element plus】用户推荐关系 tree 树形控件的使用

2025-03-18 15:52:55 202

原创 js 复制功能(不同框架的不同写法)

部分旧浏览器(如 IE)或非安全上下文(HTTP 页面)可能不支持,需考虑降级方案(如document.exeCommand('copy'))navigator.clipboard.writeText() 是现代浏览器提供的api,用于异步写入剪贴板。

2025-03-14 17:15:34 225

原创 【vue3】海报生成功能

海报生成功能

2025-03-04 17:36:19 290

原创 【font】字体引入使用

【font】字体引入使用

2025-02-22 14:09:43 127

原创 【uniapp】input框置底,手机端弹出键盘时页面整体上移,解决方案

【uniapp】input框置底,手机端弹出键盘时页面整体上移,解决方案

2025-02-19 17:54:48 794

原创 【uniapp】获取元素的高度

uniapp获取元素的高度

2025-02-18 15:02:24 1121

原创 【uniapp】uView u-sticky吸顶在手机端不起效解决方案

【uniapp】uView u-sticky吸顶在手机端不起效解决方案

2025-02-18 14:51:47 500

原创 【uniapp】获取手机顶部菜单栏高度方法

【uniapp】获取手机顶部菜单栏高度方法

2025-02-18 14:20:48 458

原创 【uniapp】一些方法(持续更新)

【uniapp】一些方法(持续更新)

2025-01-18 15:19:53 201

原创 【uniapp】点击顺序混乱的元素,按顺序填入

【uniapp】点击顺序混乱的元素,按顺序填入

2025-01-14 10:34:49 159

原创 【uniapp】input元素去掉聚焦时的自带边框

【uniapp】input元素去掉聚焦时的自带边框

2025-01-13 11:28:43 232

原创 利用【element ui】框架实现 h5 滑动滚一屏效果

利用【element ui】框架实现 h5 滑动滚一屏效果表示事件处理程序可能会调用event.preventDefault(),因此浏览器需要等事件处理程序执行完毕后,才能决定是否阻止默认行为。这可能会稍微降低滚动事件的性能,但如果需要明确阻止默认滚动行为(例如防止页面滚动),就必须使用passive:false。表示事件处理程序不会调用event.preventDefault()来阻止默认行为。这种设置会让浏览器更高效地处理滚动等事件,因为浏览器可以直接执行默认行为,而无需等待事件处理程序的执行;

2025-01-07 11:06:51 218

空空如也

空空如也

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

TA关注的人

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