寬真

原创 微信小程序配置了onShareTimeline分享到朋友圈，但是在开发者工具中这里始终是灰色的，在真机调试的时候也没有发现有分享到朋友圈的相关信息。

微信小程序配置了onShareTimeline分享到朋友圈，但是在开发者工具中这里始终是灰色的，在真机调试的时候也没有发现有分享到朋友圈的相关信息。有说：使用组件的页面支持分享发送给朋友换了一个项目看也是一样的，有分享给好友，但是分享到朋友圈的按钮在开发者工具里面也是置灰的。不清楚是没有没有认证的缘故：看到另外一篇文章，确定是没有认证的原因。

原创 微信小程序 测试号管理（appid和密钥）

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。原文链接：https://blog.csdn.net/weixin_44768635/article/details/105819389。点击右上角的***登录***，使用手机微信扫码登陆。重新打开 测试号管理 页面。

原创 使用uni.getLocation的获取用户信息的问题

onPullDownRefresh这个事件在微信开发者工具中可以出来，但是在小程序真机调试时却始终没有被触发，后面发现要在微信开发者工具的真机调试中切换成2.0模式。uniapp官网上没有找到关于获取用户手机定位是否打开的接口，而在开发小程序的时候，遇到了用户虽然授权了位置服务，但是还是获取不到用户位置，发现实际的问题是，用户的手机定位功能没开。

原创 微信开发者工具本地调试突然要下uni-ad和珊瑚运营管理工具插件，关键还下载不了

如果暂时不需要广告解锁功能，可以在uni_modules/uni-cms-article/components/render-article-detail/index.vue文件中注释或者删除unlockContent组件。可以检查下项目里是否还用了其他uni-ad广告组件（https://uniapp.dcloud.net.cn/uni-ad/intro.html） ，去掉后重新运行编译。uni-app的坑太多了，又折腾了一天。折腾了一下午，判定是uni-cms-article这个插件导致的。

原创 使用uni-cms-article文章详情无法正常显示，Invalid prop: type check failed for prop “content“. Expected Array, got

文章详情无法正常显示，Invalid prop: type check failed for prop "content". Expected Array, got Object ，这样配置之后还是有问题，当时已经晚上十一点多了，于是想着第二天再看，结果第二天早上把Hbuilder中启动的程序全部关了重新启动这个程序之后发现就可以了。，就是把uni-cms中database中的这个文件拷贝到uni-cms-article中，如果还无法显示，可以做在uni-cms中做如下配置试试。

原创 uni-admin中引入uni-cms的缺少schema及uni-media-library缺少云函数的问题

1. 在管理端运行提示一些表找不到，因为是uni-admin关联的uni-starter的服务空间，在uni-admin的uniCloud中没有内容，在uni-starter的uniCloud中也没有发现对应的表，后面干脆在云端找到对应的表之后新建了，然后再下载到本地。

原创 jql联表查询涉及到权限的最好用上临时表

上面两种写法最终结果一致，但是第二种写法性能更好。第一种写法会先将所有数据进行关联，如果数据量很大这一步会消耗很多时间。要求组成虚拟联表的各个临时表都要满足权限限制，即权限校验不会计算组合成虚拟联表之后使用的where、field。只需在db schema中，将两个表的关联字段建立映射关系，就可以把2个表当做一个虚拟联表来直接查询。如果不对主表过滤，而是对虚拟联表（联表结果）进行过滤，则无法满足权限限制（提供了更简单的联表查询方案。以下为一个订单表（order）和书籍表（book）的schema示例。

原创 uni-cloud使用了聚合操作与另外一个表的联表查询做法

本意是要在获取离当前定位一定距离的数据，并且需要从uni-id-users表中获取这些数据对应的头像，但是直接通过collection联表是查不了的，会报错。因为聚合操作不支持这样做。最后折腾了很多种方式只能这样做，因为geonear必须是聚合操作的第一阶段，在geonear之后也接不了where,filed等这些条件。

原创 uncloud的查询数据库的条件要和shema中写的一致，不然会报错

uni-starter微信登录后查数据库db.collection('opendb-poi').aggregate()后会提示没有权限,貌似非管理员都不能访问。为什么uni-app中的database中的有些文件在hbuilder中可以看到，在vscode中看不到？uni-starter微信登录后查数据库db.collection后会提示没有权限。外面的jql查询语句是这样子的。貌似非管理员都不能访问。

原创 uni-starter的微信登录拿不到登录者的昵称，头像，手机号问题记录

uni-starter的微信登录竟然拿不到登录者的昵称，头像，手机号获取手机号的方法在另外一篇文章中，需要认证，需要有营业执照。

原创 uni-app开发微信小程序获取手机号getPhoneNumber:fail no permission 怎么处理？

查看这篇文章《微信小程序（bug）: 获取手机号报错：getPhoneNumber:fail no permission》https://blog.csdn.net/qq_45796592/article/details/135936262。

原创 uni-app 微信小程序第一次授权及在第一次拒绝的情况二次授权

【代码】uni-app 微信小程序第一次授权及在第一次拒绝的情况二次授权。

原创 uni-start初始化后的微信登录问题

1、开发场景下：详情–勾选不校验合法域名（顺便说一下，微信开发接口调试时是需要真实的ip跟域名的，因为请求都是要经过腾讯后台的，然后再转发到我们的域名上。原来是在unicloud-->cloudfunctions-->common-->uni-config-center-->uni-id-->config.json文件中配置的微信的appid和appsecret有错误,配置好后就可以获取信息了。开发者调试没问题的时候，真机调试出问题了。2、真机调试的时候，选择打开调试。

原创 schema中预置变量$env、jql中的jql语句内云端环境变量的用法

);})schema中预置变量$envuni-id。

原创 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。