寬真

原创 uniCloud联表查询方式举例

【代码】uniCloud联表查询方式举例。

原创 uni-app的页面中使用uni-map-common的地址解析（地址转坐标）功能，一直报请求云函数出错

想在uni-app的页面中使用uni-map-common的地址解析（地址转坐标）功能，怎么一直报请求云函数出错。一开始用的第二个web端的，配置了key和securityCode,发现也是报错的。不看控制台啊,弄错了控制台，就说怎么一直没有打印出消息。所以开始换高德地图的，昨天申请了两个。开始改用：web服务的就好了。

转载 开发时，uni-app小程序的geLocation接口权限配置

在我们的uni-app小程序项目中首先找到 “manifest.json” 页面，找到 “微信小程序配置” ，点击红色箭头所指位置输入我们自己的小程序APPid，原文链接：https://blog.csdn.net/Mr_LiangDaGe/article/details/134281643。例如：使用 wx.chooseLocation 接口，打开地图，现在相应的位置，这里markers的注意事项参考我曾经写的文章。console.log('当前位置的经度：' + res.longitude);

原创 使用unicloud-map 无法展示poi的天坑

后面就不再报错了，但是电脑上还是没有展示出poi，后面客服说了一下几点，让试试微信小程序，用真机访问，后面发现在微信开发者工具上就可以了。后面干脆放弃chrome了，试试unicloud-map的云端一体组件，我直接用的官方的，这个也是个。202404121722，昨天晚上发现uni-admin中导入了unicloud-map管理端之后在。由于地图定位失败，一直没有办法新增poi,不过后面发现。是可以定位出来的，所以今天早上一直在找怎么解决。

原创 jql语句内云端环境变量

原创 DB schema表中使用全局变量及在DB组件中查询

如果在unicloud-db组件上不加判断条件，就会报错，并进入到登录页。那么就会进入到登录页，加上了判断条件，有数据了就不会了。

原创 uni-starter和uni-admin两个项目，如果uni-admin的服务空间关联到了uni-starter,在uni-starter的database中选择schema2code,是没有办法生

uni-starter和uni-admin两个项目，如果uni-admin的服务空间关联到了uni-starter,在uni-starter的database中选择schema2code,是没有办法直接生成增删改查page到uni-admin的。所以干脆先在uni-admin项目中将uniCloud解绑，然后再用自己的database中的shema生成文件，然后再绑定到uni-starter的服务空间，

原创 uni-starter和uni-admin初始化

uni-admin似乎无法直接关联到uni-starter的服务空间，会一直提示需要初始化数据库，所以选择在同一个服务空间初始化数据库后再让uni-admin关联到uni-starter的服务空间下，这样貌似才能够同步用户数据。最新的一次，直接先下载的uni-starter，然后关联到云空间，初始化database，将数据库这些上传到了云空间，新建了uni-id文件夹及其config.json。，这样运行uni-admin竟然没有报任何错误，新建账号也可以和uni-starter互通。

原创 【无标题】

表面上看uni-admin的uni-cloud服务空间已经关联到了uni-stater的服务空间，但是我看在uni-admin新增的用户信息还是在uni-admin之前关联的数据库中。后面怀疑是一直连接的云端云函数的问题，但是打开看是显示的连接的本地云函数，有点纳闷，干脆点了下这两个按钮，然后重新编译了下，再看界面就无法用之前的账密登录了，应该是切换了数据库。还是登录不了，决定删掉数据表中的数据。删掉之后重新再录入的数据就可以了。

原创 将uni-admin的uniCloud的服务空间关键到uni-starter的服务空间，再将其uniCloud的内容移动到关联项目下面之后，再次运行uni-stater报错了。

在将uni-admin的uniCloud的服务空间关键到uni-starter的服务空间，再将其uniCloud的内容移动到关联项目下面之后，再次运行uni-stater报错了。

原创 uni-admin初始化一直提示未初始化数据库问题

检测到您未初始化数据库，请先右键uni-admin项目根目下的 uniCloud/database 目录，执行初始化云数据库，否则左侧无法显示菜单等数据”最后清除了localStorage，发现就好了。

原创 使用js填充进input的value，为什么一点击输入框就消失了

解决React中操作input的value时无法触发input事件问题 - 代码先锋网

原创 scss中vw和%相加减

让一个元素水平居中的另一种方法

原创 vue中动态style(如何动态修改伪元素样式)

vue中动态style(如何动态修改伪元素样式)_vue怎么在行内给伪元素加样式_爱上星星的鲸鱼的博客-CSDN博客

转载 【转载】前端字数太多使用el-table设置show-overflow-tooltip显示不下，闪烁不显示

注意样式写在不带scoped的style里面，为了避免影响其它样式，使用了自定义样式popper-class=“workorder-reason-popper”el-table设置show-overflow-tooltip属性后，数据过多时(超过3000字符)闪烁不显示。使用show-overflow-tooltip超过一定的行数，通过样式控制显示...方法二：使用show-overflow-tooltip超过一定的行数显示...其中-webkit-line-clamp是要显示的行数，例子显示12行。

转载 iconfont引入彩色svg（symbol引入）_kumokoya的博客-CSDN博客

iconfont引入彩色svg（symbol引入）_kumokoya的博客-CSDN博客

转载 js canvas 图片压缩 并转换为 file 类型文件

【代码】js canvas 图片压缩 并转换为 file 类型文件。

转载 前端单张图片下载，批量下载图片成压缩包

各位铁子们，博主最近手撕了一个图片管理模块，效果如下图所示，其中有个下载图片的功能，包含了单张图片下载，以及多张图片批量下载成压缩包，认为很有意思，分享给你们。原文链接：https://blog.csdn.net/weixin_42125732/article/details/124966174。版权声明：本文为CSDN博主「是小橙鸭丶」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。首先我们需要引入对应的安装包如下。

原创 前端实现图片压缩—压缩图片大小，画质（两种方式）

见参考资料。

原创 base64编码：js实现base64编码的3种方式，多场景下分析使用

推荐使用npm下载：npm install --save js-base64，下载后在node_modules文件夹下面就能找到需要的base64.js。js实现base64编码，前端一般应用场景在与后端接口参数中体现，后端可能需要某个字段是base64编码的字符，这时候就需要用前端的方法进行转换，再作为参数传递到服务端。在vue中使用，用npm下载之后，直接用require引入使用：const Base64 = require('js-base64').Base64。// 对base64转编码。

原创 【bug修复】 position: fixed 默认的z-index是0，固定定位最好写上z-index预防bug

【bug修复】 position: fixed 默认的z-index是0，固定定位最好写上z-index预防bug。

转载 git 提交报错：husky - pre-commit hook exited with code 1 (error)

执行脚边 “lint”: “vue-cli-service lint”,所以pre-commit文件 内容改完。原文链接：https://blog.csdn.net/m0_52724742/article/details/125877043。npm执行 test ,serve等命令是不需要使用 run , 其他的话 必须执行run;配置完husky之后会生成一个.husky文件夹,其中包含一个pre-commit文件。而我在pre-commit文件中 直接使用 npm lint 就会报错。

转载 gitee/github修改了账号密码后导致代码无法提交

输完之后重新git push提交，会弹出提示框让你重新输入账号和密码。重新输入就能提交了！开始（左下角win图标）-Git-Git CMD-右键-更多-以管理员身份运行。环境：win10，Git，gitee。命令的意思是清空gitee账号信息。

原创 husky - pre-commit hook exited with code 1 (error)

原文链接：https://blog.csdn.net/ZYMruanjianjishu/article/details/126424965。版权声明：本文为CSDN博主「义明」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。执行以下命令后得到了修复。

转载 npm 命令行设置镜像地址 一直更改不了的原因

版权声明：本文为CSDN博主「hzxOnlineOk」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/hzxOnlineOk/article/details/128287103。很有可能是项目里写了.npmrc文件，这个文件是配置npm远程镜像地址的，优先级高于命令行设置，因此才会出现命令行设置后。后，地址仍旧为原来的地址！

原创 VUE系列之element表单el-form-item自定义label

这里要加提示，所以自定义label，加了问号的提示。核心使用slot = label。

原创 vue.config.js配置configureWebpack的optimization splitChunks页面空白

确实通过这种方式解决：原因可能是这个：

转载 elementui中el-button点击后不失去焦点(按钮颜色不变)的解决

因为是前端新手，对很多东西不熟悉，所以就一脸懵逼的去百度，大多数说的都是类似“Element UI点击按钮后不失焦，强制失焦”即可，查看相应的css代码，基本确认就是由于点击后按钮不失去焦点导致的。只能说天下文章一大抄啊！因为如果点击按钮的空白处，点击完毕后，的确可以恢复到点击前的状态的，但是如果点击“退出”两个字，在点击完成后，按钮状态还是没有恢复到点击之前的样子。使用el-button的时候，发现点击按钮后，按钮颜色仍然保持鼠标悬浮上去时候的效果，并没有恢复到正常状态。图2-鼠标悬浮或点击后的按钮。

转载 如何配置命令在打完包之后将build包拷贝到另外一个文件夹

＜Webpack插件＞如何将Webpack打包成功的文件夹拷贝到指定地方？_别放弃你热爱学习的心的博客-CSDN博客_webpack插件在打完包之后拷贝包

原创 vue+elemenUI 解决谷歌浏览器默认填充账号密码问题

自动填充主要是找到input的type为password的元素去填充的，然后找到这个元素的上一项填充账号的数据，所以给密码框加上如下属性便不会再自动填充账号密码了。

原创 vue2+elementUI 中监听对象属性值变化

vue2+elementUI 中监听对象属性值变化

原创 JSON的一些问题

JSON.parse(“HELLO WORlD”)会报错，需要JSON.parse(’“HELLO WORlD”‘)才能解析。

转载 NProgress的用法

4.这个呢，基本上会这几个api就足够了，我们用的最多的就是这几个，NProgress.start()开启进度条，NProgress.done()完成进度条，如果我们想改变进度条的颜色，可以进入App.vue里，在style中加上下面这样几行代码即可。今天，我就从简单点的模块说起吧。大家打开一个网页的时候，会看到一个进度条，然后加载完成后进度条就消失了。版权声明：本文为CSDN博主「程序猿小Lone」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

原创 keep-alive包裹的el-tabs中有两个页面使用echart渲染空白问题

【代码】keep-alive包裹的el-tabs中有两个页面使用echart渲染空白问题。

原创 NPM的天坑： 解决ERR! code UNABLE_TO_VERIFY_LEAF_SIG

原文链接：https://blog.csdn.net/blackhehaha/article/details/103009166。版权声明：本文为CSDN博主「小憨憨不敢。」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。code UNABLE_TO_VERIFY_LEAF_SIGNATURE 各种下载失败。各种下载失败,并不是镜像源的问题，哪怕切换淘宝源也无法下载。总之就像断网一般无法下载。//引入 postcss-px-to-viewport。

原创 元素滚动到可见区域

详解三种方式实现平滑滚动页面到顶部的功能。

转载 git 切换/修改 远程仓库地址

【git remote set-url origin URL】 更换远程仓库地址，URL为新地址。

原创 再次再项目中配置commitlint,

【代码】再次再项目中配置commitlint,

转载 localStorage、sessionStorage同一网站下共享问题

浏览器中打开A页面，再通过A页面打开新的标签页B页面,此时A、B两个页面的sessionStorage是“共享”的。这里的共享指的是B页面会把A页面的的 sessionStorage 拷贝一份，作为B页面 的初始缓存值，此时改变B页面的session,A页面并不受影响。即不同 Tab 之间，session读写操作独立，互不影响。浏览器中打开A页面，然后手动新开一个标签页，在新的标签页中打开B页面，此时A、B两个页面的sessionStorage是不“共享”，即B页面不会继承A页面session作为初始值。

原创 elementUI中的Popconfirm 气泡确认框 对 确认按钮 绑定方法

【代码】elementUI中的Popconfirm 气泡确认框 对 确认按钮 绑定方法。