HBuilderX

HBuilderX

极客开发工具
uni-app

uni-app

开发一次,多端覆盖
uniCloud

uniCloud

云开发平台
HTML5+

HTML5+

增强HTML5的功能体验
MUI

MUI

上万Star的前端框架

video用着真难受

VideoPlayer m3u8 video

真的官方的video太难用了,不能自己定制皮肤,花了几天时间自己重做了套皮肤,唯一的败笔就是加载的时候那个绿色的圆圈加载条格格不入,使用m3u8格式播放的时候,不论是覆盖,还是阻止事件冒泡, 还是关闭手势控制,只要进行了手势操作,过几秒视频都会卡在加载状态。

使用webview来做吧,也是各种问题,很难解决,按照文档把html文件放在 hybrid\html 目录下昨天刚开始的时候打开webview就是找不到本地HTML文件,后面不知怎么就正常了,然而今天编译打开过后又找不到html文件了,找到文件全靠运气,在App中网页能跟App通信,App不能给网页发送消息,唯一的方法就是通过webview中的方法在网页中运行js来进行app跟普通HTML通信, 而且在H5中不支持通信,又得用其他方案来进行通信,简直难受,真的无力吐槽,希望官方能够重视下这块,在项目开发中99%的问题都能找到其他方案解决,就视频这块真的费尽心思都没能够解决一直卡着

继续阅读 »

真的官方的video太难用了,不能自己定制皮肤,花了几天时间自己重做了套皮肤,唯一的败笔就是加载的时候那个绿色的圆圈加载条格格不入,使用m3u8格式播放的时候,不论是覆盖,还是阻止事件冒泡, 还是关闭手势控制,只要进行了手势操作,过几秒视频都会卡在加载状态。

使用webview来做吧,也是各种问题,很难解决,按照文档把html文件放在 hybrid\html 目录下昨天刚开始的时候打开webview就是找不到本地HTML文件,后面不知怎么就正常了,然而今天编译打开过后又找不到html文件了,找到文件全靠运气,在App中网页能跟App通信,App不能给网页发送消息,唯一的方法就是通过webview中的方法在网页中运行js来进行app跟普通HTML通信, 而且在H5中不支持通信,又得用其他方案来进行通信,简直难受,真的无力吐槽,希望官方能够重视下这块,在项目开发中99%的问题都能找到其他方案解决,就视频这块真的费尽心思都没能够解决一直卡着

收起阅读 »

uni-app真机运行iOS 出现无法验证app解决方法

真机运行

第一步:断开网络连接
第二步:第二步,打开设置,找到Safari浏览器(苹果自带浏览器)
第三步:清理历史记录和网站数据
第四步:回到桌面打开应用,应用会闪退一下
第五步:打开网络,重新打开app。
如果不行就多重复操作几次

第一步:断开网络连接
第二步:第二步,打开设置,找到Safari浏览器(苹果自带浏览器)
第三步:清理历史记录和网站数据
第四步:回到桌面打开应用,应用会闪退一下
第五步:打开网络,重新打开app。
如果不行就多重复操作几次

uni-app打开微信扫一扫

Native.JS 扫一扫

uni-app打开微信扫一扫

            if (plus.os.name == "iOS") {  
                plus.runtime.openURL("weixin://scanqrcode")  

            } else if (plus.os.name == "andriod") {  
                var Intent = plus.android.importClass("android.content.Intent");  
                var ComponentName = plus.android.importClass('android.content.ComponentName')  
                var intent = new Intent();  
                intent.setComponent(new ComponentName("com.tencent.mm", "com.tencent.mm.ui.LauncherUI"));  
                intent.putExtra("LauncherUI.From.Scaner.Shortcut", true);  
                intent.setFlags(335544320);  
                intent.setAction("android.intent.action.VIEW");  
                var main = plus.android.runtimeMainActivity();  
                main.startActivity(intent);  
            }  
继续阅读 »

uni-app打开微信扫一扫

            if (plus.os.name == "iOS") {  
                plus.runtime.openURL("weixin://scanqrcode")  

            } else if (plus.os.name == "andriod") {  
                var Intent = plus.android.importClass("android.content.Intent");  
                var ComponentName = plus.android.importClass('android.content.ComponentName')  
                var intent = new Intent();  
                intent.setComponent(new ComponentName("com.tencent.mm", "com.tencent.mm.ui.LauncherUI"));  
                intent.putExtra("LauncherUI.From.Scaner.Shortcut", true);  
                intent.setFlags(335544320);  
                intent.setAction("android.intent.action.VIEW");  
                var main = plus.android.runtimeMainActivity();  
                main.startActivity(intent);  
            }  
收起阅读 »

mui上传头像带裁剪压缩

头像裁剪 图片上传

> 根据 https://ask.dcloud.net.cn/article/id-754 项目进行优化修改

项目引用:
jquery.min.js
mui.js
mui.css

优化内容:
修复了原贴的一些BUG
新增拖动放大选框功能

源码下载:
见附件

继续阅读 »

> 根据 https://ask.dcloud.net.cn/article/id-754 项目进行优化修改

项目引用:
jquery.min.js
mui.js
mui.css

优化内容:
修复了原贴的一些BUG
新增拖动放大选框功能

源码下载:
见附件

收起阅读 »

uni-app开发的真是心累

HBuilder X uniapp

开发的真是心累 升级一个版本就开始担心报错

开发的真是心累 升级一个版本就开始担心报错

uni-app获取视频缩略图封面插件

uni-app获取视频缩略图封面插件:https://ext.dcloud.net.cn/plugin?id=1577

uni-app获取视频缩略图封面插件:https://ext.dcloud.net.cn/plugin?id=1577

webview通过uni.postMessage传值提示UniPlusBridge is not defined

Webview

我是vue打包成html嵌套到web-view 本人试了好多次

 文档  https://ask.dcloud.net.cn/article/35083  给的js不好使  
  <script type="text/javascript" src="//js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.0.1.52.js"></script>  

 

解决方案:
更换js 就ok了

<script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.1.js"></script>  

希望能帮助到大家

继续阅读 »

我是vue打包成html嵌套到web-view 本人试了好多次

 文档  https://ask.dcloud.net.cn/article/35083  给的js不好使  
  <script type="text/javascript" src="//js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.0.1.52.js"></script>  

 

解决方案:
更换js 就ok了

<script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.1.js"></script>  

希望能帮助到大家

收起阅读 »

有没有想把uni-app微信项目打包后作为一个目录或者分包用于其他的小程序项目?我有个方案

可以用uniapp2wxpack,在原有的uni-app项目上安装就行

uniapp2wxpack npm包

演示项目

开发模式下,可能会出现没有读写权限或者有些文件没有构建出来的情况,如果出现这种情况就关掉微信开发者工具,dev任务处于监听状态后,再打开微信开发者工具预览

继续阅读 »

可以用uniapp2wxpack,在原有的uni-app项目上安装就行

uniapp2wxpack npm包

演示项目

开发模式下,可能会出现没有读写权限或者有些文件没有构建出来的情况,如果出现这种情况就关掉微信开发者工具,dev任务处于监听状态后,再打开微信开发者工具预览

收起阅读 »

uni-app 支付宝小程序如何使用 mqtt

uniapp

uni-app 支付宝小程序如何使用 mqtt

uni-app 支付宝小程序如何使用 mqtt

团队开发APP、APP定制开发

App 移动APP

app开发

  1. 需求整理
  2. 预算评估
  3. 原型设计
  4. UI设计
  5. 开发
  6. 测试调试
  7. 发布到应用市场
  8. 运营迭代
  9. 日常维护

app开发

  1. 需求整理
  2. 预算评估
  3. 原型设计
  4. UI设计
  5. 开发
  6. 测试调试
  7. 发布到应用市场
  8. 运营迭代
  9. 日常维护

HBuilderX报错【插件xx下载错误,请检查网络是否正常!】的解决方法,可自己手动安装

HBuilderX报错【插件xx下载错误,请检查网络是否正常!】的解决方法,可自己手动安装 我写了一个教程,我自己摸索出来的,
你们可以看下:
https://www.jianshu.com/p/f084d1ff5302

HBuilderX报错【插件xx下载错误,请检查网络是否正常!】的解决方法,可自己手动安装 我写了一个教程,我自己摸索出来的,
你们可以看下:
https://www.jianshu.com/p/f084d1ff5302

【分享】uniapp打包后html文件里标签不要移除引号

uniapp

在项目根目录新建vue.config.js,添加如下代码。

 chainWebpack: config => {  
        //通过运行 vue inspect plugins 的值html插件别名。。  
        config.plugin('html-index').tap(args => {  
            args[0].minify = {  
                removeAttributeQuotes: false  
            }  
            return args  
        })  
    },

之前按照vue官方文档查的说添加
有的说添加

config.plugin('html').tap

报错说

TypeError: Cannot set property 'minify' of undefined

通过运行

vue inspect plugins

看到插件列表,htmlWebpackPlugin别名改成了html-index

继续阅读 »

在项目根目录新建vue.config.js,添加如下代码。

 chainWebpack: config => {  
        //通过运行 vue inspect plugins 的值html插件别名。。  
        config.plugin('html-index').tap(args => {  
            args[0].minify = {  
                removeAttributeQuotes: false  
            }  
            return args  
        })  
    },

之前按照vue官方文档查的说添加
有的说添加

config.plugin('html').tap

报错说

TypeError: Cannot set property 'minify' of undefined

通过运行

vue inspect plugins

看到插件列表,htmlWebpackPlugin别名改成了html-index

收起阅读 »