- 博客(43)
- 收藏
- 关注
RSS订阅原创 vue3在ts中动态添加DOM（1、使用render函数，2、使用tsx）
h函数创建虚拟节点（VNode），render函数实现虚拟节点生成真实DOM元素。JSX：在 JavaScript 代码中编写类似 HTML 的标记。tsx：在 TS 文件中使用 JSX 语法。实现添加一个el-button按钮。
2025-03-12 14:27:56
325
原创 python环境安装
2.1、查看python环境是否准备好：python -V ，出现python版本即安装成功，如果返回空需要查看软件是否正确安装，环境变量是否正确配置了。点击下载安装，安装的时候可以把添加到环境变量选项勾选上，如果安装过程中自动配置环境变量报错需要自己手动添加环境变量。2.3、查看虚拟环境是否安装成功：conda env list，出现2.2中创建的虚拟环境则安装成功。2.5、安装spyder-kernels：pip install spyder-kernels。下载这两个软件并安装。
2025-03-07 10:20:34
353
原创 VScode、HbuilderX保存代码自动格式化配置
3、点击菜单栏的工具=》设置=》插件配置=》取消勾选：Beautify Formator=》勾选“Prettier Fromator”选项=》点击“打开文件prettier.config.js进行配置”=》把项目中的.prettierrc.cjs文件的内容复制到prettier.config.js配置中。2、设置保存代码自动格式化：点击左上角文件=》首选项=》设置=》用户下的文本编辑器=》格式化=》勾选Format On Save。格式化文档】（小程序项目需要额外配置这一步）点击【配置默认格式化程序…
2025-02-19 15:23:57
715
原创 vue3+vite项目引入electron运行为桌面项目
在此文件夹中添加两个js文件：main.js、preload.js。添加：“main”: “electron/main.js”,添加：“start”: “electron .”删除：“type”: “module”
2025-02-14 14:07:48
580
原创 Vue3 + vue-virtual-scroller虚拟列表实现加载长列表
key-field=“roomId”：key为roomId，不设置会报错。:min-item-size=“60”：一行元素的高度为60px。:items=“List”：List为要显示的数组数据。liveMsg绑定参考【2、不限制原生高度】1、基础使用，已经限定元素的高度。不限制高度需要和配合使用。3、使滚动条滚动到最底部。
2025-01-09 14:28:31
764
原创 Copilot功能
3.3代码建议：目的是提供代码的具体建议，包括修复错误、优化性能和提高安全性，比如：提供更高效的算法。工作区输入代码建议等的命令，显示选择的代码或者文件的代码建议。3.2解释代码原理：工作区输入/explain命令、解释原理、解释代码等关键命令，可以解释选中的代码的工作原理，没有选择代码行就解释当前打开文档的全部代码。工作区输入代码重构等的命令，显示选择的代码或者文件的代码重构建议。3.5错误修复：工作区输入错误修复等的命令，显示选择的代码或者文件的代码有哪些错误以及怎么修改。
2024-11-02 09:53:19
918
1
原创 uni-app中添加自定义相机（微信小程序+app）
2、使用h5plus提供的plus.video.LivePusher来实现，可以使用于vue平台，如果需要在相机上覆盖样式，比如边框之类的比较复杂，实践过后发现获取的图片宽度比相机宽度大，获取快照时间过长，大概需要2秒。2.1、这种方法可以在vue页面中使用，自定义样式需要plus.webview.create添加一个html页面来实现，在项目根目录下添加一个hybrid目录，在目录下添加html页面。1、使用live-pusher标签，但是页面需要是nvue平台【推荐使用这种】
2024-10-15 10:47:34
2151
1
原创 vue3项目在vue平台下添加nvue文件会报[plugin:vite:nvue-css]
解决办法：在app.vue引入公共css文件外添加#ifndef APP-PLUS-NVUE条件。项目运行是会报大量的[plugin:vite:nvue-css]作警告。
2024-10-14 11:07:52
577
1
原创 uni-app项目在app中uni.chooseLocation无法显示地址列表
uni-app项目自定义基座运行到安卓手机中时，使用uni.chooseLocation接口地址列表无法显示。
2024-08-07 15:06:08
1174
1
原创 uni-app便携式蓝牙打印机esc指令改成vue3中使用
之前小程序是用vue2写的，现在要改成vue3，由于不能使用require导入js文件，所以vue2打印中使用到的文件需要改成inport。
2024-08-01 15:43:51
589
原创 [eslint-vue] ‘uni‘ is not defined.
【代码】[eslint-vue] 'uni' is not defined.
2024-07-10 11:12:43
543
原创 微信小程序接口wx.getLocation违规导致封禁解决办法
3、如果申诉了两次都没有通过后，站内信的申诉通道会关闭，这个时候需要点击客服咨询，通过人工客户开启，人工客服也需要给他提交申诉原因、功能封禁的违规站内信截图等的材料，提交后他们审核部门会初步评估无明显违规会在原功能封禁站内信再次开通申诉入口，这个时候再去封禁站内信再次申诉，基本就没有问题了，人工审核需要1-7个工作日，基本没这么慢，等三四天没有成功开启申诉入口就再去人工客服重新申诉下。1、找到站内信的这个封禁的通知（功能封禁的通知，而不是处理警告的通知）2、点击通知会有申诉链接，点开申诉链接。
2024-07-09 15:59:57
756
原创 安卓app原生蓝牙打印（票据和二维码）（vue2）完整代码
蓝牙搜索用的uni-app的低功耗蓝牙的方法，连接和打印用的安卓原生的方法，连接蓝牙会出现连接不成功的问题（或者连接成功但是连接状态是false）需要额外处理。
2024-07-04 11:02:13
393
4
原创 高德地址和百度地图获取当前定位（ip精准定位）
在获取成功的方法中可把位置信息保存在localstorage中，需要使用的页面引入amp.js的AMap方法并使用即可。创建一个应用，添加一个key，服务平台选择web端（JS API）key创建好之后就可以获取到key和安全密钥。安全密钥和key需要在。
2024-06-15 13:51:57
1856
2
原创 微信扫描二维码跳转微信小程序开发版/体验版
二维码规则中如果链接需要参数的话规则需要以 “/” 结束，比如：page/test/，在配置测试连接的时候也需要在参数?前加/，比如：page/test/?验证文件放置规则： 放置于URL中声明的最后一级子目录下，若无子目录，则放置于host所属服务器的顶层目录下。测试范围修改为开发版，并且在本地运行项目预览到手机中，再扫描配置的测试连接生成的二维码跳转到本地版本，测试范围修改为体验版，再扫描配置的测试连接生成的二维码跳转到体验版。在开发管理下找到【扫普通链接二维码打开小程序】部分，点击添加按钮。
2024-04-25 16:49:14
6085
3
原创 优化微信小程序超包问题
4、子包内的资源不能互相引用（可使用分包异步化解决），但可使用主包内的资源。2、tabBar页面只能在主包中。1、子包最多100个。3、子包内不能再分包。
2024-03-20 17:24:44
487
1
原创 微信小程序蓝牙打印问题
蓝牙搜索成功后关闭蓝牙设备也还是能搜索得到，需要加上allowDuplicatesKey: false。需要把wx.writeBLECharacteristicValue方法添加延时。
2024-03-19 17:12:59
676
原创 微信小程序（uni-app）中使用便捷式蓝牙打印机（完整代码）
content: “蓝牙初始化失败，请到设置打开蓝牙”,content: “本机蓝牙不可用”,title: “提示”,title: “提示”,
2024-03-19 16:53:57
2254
4
原创 vue3使用plop模板指令生成页面
这两个插件的目的是在指令中选择配置文件并把配置文件中的内容与命令行的内容合并保存在配置项中，配置文件：plop_template/config，主要是存放每个页面不同的数据内容，比如列表页中的查询参数、table中的显示项、接口名称等信息。vue-cli需要3.0版本，可以使用vue -V查看版本，node需要16版本及以上（node：v16.20.2，npm：8.19.4。根据第一步新建项目的时候选的yarn或者npm，来使用相应的指令安装（版本：^4.0.0）生成的detail.vue的文件内容。
2023-09-28 16:44:16
940
原创 前端实现动态dom排序（使用css的属性）
flex布局的order属性可以设置DOM元素的视觉表现顺序和实际顺序不一样，从而可以实现dom的乱序排序。输入字符串（4,5,6,1,2,3,7,8）点击排序按钮即可重新排序dom的顺序。
2023-04-21 10:07:01
499
原创 failed to load response data:Request content was evicted from inspector cache
解决办法：禁用cache。
2023-03-24 16:14:02
1671
原创 Monaco Editor安装，vue3中使用，自定义高亮，自定义提示，附完整代码
Monaco Editor安装，vue3中使用，自定高亮，自定义提示
2023-02-17 15:25:41
9188
2
原创 uni-app小程序跳转其他小程序、获取目标小程序的页面地址
uni-app小程序跳转其他小程序、获取目标小程序的页面地址、长按图片识别二维码
2022-10-25 13:57:28
6185
2
原创 vue3中使用sortablejs + el-table中实现拖动行（切换路由回来后导致不能拖动的问题解决）
const table = document.querySelector(‘.reqtable .el-table__body-wrapper tbody’) // 使用这种方法路由切换后再切换回来获取不到dom元素，取到的值为null。一、安装：yarn install --save sortablejs。
2022-08-17 16:58:08
1778
1
原创 el-menu怎么修改hover样式(使用deep)
添加css（apiview）<el-menu mode="horizontal" class="apiview">css.apiview:deep(.el-menu-item:hover){ background-color: #ffffff!important; color:var(--el-color-primary)!important;}.apiview:deep(.el-menu-item.is-active){ background-color:
2022-05-06 09:52:22
2944
原创 GitHub Copilot 申请
1、vscode中安装2、点击红框的链接跳转申请界面提交申请3、申请成功4、等通知，这个时候还是不能用的状态
2022-04-21 13:28:16
6619
3
原创 vue3中使用devtools（chrome）（推荐第三种方法）
1、下载最新版本：https://github.com/vuejs/devtools/tree/v6.1.4 （下载最新，有的老版本我感觉有些些问题）2、解压到文件夹中3、命令行进入文件夹中（或者用VScode等的终端操作），并且执行命令yarn install安装依赖4、执行：yarn run build，到下图表示完成5、chrome浏览器中打开chrome://extensions/，并且拖入packages文件下的shell-chrome文件夹6、重新打开浏览器...
2022-04-11 16:25:45
6353
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人