_小郑有点困了的博客

小程序安卓手机图片正常显示，ios不显示博客搜到说什么webp格式之类的结果，实际上是cover-image不支持base64格式，因为部分图片是import进去的，所以都换回src

uniapp检测小程序相关授权是否开启正常开发的小程序，必定需要在提示授权的时候用户必须选择”授权“才能保证小程序整体功能以及流程的正常使用，但是众所周知，这个授权提示，弹出一次过后就不会再弹出了，用户又不知道去怎么回事，就成了影响用户体验的bug，所以需要加点操作，在所有功能之前检测涉及的授权是否全部开启，如果没有开启就跳转去设置权限的页面，然后设置回来，会走onShow这个生命周期，需要getSetting再判断一次这些权限的状态。方法一：（直接uni.authorize，然后检测某个权限，如

记一下最近做的腾讯实时视频业务需要，在客户端加一下跳转小程序，在小程序里面进行和pc客户的视频/语音通话。于是乎就用到了腾讯的tcrc实时视频。博客也有很多大佬做过了，我只是班门弄斧，记录一下自己弄的。1，官方demo下载官方demo，附地址：https://github.com/undefineders/WXMiniByUniapp-TRTC，然后导入本地HbuilderX中，运行到小程序，如果运行成功进行下一步。填好secret以及sdkid啥的运行到开发者工具，记住这样是不行的，要真机调试才可

最近项目有个需求，接入腾讯视频通话，于是就做了个视频通话的小程序，目的是小程序这端发起通话与pc客服进行实时视频通话。但是我们的业务是在h5端进行跳转小程序，于是乎就来研究这个，实际上这部不难，只是因为项目依赖框架以及开发模式多了很多不必要的麻烦。废话不多说，介绍怎么跳转的。博客已经很多大佬做过了，也算是踩着巨人的肩膀进行开发，没啥过多麻烦。参考这个博主：https://xiabing.blog.csdn.net/article/details/108082246我的效果图：1，首先域名问题登录

uniapp的api异步转同步await new Promise(async r => { 在需要reject的地方 r() ｝）例如event：let isOk = await this.methods('submit') //手动登陆 会进行绑定 这里的isOk始终是false 所以用promisemethods： async submit() { let isOk = false await new Promise(async r => {

小程序 cover-view只支持基本的定位、布局、文本样式。不支持设置单边的border、background-image、shadow、overflow: visible等。

小程序图片正确使用方式（防止发布之后不显示）首先体积，其次引入方式小程序发布图片不显示 使用import加载图片import bgUrl from '@/static/img/order.jpg';图片压缩在线https://www.apowersoft.cn/compress-image-online...

小程序页面使用"navigationStyle":"custom"之后手动加标题的方法手动定位上去下面这个方法可以获取状态栏高度和导航栏高度以及机型uni.getSystemInfo({ success: (e) => { let statusBar = 0 // statusBar ---------- 状态栏高度 let navBar = 0 // statusBar ---------- 状态栏高度 let customB

小程序component组件拆分传值豆瓣评分首页三个部分结构类似，所以进行拆分，抽出去，使用组件传值的形式进行赋值，指定这个模块是什么1.1，抽出去，成为一个组件1.2，js中定义属性1.3，注册使用的页面进行传值1.4...

豆瓣评分小程序星星评分组件评分功能：小星星，多处使用，所以抽出成为component组件，然后在需要使用的页面按需注册导入1.1，新建component名为stars1.2，然后按需在页面注册引入，并且传参，星星个数1.3，接收页面传值，传递属性，并且在，组件的js中获取并处理1.4，计算每种星星个数，并且放回到data中（因为遍历只能是数组，光有123这样的数量还不行，所以用...

购物车获取内存中购物车数据本博客接上一个。在onshow中获取内存中数据，然后放回页面进行展示，以及针对这个数据进行加减操作，以及删除，但是需要在onhide中重新保存这个操作后的数据，使之在退出本页之后加减之后的数据能够保存。1.1，onshow获取购物车数据1.2 加减操作1.3 计算价格1.4 onhide再次保存购物车数据...

详情页点击添加购物车操作还是用到了本地存储，点击加入购物车，将数据存入本地内存的数组中，判断是否有数据，判断有数据是否同一id，有数据并且同一id，商品数量加一，有数据但是id不同，直接push进去，没有数据，就直接push进去1.11.2 一点小问题1.3 内存中...

小程序列表页进入详情页从列表页进入详情页，通过使用本地存储来实现，当我点击的时候，拿到这个索引，并且获取整个对象，存入内存中，然后在详情页onload中get拿到这个数据，放到页面进行展示1.1 这个函数，以及传递data-id1.2 获取id，找到对象，存入内存1.3 详情页获取1.4 详情页页面...

微信小程序商城（二）购物车加减运算，bindTap绑定事件，并且传递dta-id=“{{index}}”，js获取这个index1.1 页面 循环数据的时候，在事件添加data-id1.2 js获取这个index，1.3 函数1.4 输出obj和key看一下1.5 计算价格，在onshow中，在每一次加减运算以及删除运算之后都调用这个方法1.6 购物车商品删...

微信商城小程序几个函数（一）1，点击获取id1.1，js，点击触发事件，目标值在 event.target中的id1.2，点击展示对应的数据2，微信返回上一级2.12.2...

微信商城小程序（一）1,tabBar，在全局app.json配置2,轮播图以及数据绑定2.1 wxml页面结构,接受index.js传值，以及循环绑定，view相当于div，block用于wx:for循环，循环{{imgs}}{{item}}用于展示数据。只需要swiper以及swiper-item就可以构成轮播图2.2 js，data相当于view的data3 我的页面，注意...

我的小程序项目知识点（网络模块重构）这个为什么要重构呢，就是一开始也是相似的wx:request请求代码重复写了几次，这个时候就像把她单独抽出去，相当于封装了函数库，需要哪个调用哪个。1，在index.wxml同目录新建了一个network.js的文件2，然后自定义一个函数，然后将请求代码复制过去，但是在这里不能直接将数据存放到页面读取数据的index.js的data中，所以只能暴露出去这...

我的小程序项目知识点（组件拆分）例如，这是一个豆瓣电影的小程序首页的三个栏目结构基本一致，一开始是重复写了三份，不是很多，但是也很冗余，于是乎将其拆分。新建了一个component组件，将这一个结构和样式分别放到了wxss和wxml中然后在这个组件的.js文件中进行属性定义，用于接受index传来的值然后在这个组件wxml文件相应位置绑定index传来的数据再然后在index....

我的小程序项目知识点（小星星评分）一个有趣的小逻辑：比如把一个数字转换成小星星来显示，这个在很多地方都见过，这篇文章就来记录一下这个小逻辑：实例如下：小星星有三种形态，高亮的（2分），一半高亮的（1分），还有灰色的（0分），大致就是这样子的，一共十分，每个小星星两分，（8分就是四个高亮的小星星，再加上1个灰色的），当然这里的计算就是，当你输入一个数字，进行除二取整和取余计算，除二取整就是高...

我的小程序项目小知识点记录wx:if,wx:else设置显隐例如：一个组件同时在两个页面引入，需要在一个中显示，在另一个中隐藏，给这个组件设置一个布尔属性。然后由引入他的组件对他进行传值。1，在这个组件的元素中添加属性2，在这个组件对应的js定义这个属性3，然后在引入的页面进行赋值4，即可，非常的简单...

我的小程序项目第一天（踩坑警告）开始学习小程序了，第一天开始做，遇到一个很简单的事，比如需要把组件抽出去单独作为一个组件，然后方便在需要的地方注册引入，防止重复写同样代码。我是这样入坑的：首先创建了一个项目，然后再pages同级目录创建了一个叫components的目录用来存放组件，然后在目录里面又创建了一个叫searchbar的目录，顾名思义，是一个搜索框的组件。常规操作，右键新建page...