- 博客(29)
- 收藏
- 关注
RSS订阅原创 Mac安装pnpm步骤以及会出现的问题
摘要：Mac系统安装pnpm后出现"command not found"错误，原因是默认终端zsh未配置环境变量。解决方法是将安装脚本生成的配置从~/.bashrc复制到~/.zshrc文件中，添加PNPM_HOME环境变量并更新PATH路径，然后执行source ~/.zshrc使其生效。安装完成后可通过pnpm -v验证版本号，常用命令如pnpmi安装依赖、pnpm add -g全局安装包等与npm类似。该问题主要由于Mac默认使用zsh终端而非bash导致，配置后所有终端均可正常使
2025-11-07 16:47:23
1046
原创 vue2+UniApp微信小程序集成高德地图
本文概述了在UniApp微信小程序中集成高德地图的开发流程。主要内容包括账号注册与Key申请、SDK引入（下载JS SDK并放置项目静态目录）、基础地图实现（使用UniApp的map组件，通过CSS调整样式）、交互功能开发（位置搜索、标记点击等）及注意事项（性能优化、调试发布要求）。重点展示了地图组件的声明、位置信息处理（获取当前位置、地址解析）和搜索功能实现（关键词输入提示、POI选择），同时强调需遵守API调用规范，配置合法域名并通过微信审核。
2025-10-29 11:47:30
988
原创 Vue2引入高德地图开发全攻略（pc）
本文介绍了在Vue2项目中引入高德地图的实现方案。主要包括：注册开发者账号获取API Key、地图组件封装（初始化、销毁、标记添加）、常用功能实现（搜索、定位、事件监听）、自定义样式与性能优化等。提供了完整的地图组件代码示例，涵盖位置搜索、标记设置、逆地理编码等功能实现，并详细说明了组件引入与调用方法。文章最后推荐参考高德地图官方文档进行功能扩展。
2025-10-29 11:27:00
339
原创 vue2+uniapp组件video实现全屏可拖拽以及关闭视频窗口功能
本文介绍了在uni-app中实现视频拖拽和关闭功能的方法。由于原生video组件不支持这些功能，可通过movable-view组件实现。代码示例展示了一个悬浮视频组件，包含可拖拽区域和关闭按钮。主要实现步骤包括：1）使用movable-area和movable-view创建拖拽容器；2）设置视频播放参数；3）通过@change事件监听拖拽位置变化；4）添加关闭按钮控制视频显隐和暂停播放。这种方法有效扩展了uni-app视频组件的交互功能。
2025-07-16 16:05:57
315
原创 git新建远程分支并提交到远程分支
本文介绍了Git常用命令及其功能：git add .添加工作目录变更到暂存区；git commit -m提交变更到本地仓库；git branch查看/创建分支；git checkout切换分支。重点解析了两种推送分支命令的区别：git push -u origin new-branch会建立本地与远程分支的upstream关联，后续可简写git push；而git push origin new-branch仅推送代码，不建立关联，后续仍需完整命令推送。这些命令涵盖了Git分支管理的基础操作流程。
2025-05-29 17:55:24
437
原创 vue3+element-plus修改el-pagination默认显示“共XX条“文本
该代码片段展示了一个使用 Vue 3 和 Element Plus 实现的分页组件。通过 el-pagination 组件，用户可以设置当前页码、每页显示条数、总条数等参数，并支持分页大小切换和页码跳转功能。代码中引入了中文语言包 zhCn，并将分页组件的总条数显示格式设置为“共{total}个项目”。此外，还定义了 handleSizeChange 和 handleCurrentChange 方法，分别用于处理每页条数变化和当前页码变化的事件。整体代码结构清晰，展示了如何在 Vue 3 项目中集成和使用
2025-05-23 10:39:17
471
原创 Vue el-table表格导出为Excel，调用导出接口返回内容有的为Blob对象，有的直接显示其内部的二进制数据的解决方法
exportExcelReturned 为导出接口，返回的res内容为：如果是Blob对象，直接打印res为：如果不是Blob对象，会直接输出内容：利用URL.createObjectURL()方法为a标签生成就会报错。
2025-04-23 17:37:53
950
原创 git 删除远程仓库不需要的文件夹
出现这个错误是因为你在本地对这些文件进行了修改，但还没有提交到仓库，现在进行了某些操作（比如可能是尝试切换分支、重置等）导致冲突。3.使用`git commit`命令提交删除操作的更改 git commit -m “删除文件example.txt”将`origin`替换为远程仓库的名称，`branch-name`替换为要推送到的分支名称。5.如果只是想删除远程仓库中的文件，而不删除本地仓库中的文件，可以使用以下命令。4.使用`git push`命令将本地仓库的更改推送到远程仓库。
2025-04-22 15:14:41
648
原创 vue2+el-date-picker日期时间选择器，处理表单的提交和编辑表单数据回显的时间格式问题。
expriationTime是一个数组，保存选的日期时间范围，后端接受两个字段 expirationTimeStart（开始时间），expirationTimeEnd（结束时间）提交时间日期选择器的表单时，后端希望收到的格式为Date类型（如："2025-04-09T16:00:00.000Z"），是。这种格式的优点在于，它在全球范围内是统一的，不会因时区不同而改变，方便跨时区的数据交换和存储。所以，表单回显时用本地时间格式，提交的时候，将本地时间转换为utc格式。不包含时区信息，表示本地时间。
2025-04-21 17:40:19
770
原创 vue+elementUI输入“比例“的表单验证规则
以上描述可以帮助用户理解如何正确输入比例数值，并确保数据的准确性。输入要求：数字或百分比格式（例如：50 或 50%）结尾），去掉百分号并检查是否在0到100之间。如果输入是数字，检查是否在0到1之间。匹配0%到100%之间的百分数（如。匹配0到1之间的数字（如。允许小数点后最多两位。如果输入是百分数（以。
2025-04-17 15:47:55
389
原创 uniapp page.json里设置globalStyle:{backgroundColor:#ff7f00}微信小程序不生效，支付宝小程序生效的问题。
总结：在page.json里设置globalStyle :{backgroundColor}全局背景色样式，支付宝小程序可以生效，微信小程序不生效，只是下拉出现窗口的背景色。问题： page.json里全局设置background背景色样式，支付宝小程序生效，但是微信小程序不生效。如果要设置全局背景色，可以在App.vue里。
2025-03-26 11:05:02
413
原创 vue2+el-checkbox多组复选框实现全选、单选、取消全选功能
Vue 的响应式系统有时会在复杂嵌套的数据结构中出现延迟更新或未正确触发的情况。绑定到 checkAll 数组中的一个元素，表示当前分组是否。是一个布尔表达式，判断当前分组的所有子复选框是否都被勾选。是一个数组，用于存储每个分组的不确定状态（即半勾选状态）。是一个布尔表达式，判断当前分组的子复选框是否部分被勾选。数组的更新是响应式的，视图会根据新值重新渲染。数组的更新是响应式的，视图会根据新值重新渲染。是一个数组，用于存储每个分组的全选状态。是数组，而数组的响应式更新需要使用。，否则可能会导致视图不同步。
2025-03-14 15:15:59
2122
2
原创 vue前端写商品计算价格时出现金额计算0.1*3=0.30000000000000004
这是因为 JavaScript 中的浮点数运算存在精度问题。这是由于浮点数在计算机内部是以二进制形式存储的，而某些十进制小数无法精确地表示为二进制浮点数，从而导致了精度误差。当this.value = 3，this.goodsDetail.price = 0.1 total=0.30000000000000004。你可以在后端或前端将价格转换为整数（以分为单位），然后在显示时再转换回元。，因为它可以完全避免。
2025-03-05 17:48:03
263
原创 解决Vue+elementUI Form表单校验出现英文提示的问题
问题：当表单里输入内容后，删除清空后会出现英文的提示。解决：将写在 el-form-item里的。属性写在el-input里。
2025-02-14 11:10:11
352
原创 Mac换Node版，项目不冲突！
例如，有的项目使用webpack构建，而另一些则使用vite，每个项目对Node版本的依赖也不同。3.安装所需的Node版本：例如，要安装最新版本，可以运行`sudo n latest`。5.切换到指定版本：安装完所需版本后，可以通过运行`n `命令来切换到特定版本。4.查看当前使用的Node版本：在终端中输入`node -v`，这将显示当前正在使用的Node版本。2.查看所有已安装的Node版本：运行`n list`命令，这将列出所有可用的Node版本。
2025-02-11 11:40:13
292
原创 uniapp打包成Android app的步骤并解决打包成Android app，iconfont图标不显示的问题
4.找到自己项目目录unpackage——release——apk下的.apk就是安装包，发到安卓手机上就能安装了！找到iconfont.css文件，把url后面的内容加上https。1.打包ios比较麻烦，这里讲的是打包安卓的步骤。打包iconfont图标不显示的问题。2.选择使用云端证书，快速安心打包。3.打包成功控制台输出的内容。
2025-01-22 11:14:02
529
原创 elementui实现分页
要使用ElementUI来实现分页功能，你首先需要安装ElementUI并引入它的相关组件。通过以上步骤，你就可以在ElementUI中实现分页功能了。你可以根据具体的需求来调整分页的配置和事件处理逻辑。引入ElementUI组件。注册ElementUI组件。安装ElementUI。在模板中使用分页组件。
2025-01-15 11:51:41
364
原创 解决 uview u-dropdown 下拉菜单超出屏幕会隐藏的问题
问题：每一个列表项都有一个下拉菜单，但是滚动加载出来的列表原本是超出屏幕范围内的， 下拉菜单展开的内容也会隐藏。解决：在调试器查看样式后发现下拉菜单的内容超出会隐藏。修改组件样式就能完美解决了，用样式穿透/deep/
2025-01-03 10:14:37
343
原创 uview form表单手机号验证
在提交添加和编辑表单前对表单进行验证，但是手机号的rules里的required属性为false还是会验证失败，原因是this.validateMobile里的value为空时，也返回手机号码不正确，所以给出判断如果为空一样通过校验。对象的属性名，在使用 validate、resetFields 方法的情况下，该属性是必填的，并且属性名要和data里form里的属性名一样。在做小程序表单部分的时候，添加表单有输入手机号的时候，对输入的手机号做一个校验可以提升用户体验。ref="form" 通过。
2024-12-27 14:58:52
781
原创 uniapp打开编辑u-modal模态框，取消后再次点击编辑同一条表单数据，图片列表无数据
打开编辑框后点击取消，再次打开编辑同一条数据，发现其他表单数据都能被正确填充，但是图片列表没有数据，代码里每次打开编辑框都会初始化图片列表和文件列表，并且控制台都能输出一样的数据，就是没有将图片数据正确渲染上去，后来检查代码发现是因为点击取消后，执行@cancel=“show=false" 只是将模态框的show赋值为false来达到关闭的效果，并没有将表单数据重置。）在点击取消关闭模态框时并没有被重置，这可能是导致再次打开同一个表单编辑时图片列表没有数据的原因。事件中添加逻辑来重置。
2024-12-26 15:06:45
424
原创 uniapp使用u-upload和uni.uploadFile实现上传多张图片
auto-upload：选择完图片是否自动上传，这里我写false为了调用uni.uploadFile手动上传，如果为true自动上传，要配置action服务器参数地址。previewFullImage： 点击可以预览图片。后触发，只是让外部可以得知每次选择后，内部的文件列表。fileList ：显示已上传的文件列表。on-remove：移除图片时触发。
2024-12-26 11:18:37
2004
原创 javaScript 空值合并操作符（??）的使用
当对一些字符做特殊处理的时候，有时候这个字符传过来会是空值或者是undefined,会抛出错误，所以会用if语句判断对特殊值进行其他的处理，多个if嵌套在一起使用，显得不是很美观的同时，读起来也比较繁琐，所以可以使用 ‘?在实际使用中，空值合并操作符可以简化代码，提高代码的可读性和可维护性，特别是在处理多个变量并需要定义默认值时。）是 JavaScript 中的一个逻辑运算符，它在左侧的操作数为。的使用，它会返回左侧表达式的结果，除非左侧的结果是。，在这种情况下，它会返回右侧表达式的结果。
2024-12-16 11:10:33
494
原创 vue vuecli2 和 vuecli3 的区别
vue cli3有vue.config.js文件，移除了build和config文件，同时移除了 static 静态文件夹，新增了 public 文件夹，打开层级目录还会发现，index.html 移动到 public 中。vue cli2是通过webpack-dev-server来运行的，vue cli3是通过vue-cli-service来运行的。vue cli2:没有vue.config.js文件，有build和config文件。在config下的index.js 找到dev，添加public。
2024-11-22 12:00:58
323
原创 img标签修改src地址，图片不刷新的问题
添加时间戳，为了绕过浏览器的缓存机制，最简单的方法之一是在图片的URL上添加一个时间戳或随机参数。这将使每次请求都看起来像一个不同的URL，从而迫使浏览器重新加载图片。浏览器会根据图片的URL来决定是否重新请求图片或者使用缓存中的版本。当图片的URL保持不变时，浏览器会倾向于使用已经缓存的旧版本，而不会去服务器重新获取新的图片内容。编辑表格中商品的数据，上传了新的图片，但是商品图片还是原来那一张，没有修改成功，需要刷新浏览器才能展示修改后的图片。最近做了一个后台管理系统，遇到了这样一个问题。
2024-11-15 16:19:59
844
原创 全局引入自定义组件
创建一个js文件，可以和需要大量引入的组件放在同一个文件夹下，引入到main.js中 ，就可以不用大量import组件，减少代码冗余，直接引入就可以了import Vue from 'vue' //charAt() 是一种字符串方法，用于检索字符串中特定位置的字符。//因为 charAt() 方法是 String 对象的方法，所以必须通过 String 类的特定实例调用它。//charAt() 方法不会更改原始string的值。
2023-07-14 11:22:56
164
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人