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