plus.runtime.openURL(encodeURI('itms-apps://apps.apple.com/cn/app/鹏城老兵/id1568236759'))

IOS要求比较严格，需要用encodeURI转一下地址

参考：https://blog.csdn.net/weixin_43604585/article/details/107936245

一、问题背景：

两个页面多次来回点击后循环跳转，返回时会一层一层返回重复的页面，想避免这种情况，在安卓中可以设置页面的启动模式，uniapp我不知道有没有设置启动模式这种方法。
1、与别人的聊天页面可以点击头像跳转个人主页，个人主页中也可以点击聊天进入和他的聊天页面。设聊天页面为a页面，个人主页为b页面。
2、应用中可以从某个不确定页面跳转到a,再从a到b...（情况一）,也可以从某个不确定页面先跳转到b,再跳转到a....（情况二）。

二、两种情况的预期效果：

情况一：c a b a b a ==> c a b
从c跳转到a,再到b,再到a b a ....循环跳转后，如果当前在a页面时,点击返回回到c，如果当前在b页面，点击返回回到a，再点返回回到c。
情况二：d b a b a b ==> d b a
从d跳转到b,再到a,再到b a b ....循环跳转后，如果当前在b页面时,点击返回回到d，如果当前在a页面，点击返回回到b，再点返回回到d。

三、分析：

通过getCurrentPages()判页面栈里的页面，
在a页面中：判断栈中如果a页面先进来，b页面再进来，就是情况一，此时a到b,就用uni.navigateTo正常跳（如果此时栈中还没有b，也是此方法）。如果栈中是b页面先进来，a页面再进来，就是情况二，此时a到b,就用uni.navigateBack返回的方式实现页面切换。
在b页面中：同上分析

四、解决方法：

在a页面：a跳b时(没有b是正常跳b)：如果第一个a在第一个b前面，就是一，正常跳，如果第一个a在第一个b后面，就是二，直接返回。
在b页面：b跳a时(没有a是正常跳a)：如果第一个b在第一个a前面，就是二，正常跳，如果第一个b在第一个a后面，就是一，直接返回

五、其他：

也可以通过从不同页面传递一个变量到a、b中区分这两种情况，然后执行不同的跳转，但我觉得这还得去修改其他页面，不利于扩展。就直接改这两个页面，不用动其他页面。
但官方文档建议：
注意： getCurrentPages()仅用于展示页面栈的情况，请勿修改页面栈，以免造成页面状态错误。
用了下感觉没啥问题就先这样用了。

六、代码：

聊天页面：

//去个人主页  
            toPerson(user){  
                //获取页面栈中所有页面  
                let pages = getCurrentPages()  
                //如果想打印直接这样打印，不要加什么拼接字符串、JSON.stringify()什么的  
                console.log(getCurrentPages());  
                //栈中页面的路径单独保存为数组，方便后续比较  
                let pageUrl = []  
                for (let i = 0; i < pages.length; i++) {  
                    //pages[i].$page.fullPath 是页面的全路径，会连页面传递的参数都打印出来，不方便后续比较  
                    // console.log("第"+i+"个页面 = " + pages[i].$page.fullPath);  
                    console.log("第"+i+"个页面 = " + pages[i].route);  
                    //用pages[i].route就比较单纯了  
                    pageUrl.push(pages[i].route)  
                }  
                //获取a、b页面第一次入栈的位置  
                let first_a = pageUrl.indexOf("pages/home/chat")//聊天页面  
                let first_b = pageUrl.indexOf("pages/mine/person_center")//个人主页  
                if (first_b < 0) {  
                    console.log("没有b是正常跳b");  
                    uni.navigateTo({  
                        url: '../mine/person_center?user=' + JSON.stringify(user)//业务逻辑跳转传的参数  
                    })  
                } else {  
                    if (first_a < first_b) {  
                        console.log("正常跳 b ");  
                        uni.navigateTo({  
                            url: '../mine/person_center?user=' + JSON.stringify(user)//业务逻辑跳转传的参数  
                        })  
                    } else {  
                        console.log("返回 b");  
                        uni.navigateBack({  
                            delta: 1  
                        })  
                    }  
                }  
            },

个人主页：

//去聊天页面  
            toChat() {  
                //获取页面栈中所有页面  
                let pages = getCurrentPages()  
                //如果想打印直接这样打印，不要加什么拼接字符串、JSON.stringify()什么的  
                console.log(getCurrentPages());  
                //栈中页面的路径单独保存为数组，方便后续比较  
                let pageUrl = []   
                for (let i = 0; i < pages.length; i++) {  
                    //pages[i].$page.fullPath 是页面的全路径，会连页面传递的参数都打印出来，不方便后续比较  
                    // console.log("第"+i+"个页面 = " + pages[i].$page.fullPath);//会带参数  
                    console.log("第"+i+"个页面 = " + pages[i].route);  
                    //用pages[i].route就比较单纯了  
                    pageUrl.push(pages[i].route)  
                }  
                //获取a、b页面第一次入栈的位置  
                let first_a = pageUrl.indexOf("pages/home/chat")//聊天页面  
                let first_b = pageUrl.indexOf("pages/mine/person_center")//个人主页  
                if (first_a < 0) {  
                    console.log("没有a是正常跳a");  
                    uni.navigateTo({  
                        url: '../home/chat?user=' + JSON.stringify(this.user)//业务逻辑跳转传的参数  
                    })  
                } else {  
                    if (first_b < first_a) {  
                        console.log("正常跳 a ");  
                        uni.navigateTo({  
                            url: '../home/chat?user=' + JSON.stringify(this.user)//业务逻辑跳转传的参数  
                        })  
                    } else {  
                        console.log("返回 a");  
                        uni.navigateBack({  
                            delta: 1  
                        })  
                    }  
                }

并不是自己想要用less，我项目里面用的是scss，之前偶尔听朋友讲起，然后自己也百度了很多，也看了些帖子，基本都挨个儿试过了，都不行，后来终于知道vue.config.js这个怎么配置了。希望对在找这个的有点帮助。

let path = require('path');    
let vars = path.resolve(__dirname, '你的.less文件的路径')   
module.exports = {    
    css: {    
        loaderOptions: {  
            less: {      
                javascriptEnabled: true,      
                modifyVars: {      
                    'hack': `true; @import "${vars}";`      
                }      
            }      
        }   
    }    
}

将 objectFit:'cover' 改成 'object-fit':'cover'

在HTML和css页面里，当输入自定义选择器前面的点时就会卡住3秒以上。

在文件管理器中打开hx目录

在地址栏输入%appdata%回车； 在此目录下，找到HBuilder X目录

文件删除

进入目录中删除“.lock”文件

重新启动

然后重新启动即可解决hx启动失败 提示“Cannt find HX Window to activate”的解决办法

采用uniapp+云开发的方式，仿一个小程序

在手机上测试可以获取，打包后无法获取参数什么原因？

{
data: [{
name: "商品1",
amount: 5,
price: 100
},{
name: "商品2",
amount: 5,
price: 200
},{
name: "商品3",
amount: 5,
price: 300
}]
}

#uniCloud clientDB，使用groupby分组统计，求每个商品的合计金额  
const res = await db.collection('orders')  
.groupBy('name')  
.groupField('sum(multiply(amount,price)) as total')  
.get()

返回结果如下

{
data: [{
name: "商品1",
total:500
},{
name: "商品2",
total:1000
},{
name: "商品3",
total:1500
}]
}

video 组件 高阶晋级

前言

本文是为使用了uni-app 框架开发App时 使用video标签 但是播放部分视频有一定特殊需求时的解决方案。
如果现有功能已经满足日常开发,可以忽略本文。

IJKMediaFramework

• 目前uni-app中 video的实现 是基于ijkplayer基础之上的二次封装, 框架已经设置了一些属性解决常见的问题，例如 seek不准确, http重定向跳转到rstp,https无法播放等问题。

通过 video 标签中的 advanced 可以实现对于一些高级属性的设置,下边是示例

    'format','codec','sws','player' 可以设置四种, 具体设置类型 通过文章所列或者 ijkplayer,ffmpeg 相关资料查询  

    <video :advanced= advanced> </video>  

    advanced = [  
        {  
            "key": "dns_cache_clear",  
            "value": 1,  
            "type": "format",  
        },  
        {  
            "key": "framedrop",  
            "value": 1,  
            "type": "player",  
        },  
        {  
            "key": "videotoolbox",  
            "value": 0,  
            "type": "player",  
        }  
    ]  

uni-app iOS端 video组件的设置

框架默认参数

uni-app Android端 video组件的设置

框架默认参数

高阶拓展参数

一些可能用到的参数

还有一些更多的参数设置 大家可以参考 ffmpeg 和 一些网络文章

• ffmpeg
• IJKPlayer相关参数讲解 问题及解决方法

注意注意注意

ijkplayer 为开源项目,可以看得到源码，  
由于`iOS`和 `Android` 的差异性，部分属性可能只在一端生效,具体支持的参数,请查看 [ff_ffplay_options.h] (https://github.com/Bilibili/ijkplayer/blob/master/ijkmedia/ijkplayer/ff_ffplay_options.h)  

官方文档： https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#62，必须是认证公众号。

1. 到微信公众号后台配置JS接口安全域名：设置与开发 - 公众号设置 - 功能设置 - JS接口安全域名，写 www.xxx.com
2. 通过https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=微信公众号APPID&secret=微信公众号APPSECRET 获取Access token
3. 通过https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi 获取ticket
4. 签名生成:
   ①拼接string :jsapi_ticket={上面接口获取的ticket}&noncestr={随机字符串}&timestamp={当前时间戳}&url={js接口安全域名（如果后面不加参数要这么写： http://www.xxx.com/ 注意最后面的/ ）}
   ②sh1加密string得到signature
   ③以上步骤为后端生成，生成后返回 appId、timestamp、nonceStr、signature给前端。
5. 前端安装模块 npm install jweixin-module --save
6. main.js 添加一行代码 Vue.config.ignoredElements.push('wx-open-launch-weapp')
7. 标签

   <wx-open-launch-weapp id="launch-btn" username="公众号id" path="/pages/index/index.html">  
               <script type="text/wxtag-template">  
                   <style>  
                       .btn {  
                           border-radius: 30px;  
                           width: 300px;  
                           height: 40px;  
                           font-size: 28px;  
                           border: none !important;  
                           color: #FFFFFF;  
                           background:#44ea76;  
                       }  
                   </style>  
                   <button class="btn" type="default">打开小程序</button>  
               </script>  
           </wx-open-launch-weapp>

   js

   import wx from 'jweixin-module';  
   onShow(){  
   wx.config({  
                   debug:true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。  
                   appId:'', // 必填，公众号的唯一标识，填自己的！  
                   timestamp: , // 必填，生成签名的时间戳，刚才接口拿到的数据  
                   nonceStr: '', // 必填，生成签名的随机串  
                   signature: '', // 必填，签名  
                   jsApiList: ['wx-open-launch-weapp'],  
                   openTagList: ['wx-open-launch-weapp'] // 跳转小程序时必填  
               });  
   }

   要在js安全域名上并且在真机上访问才有效果，如果没效果或者是有错误的弹窗出现说明wx.config配置不正确，这种方式只能在微信网页里才能用！！

外部浏览器h5打开微信小程序方法：
官方文档：https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/url-scheme/urlscheme.generate.html
1.通过https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=微信小程序APPID&secret=微信小程序APPSECRET 获取Access token
2.通过POST https://api.weixin.qq.com/wxa/generatescheme?access_token=ACCESS_TOKEN 获取到URL Scheme

1. 通过location.href = 'weixin://dl/business/?t=接口取到' 调用就可以。h5好像是要https才能打开~

基于nvue的全端组件与模版库

从nvue最开始到现在，从mypUI开源到现在。

我们从最初的磕磕碰碰开始，到第一个开源的nvue组件库mypUI，经历过数次的优化与迭代，经历过众多项目的实践与打磨。21年6月，我们终于放出了超级优秀的nvue组件与模版库：nPro。

nPro坚定的理念就是：只需熟悉一次，然后越用越快，越用越好。

我们的目标是囊括各行各业各种场景下的设计和模版。让你能够快速的去实现或者学习自己想要的效果。

nPro只会越来越优秀，现在的价格绝对物超所值：一顿饭钱，不仅获得优秀的技术与良好的性能，更有一群共同进步的朋友。

最后把我经常说的一句话送给大家：

去用，去实现，去完成！

祝大家越来越优秀，发大财！nPro用起来！

教学视频

nPro的整体理解与快速使用

功能与新功能体验

关注视频号:马三又的又，接收新的功能提醒:

部分示范

小程序体验