HBuilderX

HBuilderX

极客开发工具
uni-app

uni-app

开发一次,多端覆盖
uniCloud

uniCloud

云开发平台
HTML5+

HTML5+

增强HTML5的功能体验
MUI

MUI

上万Star的前端框架

农牧行业客户赋能平台建设外包(一期)

平台建设目标

客户(经销商客户和直供客户)赋能平台(以下简称“赋能平台”)旨在打造一个客户的全生命周期管理平台,从以往以“订单为中心“的经营方式,转变成“以客户为中心”的互联网理念,完成从“产品销售”理念到“经营客户”理念的转变。赋能平台在企业整个经营理念的转变过程中起到了至关重要的作用,决定了企业数字化转型的成败。赋能平台在整个转型过程中主要有2大目标:

  • 目标一:建立跟客户的持久连接
    通过各种手段与客户建立数字化连接, 与客户建立连接后,通过数字化的手段与客户保持频繁互动,从而持续增加客户的黏性和忠诚度,互动手段包括但不限于:在线下单、在线客服、在线培训、在线技术支持、在线实证数据分享、在线抽奖、在线发红包,以及各种买赠活动等等。

  • 目标二:通过数字化的手段干预客户的预期和行为
    与客户建立数字化连接后,在与客户的互动过程中,可以设计各种场景引导用户的消费行为, 比如可以设计这样一个场景:客户在线下单买了xxx产品,当客户完成支付行为后,系统可以弹出优惠页面,并允许用户做出二选一选择:1、本次下单立即获得100元的返利现金券;2、本次下单获得5个积分,但是累计10个积分可以获得一个最低200元,最高1000元的现金抽奖机会。选项2是我们期望用户的一个行为,他引导用户再次下单购买xxx产品,获得另外5个积分,从而获得200 ~ 1000元的现金奖励。

供应商在平台的设计和建设过程中,考虑的绝不仅仅是功能的堆砌,需要紧紧围绕平台的建设目标展开工作,所有的工作都应该以上述目标为出发点和落脚点。
整个平台的建设工作分2步走,第一步业主方触达它的直接客户,也就是产品A的规模化直供客户、产品A的经销商客户、产品B的省级代理、产品B的二级代理(一期);第二步业主方穿透它的经销商和代理商,直接触达他们的终端客户(二期)。这就要求在平台建设初期,需要从全局的角度去进行思考和设计。

本项目目前正准备建设一期,具体的项目需求详见附件。在项目的一期建设过程中, 又可以分为2个节点, 第一节点只需要上线一个简单的“买赠活动 + 在线下单”,主要实现用户的线上引流, 需求的其他部分可以在后续持续完善。

继续阅读 »

平台建设目标

客户(经销商客户和直供客户)赋能平台(以下简称“赋能平台”)旨在打造一个客户的全生命周期管理平台,从以往以“订单为中心“的经营方式,转变成“以客户为中心”的互联网理念,完成从“产品销售”理念到“经营客户”理念的转变。赋能平台在企业整个经营理念的转变过程中起到了至关重要的作用,决定了企业数字化转型的成败。赋能平台在整个转型过程中主要有2大目标:

  • 目标一:建立跟客户的持久连接
    通过各种手段与客户建立数字化连接, 与客户建立连接后,通过数字化的手段与客户保持频繁互动,从而持续增加客户的黏性和忠诚度,互动手段包括但不限于:在线下单、在线客服、在线培训、在线技术支持、在线实证数据分享、在线抽奖、在线发红包,以及各种买赠活动等等。

  • 目标二:通过数字化的手段干预客户的预期和行为
    与客户建立数字化连接后,在与客户的互动过程中,可以设计各种场景引导用户的消费行为, 比如可以设计这样一个场景:客户在线下单买了xxx产品,当客户完成支付行为后,系统可以弹出优惠页面,并允许用户做出二选一选择:1、本次下单立即获得100元的返利现金券;2、本次下单获得5个积分,但是累计10个积分可以获得一个最低200元,最高1000元的现金抽奖机会。选项2是我们期望用户的一个行为,他引导用户再次下单购买xxx产品,获得另外5个积分,从而获得200 ~ 1000元的现金奖励。

供应商在平台的设计和建设过程中,考虑的绝不仅仅是功能的堆砌,需要紧紧围绕平台的建设目标展开工作,所有的工作都应该以上述目标为出发点和落脚点。
整个平台的建设工作分2步走,第一步业主方触达它的直接客户,也就是产品A的规模化直供客户、产品A的经销商客户、产品B的省级代理、产品B的二级代理(一期);第二步业主方穿透它的经销商和代理商,直接触达他们的终端客户(二期)。这就要求在平台建设初期,需要从全局的角度去进行思考和设计。

本项目目前正准备建设一期,具体的项目需求详见附件。在项目的一期建设过程中, 又可以分为2个节点, 第一节点只需要上线一个简单的“买赠活动 + 在线下单”,主要实现用户的线上引流, 需求的其他部分可以在后续持续完善。

收起阅读 »

男子开发爬虫软件窃取淘宝11亿条用户隐私,被判三年三个月

法律科普

近日,裁判文书网上的一起“侵犯公民个人信息罪”案件引发关注。判决书显示,被告人逯某爬取淘宝客户信息共计11亿余条,之后将客户手机号码提供给被告人黎某用于商业营销,共获利34万元

判决结果显示,黎某犯侵犯公民个人信息罪,判处有期徒刑三年六个月,并处罚金人民币35万元;逯某犯侵犯公民个人信息罪,判处有期徒刑三年三个月,并处罚金人民币十万元。

图:中国裁判文书网截图。

南都记者梳理发现,多家大数据公司被查原因都曾与“爬虫”相关,而关于合理爬虫的边界也屡屡引发热议。有专家表示,当大数据公司运用爬虫技术严重侵犯了其他人的合法利益,才是被罚甚至失去自由的根本原因

淘宝11亿数据被爬取,含手机号

6月3日,中国裁判文书网公布一份判决书——《逯某、黎某侵犯公民个人信息一审刑事判决书》。判决书显示,河南商丘睢阳区检察院指控被告人逯某、黎某涉嫌侵犯公民个人信息罪,于2021年1月14日向河南商丘睢阳区法院(以下简称“睢阳法院”)提起公诉。

经司法鉴定,逯某通过其开发的软件爬取淘宝客户的数字ID、淘宝昵称、手机号码等淘宝客户信息共计11亿余条,逯某将其爬取信息中的淘宝客户手机号码通过微信文件的形式发送给黎某使用共计1971万余条。

睢阳法院经审理查明,黎某成立了浏阳市泰创网络科技有限公司(以下简称“泰创公司”),该公司设有返利部、客服部、招商部等部门。逯某受雇于黎某,作为公司技术员,每月工资一万元。工商信息显示,泰创公司成立于2018年1月15日,经营范围为软件开发、大数据处理技术的研究与开发、数据及信息资料的处理和保管等。

上述法院经查,自2019年11月,逯某将爬取到的淘宝客户的手机号码提供给黎某,用于泰创公司的经营活动,该公司自2019年11月至2020年7月利用该信息经营共获利34万余元。

逯某辩称,他只采集了五千万条信息,11亿余条是他从其他地方下载的。

睢阳法院认为,淘宝公司报警称,自2020年7月6日至7月13日每天被侵犯信息都有500万条,逯某供述其自2019年11月开始爬取淘宝信息的,在提取逯某电脑硬盘检测有11亿多条信息,两证据能相互印证逯某采集的信息数量。因此,对于逯某关于采集信息数量的辩解,法院不予采信。

被告人逯某、黎某被判侵犯公民个人信息罪

淘宝网安全风控员马某证言证实,2020年7月13日,其在工作中发现有黑产通过破解接口的形式进行加密数据的爬取,在2020年7月13日至20日之间爬取了3500万条数据。

黎某供述与辩解称,在2019年底,逯某通过技术手段爬取淘宝网里的淘宝客户信息后,不定时的通过微信文件把公司需要的淘宝客户手机号码直接发送给他。之后,他会把这些数据导入“微信加人”软件,加微信好友成功后,由泰创公司员工负责发送广告链接,淘宝用户在该公司的广告群里购买东西,该公司获得佣金

睢阳法院认为,逯某虽是受雇于黎某,但信息是由逯某直接爬取,将其中一部分手机号提供给黎某用于公司经营活动,其在共同犯罪中并不起次要或辅助作用,不属从犯。

《中华人民共和国刑法》规定,违反国家有关规定,向他人出售或者提供公民个人信息,情节严重的,处三年以下有期徒刑或者拘役,并处或者单处罚金;情节特别严重的,处三年以上七年以下有期徒刑,并处罚金

根据两高《关于办理侵犯公民个人信息刑事案件适用法律若干问题的解释》,非法获取、出售或者提供行踪轨迹信息、通信内容、征信信息、财产信息50条以上即为“情节严重”。

最终,法院判决结果显示,黎某犯侵犯公民个人信息罪,判处有期徒刑三年六个月,并处罚金人民币35万元;逯某犯侵犯公民个人信息罪,判处有期徒刑三年三个月,并处罚金人民币十万元

多家大数据公司被查原因曾与“爬虫”相关

南都记者梳理发现,多家大数据公司被查原因都与“网络爬虫抓取数据”相关。

2019年8月,据新京报报道,大数据营销系统“鹰眼智客”利用爬虫技术,从淘宝、京东等网站上爬取到店家手机号后,用于营销。此外,借助该软件,通过微信附近的人,用户可任意设定虚拟位置后批量申请好友,还能“站街”钓鱼营销。其后,鹰眼智客所属的郑州共赢科技有限公司接受警方调查。

据南都此前报道,2019年9月前后,多家数据公司接连被查,包括魔蝎科技、还包括聚信立、新颜科技、公信宝、同盾等。从事金融科技行业多年的资深人士曾告诉南都记者,被查原因很可能与违规使用爬虫数据以及暴力催收有关。

今年年初,魔蝎科技相关案件迎来一审判决。判决结果显示,魔蝎科技犯侵犯公民个人信息罪,判处罚金三千万元。公司法人周某某被判有期徒刑三年,缓刑四年;技术总监袁某被判有期徒刑三年,缓刑三年。

网络爬虫原本是指平台按照一定规则,自动从互联网上提取网络信息的程序或脚本,本为互联网行业的常用技术之一。但近年来,爬虫技术往往被应用于“套路贷”“暴力催收”以及“侵犯个人信息权益的商业营销”上,而被推上风口浪尖。

北京市安理律师事务所高级合伙人王新锐、罗为曾公开撰文表示,创新型业务很容易进入法律的灰色地带,但仅仅进入灰色地带本身,并不会直接招致处罚,严重侵犯了其他人的合法利益,才是被罚甚至失去自由的根本原因

【转自:生活报】,声明:转载此文是出于传递更多信息之目的。若有来源标注错误或侵犯了您的合法权益,请作者持权属证明与本网联系,我们将及时更正、删除,谢谢。 邮箱地址:pufa@dcloud.io 。

原文链接

继续阅读 »

近日,裁判文书网上的一起“侵犯公民个人信息罪”案件引发关注。判决书显示,被告人逯某爬取淘宝客户信息共计11亿余条,之后将客户手机号码提供给被告人黎某用于商业营销,共获利34万元

判决结果显示,黎某犯侵犯公民个人信息罪,判处有期徒刑三年六个月,并处罚金人民币35万元;逯某犯侵犯公民个人信息罪,判处有期徒刑三年三个月,并处罚金人民币十万元。

图:中国裁判文书网截图。

南都记者梳理发现,多家大数据公司被查原因都曾与“爬虫”相关,而关于合理爬虫的边界也屡屡引发热议。有专家表示,当大数据公司运用爬虫技术严重侵犯了其他人的合法利益,才是被罚甚至失去自由的根本原因

淘宝11亿数据被爬取,含手机号

6月3日,中国裁判文书网公布一份判决书——《逯某、黎某侵犯公民个人信息一审刑事判决书》。判决书显示,河南商丘睢阳区检察院指控被告人逯某、黎某涉嫌侵犯公民个人信息罪,于2021年1月14日向河南商丘睢阳区法院(以下简称“睢阳法院”)提起公诉。

经司法鉴定,逯某通过其开发的软件爬取淘宝客户的数字ID、淘宝昵称、手机号码等淘宝客户信息共计11亿余条,逯某将其爬取信息中的淘宝客户手机号码通过微信文件的形式发送给黎某使用共计1971万余条。

睢阳法院经审理查明,黎某成立了浏阳市泰创网络科技有限公司(以下简称“泰创公司”),该公司设有返利部、客服部、招商部等部门。逯某受雇于黎某,作为公司技术员,每月工资一万元。工商信息显示,泰创公司成立于2018年1月15日,经营范围为软件开发、大数据处理技术的研究与开发、数据及信息资料的处理和保管等。

上述法院经查,自2019年11月,逯某将爬取到的淘宝客户的手机号码提供给黎某,用于泰创公司的经营活动,该公司自2019年11月至2020年7月利用该信息经营共获利34万余元。

逯某辩称,他只采集了五千万条信息,11亿余条是他从其他地方下载的。

睢阳法院认为,淘宝公司报警称,自2020年7月6日至7月13日每天被侵犯信息都有500万条,逯某供述其自2019年11月开始爬取淘宝信息的,在提取逯某电脑硬盘检测有11亿多条信息,两证据能相互印证逯某采集的信息数量。因此,对于逯某关于采集信息数量的辩解,法院不予采信。

被告人逯某、黎某被判侵犯公民个人信息罪

淘宝网安全风控员马某证言证实,2020年7月13日,其在工作中发现有黑产通过破解接口的形式进行加密数据的爬取,在2020年7月13日至20日之间爬取了3500万条数据。

黎某供述与辩解称,在2019年底,逯某通过技术手段爬取淘宝网里的淘宝客户信息后,不定时的通过微信文件把公司需要的淘宝客户手机号码直接发送给他。之后,他会把这些数据导入“微信加人”软件,加微信好友成功后,由泰创公司员工负责发送广告链接,淘宝用户在该公司的广告群里购买东西,该公司获得佣金

睢阳法院认为,逯某虽是受雇于黎某,但信息是由逯某直接爬取,将其中一部分手机号提供给黎某用于公司经营活动,其在共同犯罪中并不起次要或辅助作用,不属从犯。

《中华人民共和国刑法》规定,违反国家有关规定,向他人出售或者提供公民个人信息,情节严重的,处三年以下有期徒刑或者拘役,并处或者单处罚金;情节特别严重的,处三年以上七年以下有期徒刑,并处罚金

根据两高《关于办理侵犯公民个人信息刑事案件适用法律若干问题的解释》,非法获取、出售或者提供行踪轨迹信息、通信内容、征信信息、财产信息50条以上即为“情节严重”。

最终,法院判决结果显示,黎某犯侵犯公民个人信息罪,判处有期徒刑三年六个月,并处罚金人民币35万元;逯某犯侵犯公民个人信息罪,判处有期徒刑三年三个月,并处罚金人民币十万元

多家大数据公司被查原因曾与“爬虫”相关

南都记者梳理发现,多家大数据公司被查原因都与“网络爬虫抓取数据”相关。

2019年8月,据新京报报道,大数据营销系统“鹰眼智客”利用爬虫技术,从淘宝、京东等网站上爬取到店家手机号后,用于营销。此外,借助该软件,通过微信附近的人,用户可任意设定虚拟位置后批量申请好友,还能“站街”钓鱼营销。其后,鹰眼智客所属的郑州共赢科技有限公司接受警方调查。

据南都此前报道,2019年9月前后,多家数据公司接连被查,包括魔蝎科技、还包括聚信立、新颜科技、公信宝、同盾等。从事金融科技行业多年的资深人士曾告诉南都记者,被查原因很可能与违规使用爬虫数据以及暴力催收有关。

今年年初,魔蝎科技相关案件迎来一审判决。判决结果显示,魔蝎科技犯侵犯公民个人信息罪,判处罚金三千万元。公司法人周某某被判有期徒刑三年,缓刑四年;技术总监袁某被判有期徒刑三年,缓刑三年。

网络爬虫原本是指平台按照一定规则,自动从互联网上提取网络信息的程序或脚本,本为互联网行业的常用技术之一。但近年来,爬虫技术往往被应用于“套路贷”“暴力催收”以及“侵犯个人信息权益的商业营销”上,而被推上风口浪尖。

北京市安理律师事务所高级合伙人王新锐、罗为曾公开撰文表示,创新型业务很容易进入法律的灰色地带,但仅仅进入灰色地带本身,并不会直接招致处罚,严重侵犯了其他人的合法利益,才是被罚甚至失去自由的根本原因

【转自:生活报】,声明:转载此文是出于传递更多信息之目的。若有来源标注错误或侵犯了您的合法权益,请作者持权属证明与本网联系,我们将及时更正、删除,谢谢。 邮箱地址:pufa@dcloud.io 。

原文链接

收起阅读 »

5+APP,使用HbuilderX打包,plus.runtime.openURL(),IOS无法打开到指定的APP下载地址

兼容性 iOS

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

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

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

继续阅读 »

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

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

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

收起阅读 »

一种避免页面来回跳转的解决方法

uni_app

一、问题背景:

两个页面多次来回点击后循环跳转,返回时会一层一层返回重复的页面,想避免这种情况,在安卓中可以设置页面的启动模式,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  
                        })  
                    }  
                }
继续阅读 »

一、问题背景:

两个页面多次来回点击后循环跳转,返回时会一层一层返回重复的页面,想避免这种情况,在安卓中可以设置页面的启动模式,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  
                        })  
                    }  
                }
收起阅读 »

uni.app 通过vue.config.js 实现.less文件的全局引入

uniapp less

并不是自己想要用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}";`      
                }      
            }      
        }   
    }    
}
继续阅读 »

并不是自己想要用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}";`      
                }      
            }      
        }   
    }    
}
收起阅读 »

5+ api videoplayer objectFit:'cover' 属性不起作用,有黑边问题

VideoPlayer

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

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

HBuilder编辑器在写css选择器时卡顿

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

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

hx 启动失败 查看日志提示错误:Cannt find HX Window to activate(解决办法)

无法启动 HBuilder

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

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

文件删除

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

重新启动

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

继续阅读 »

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

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

文件删除

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

重新启动

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

收起阅读 »

采用uniapp+云开发的方式,仿一个小程序,vx:157 023 57828

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

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

onLoad参数获取

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

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

uniCloud clientDB,使用groupby分组统计,求每个商品的合计金额

{
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
}]
}

继续阅读 »

{
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 组件 高阶晋级

VideoPlayer

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组件的设置

框架默认参数

Key 默认值 注释 所属类型
max-fps 30 最大fps player
framedrop 0 跳帧开关,如果cpu解码能力不足,可以设置成5,否则会引起音视频不同步,也可以通过设置它来跳帧达到倍速播放 player
video-pictq-size 3 暂无 player
videotoolbox 0 1开启 0关闭 硬解码(硬件解码CPU消耗低。软解,更稳定) player
videotoolbox-max-frame-width 960 指定最大宽度 player
enable-accurate-seek 1 某些视频在SeekTo的时候,会跳回到拖动前的位置,这是因为视频的关键帧的问题,通俗一点就是FFMPEG不兼容,视频压缩过于厉害,seek只支持关键帧,出现这个情况就是原始的视频文件中i 帧比较少 player
auto_convert 0 自动转屏开关 fortmat
reconnect 1 重连次数 fortmat
timeout 30 1000 1000 (超时时间,timeout参数只对http设置有效。若果你用rtmp设置timeout,ijkplayer内部会忽略timeout参数。rtmp的timeout参数含义和http的不一样。) fortmat
user-agent Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/15E148 Html5Plus/1.0 (Immersed/20) uni-app (具体值看真实设备的值) User-Agent fortmat
dns_cache_clear 1 清空DNS,有时因为在APP里面要播放多种类型的视频(如:MP4,直播,直播平台保存的视频,和其他http视频), 有时会造成因为DNS的问题而报10000问题的 fortmat

uni-app Android端 video组件的设置

框架默认参数

Key 默认值 注释 所属类型
max-fps 30 最大fps player
framedrop 5 跳帧开关,如果cpu解码能力不足,可以设置成5,否则会引起音视频不同步,也可以通过设置它来跳帧达到倍速播放 player
mediacodec 0 1开启 0关闭 硬解码(硬件解码更清晰。软解,更稳定) player
enable-accurate-seek 1 某些视频在SeekTo的时候,会跳回到拖动前的位置,这是因为视频的关键帧的问题,通俗一点就是FFMPEG不兼容,视频压缩过于厉害,seek只支持关键帧,出现这个情况就是原始的视频文件中i 帧比较少 player
skip_loop_filter 0 环路滤波 0/8/16/24/32/48, 增强播放效率,其中48是指'AVDISCARD_ALL', 所有帧都不做环路滤波. codec
user-agent Mozilla/5.0 (Linux; Android 10; MXW-AN00 Build/HONORMXW-AN00; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/83.0.4103.106 Mobile Safari/537.36 Html5Plus/1.0 (具体值看真实设备的值) User-Agent fortmat
dns_cache_clear 1 清空DNS,有时因为在APP里面要播放多种类型的视频(如:MP4,直播,直播平台保存的视频,和其他http视频), 有时会造成因为DNS的问题而报10000问题的 fortmat

高阶拓展参数

一些可能用到的参数

Key 可能设置的值 注释 所属类型
soundtouch 设置是否开启变调 1开启 0 不开启 player
skip_loop_filter 设置是否开启环路过滤,0开启,画面质量高,解码开销大,48关闭,画面质量差点,解码开销小 codec
analyzemaxduration 100L 设置播放前的最大探测时间 format
analyzeduration 设置播放前的探测时间 1,达到首屏秒开效果 format
probesize 1024*10 播放前的探测Size,默认是1M, 改小一点会出画面更快 format
flush_packets 1 每处理一个packet之后刷新io上下文 format
max-buffer-size 0 最大缓冲大小,单位kb player
packet-buffering 是否开启预缓冲,一般直播项目会开启,达到秒开的效果,不过带来了播放丢帧卡顿的体验 1开启 0 不开启 player
fflags fastseek 解决m3u8文件拖动问题 比如:一个3个多少小时的音频文件,开始播放几秒中,然后拖动到2小时左右的时间,要loading 10分钟 fortmat

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

注意注意注意

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

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组件的设置

框架默认参数

Key 默认值 注释 所属类型
max-fps 30 最大fps player
framedrop 0 跳帧开关,如果cpu解码能力不足,可以设置成5,否则会引起音视频不同步,也可以通过设置它来跳帧达到倍速播放 player
video-pictq-size 3 暂无 player
videotoolbox 0 1开启 0关闭 硬解码(硬件解码CPU消耗低。软解,更稳定) player
videotoolbox-max-frame-width 960 指定最大宽度 player
enable-accurate-seek 1 某些视频在SeekTo的时候,会跳回到拖动前的位置,这是因为视频的关键帧的问题,通俗一点就是FFMPEG不兼容,视频压缩过于厉害,seek只支持关键帧,出现这个情况就是原始的视频文件中i 帧比较少 player
auto_convert 0 自动转屏开关 fortmat
reconnect 1 重连次数 fortmat
timeout 30 1000 1000 (超时时间,timeout参数只对http设置有效。若果你用rtmp设置timeout,ijkplayer内部会忽略timeout参数。rtmp的timeout参数含义和http的不一样。) fortmat
user-agent Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/15E148 Html5Plus/1.0 (Immersed/20) uni-app (具体值看真实设备的值) User-Agent fortmat
dns_cache_clear 1 清空DNS,有时因为在APP里面要播放多种类型的视频(如:MP4,直播,直播平台保存的视频,和其他http视频), 有时会造成因为DNS的问题而报10000问题的 fortmat

uni-app Android端 video组件的设置

框架默认参数

Key 默认值 注释 所属类型
max-fps 30 最大fps player
framedrop 5 跳帧开关,如果cpu解码能力不足,可以设置成5,否则会引起音视频不同步,也可以通过设置它来跳帧达到倍速播放 player
mediacodec 0 1开启 0关闭 硬解码(硬件解码更清晰。软解,更稳定) player
enable-accurate-seek 1 某些视频在SeekTo的时候,会跳回到拖动前的位置,这是因为视频的关键帧的问题,通俗一点就是FFMPEG不兼容,视频压缩过于厉害,seek只支持关键帧,出现这个情况就是原始的视频文件中i 帧比较少 player
skip_loop_filter 0 环路滤波 0/8/16/24/32/48, 增强播放效率,其中48是指'AVDISCARD_ALL', 所有帧都不做环路滤波. codec
user-agent Mozilla/5.0 (Linux; Android 10; MXW-AN00 Build/HONORMXW-AN00; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/83.0.4103.106 Mobile Safari/537.36 Html5Plus/1.0 (具体值看真实设备的值) User-Agent fortmat
dns_cache_clear 1 清空DNS,有时因为在APP里面要播放多种类型的视频(如:MP4,直播,直播平台保存的视频,和其他http视频), 有时会造成因为DNS的问题而报10000问题的 fortmat

高阶拓展参数

一些可能用到的参数

Key 可能设置的值 注释 所属类型
soundtouch 设置是否开启变调 1开启 0 不开启 player
skip_loop_filter 设置是否开启环路过滤,0开启,画面质量高,解码开销大,48关闭,画面质量差点,解码开销小 codec
analyzemaxduration 100L 设置播放前的最大探测时间 format
analyzeduration 设置播放前的探测时间 1,达到首屏秒开效果 format
probesize 1024*10 播放前的探测Size,默认是1M, 改小一点会出画面更快 format
flush_packets 1 每处理一个packet之后刷新io上下文 format
max-buffer-size 0 最大缓冲大小,单位kb player
packet-buffering 是否开启预缓冲,一般直播项目会开启,达到秒开的效果,不过带来了播放丢帧卡顿的体验 1开启 0 不开启 player
fflags fastseek 解决m3u8文件拖动问题 比如:一个3个多少小时的音频文件,开始播放几秒中,然后拖动到2小时左右的时间,要loading 10分钟 fortmat

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

注意注意注意

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