- 博客(129)
- 收藏
- 关注
RSS订阅原创 CSS设置移动端页面底部安全距离
如图：在开发微信小程序时遇到的按钮被iOS设备底部黑线遮挡的问题，以及如何利用CSS中的env(safe-area-inset-bottom)属性来创建安全区域，避免内容被遮挡。通过将该属性应用到padding或height上，成功解决了问题。值，用于设置底部安全距离。它表示使用环境变量来获取底部安全距离的值。当使用环境变量时，需要使用env()函数来引用具体的环境变量。env(safe-area-inset-bottom)是一个。
2025-06-03 11:43:03
416
原创 grid网格布局
注意：实现这种响应式布局，一定要注意父容器不能使用固定宽度，可以将父容器改为如：80%，这样就能根据屏幕的宽度，自动展示一行展示几个了。注意：这三个属性是给父容器添加的，子元素，可以不用设置宽度，也不用设置margin间距即可完成如下布局。看，上面的grip布局，最后一行不是4的倍数，但是可以左对齐，不会像flex布局一样的bug。如何想让最后一行左对齐是有办法的，大家可以自行去搜索办法，能实现但是操作起来有些麻烦，但是。display：grid 是转为网格布局，这个是必须的。
2025-05-29 14:37:45
695
原创 uniapp使用Vue3组合式API版本，如何实现从vue模块中自动导入
本文介绍了在Vue3开发uniapp项目中，如何通过unplugin-auto-import插件实现自动导入ref、computed等常用模块，避免了每次手动导入的繁琐。通过创建vite.config.js并配置自动导入，简化了脚本编写，使项目运行更加便捷。
2025-05-27 11:09:15
304
原创 NProgress.js，一款神奇的 JavaScript 开源库——页面进度条
NProgress.js，一款神奇的 JavaScript 开源库——页面进度条
2025-05-21 14:55:16
445
原创 随机生成图片的网站 Lorem Picsum
Lorem Picsum 官网地址Lorem Picsum 是一个免费的图片占位符服务，可以用于网站、应用程序或任何需要占位符图片的地方。它提供了一个简单的 API，可以通过 HTTP 请求获取随机图片，也可以指定特定的图片大小和其他参数。Lorem Picsum 还提供了一个网站，可以在其中浏览和下载图片。这些图片都是由 Unsplash 社区的摄影师上传的，可以免费用于个人和商业用途。
2025-05-12 18:04:44
334
原创 Vue3 最受欢迎的 5 个拖拽神库！
拖拽排序拖拽面板拖拽组件等。今天给大家推荐5款Vue3超实用的拖拽组件，能够覆盖平时开发中的99%拖拽需求！
2025-04-21 15:40:50
869
原创 tree树的遍历（含深度优先搜索和广度优先搜索的算法实现）
从根节点（或起始节点）开始，先访问当前层的所有节点，再进入下一层。出发，优先遍历最深的节点。
2025-04-17 10:33:02
238
原创 vite【详解】常用配置 vite.config.js / vite.config.ts
导入模块时可省略的文件扩展名列表，默认值是 [‘.mjs’, ‘.js’, ‘.ts’, ‘.jsx’, ‘.tsx’, ‘.json’]。类似于 Webpack 中的 publicPath，如果项目要部署在子路径下，就需要修改该配置。强制预构建的依赖项列表，Vite 会在启动时对这些依赖进行预构建，以提高冷启动速度。开发或生产环境服务的公共基础路径，默认值为 /。可以是绝对路径或相对路径。路径别名 alias 使用 @ 来代替 src 目录。定义全局常量替换方式，在代码中可以直接使用这些常量。
2025-04-15 15:46:26
534
原创 UniApp Vue 3 中的网络请求封装及用法
在中，结合Vue 3的强大特性，进行的封装是项目中常见的需求。这样的封装不仅提高了代码的可维护性，还使得在组件中使用网络请求更加简洁。本文将详细介绍UniApp中的网络请求封装，并提供一个简单的用法示例。
2025-04-07 17:11:27
775
原创 Vue3中的公共数据配置globalProperties getCurrentInstance
3、注意点是这个函数要在组件钩子中使用,不要在普通函数中使用获取一下挂载的api。
2025-04-04 17:57:18
273
原创 JavaScript 读取电脑复制的内容
备注：由于安全和隐私原因，此API只能在安全上下文中运行（即HTTPS或），并且在某些情况下可能需要用户交互（例如，点击事件）。
2025-03-27 17:53:15
438
原创 前端解决get请求传递数组
1.传递字符串，将数组转为字符串进行传递，后端也以字符串接受。2.将数组转换为查询字符串格式，并附加到URL上。直接使用get请求传递数组，会报错。
2025-03-24 11:09:18
315
原创 el-input 设置类型为number时，输入中文后光标会上移，并且会出现上下箭头
设置 el-input 的 type='number'后，只能输入数字，输入中文后会自动清空，但是会出现一个问题：【光标会上移，如下图】设置 el-input 的 type='number'后，输入框后面会出现上下箭头：【如下图】：需要实现样式穿透 :deep( )：需要实现样式穿透 :deep( )
2025-03-04 16:31:37
413
原创 deep seek本地化部署
2.打开后进入命令行界面：输入命令：ollama run deepseek-r1:7b。3.开始下载deep seek环境，内容大约7G大小，请耐心等待下载完成。下载完成后，就可在命令行界面、在无网络的情况下进行问答。2.点击Download，选择适合自己的版本下载安装。3.下载后根据步骤安装即可！可能反应较慢，耐心等待即可！点击保存，即可正常聊天使用。
2025-02-19 11:20:17
410
原创 比较两个数组对象及内部的元素是否完全相同
比较两个具有相同结构的数组，我们需要编写一个函数来递归地检查每个对象的每个属性是否相等。由于数组中包含嵌套数组，我们需要确保这些嵌套数组也被正确地比较。
2024-11-25 12:21:37
308
原创 JavaScript数字精度丢失问题解决方案
JavaScript使用64位浮点数表示数字（基于IEEE 754标准），这导致某些十进制数字在计算过程中出现精度丢失。常见的场景包括小数运算，如0.1 + 0.2的结果并非精确的0.3，而是。
2024-10-18 17:36:14
566
原创 前端vue项目使用Decimal.js做加减乘除求余运算
引用使用 注意：运算结果是Decimal对象，需要使用.toNumber()转为数字 减 sub 乘 mul除 div求余 modulo
2024-10-18 17:35:08
1510
原创 nvm 解决问题: Could not retrieve https://nodejs.org/dist/index.json.
执行nvm list available 命令会提示提示超时、检索失败！
2024-09-26 15:51:32
241
原创 el-table使用type=“expand”根据数据条件隐藏展开按钮
可能在项目中会存在添加样式不起作用，这时就需要用到样式穿透 :deep()
2024-09-03 15:19:38
1333
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人