HBuilderX

HBuilderX

极客开发工具
uni-app

uni-app

开发一次,多端覆盖
uniCloud

uniCloud

云开发平台
HTML5+

HTML5+

增强HTML5的功能体验
MUI

MUI

上万Star的前端框架

unicloud中require('@alicloud/pop-core');是不需要npm install

uniCloud

发现在unicloud的云函数中使用require('@alicloud/pop-core');是可以直接使用。 不需要npm install

发现在unicloud的云函数中使用require('@alicloud/pop-core');是可以直接使用。 不需要npm install

关于input的开发(仅安卓,ios)

input

input上推通过设置adjust-position来是否上推页面。
为true时,上推input框和背景。为false时,不上推input框和背景。

那么需要上推input,不上推背景时改如何处理?

比如存在自定义导航栏时,不想其被上推。
可以使用subNvue+input的方式去处理。

相当于将input存在的subNvue页面上推,而不影响背景页面。

一些兼容处理方案:
上推时input组件软键盘和光标之间的距离。通过设置padding
苹果存在tabbar时会多推出高度。通过设置cursor-spacing

相关示例

继续阅读 »

input上推通过设置adjust-position来是否上推页面。
为true时,上推input框和背景。为false时,不上推input框和背景。

那么需要上推input,不上推背景时改如何处理?

比如存在自定义导航栏时,不想其被上推。
可以使用subNvue+input的方式去处理。

相当于将input存在的subNvue页面上推,而不影响背景页面。

一些兼容处理方案:
上推时input组件软键盘和光标之间的距离。通过设置padding
苹果存在tabbar时会多推出高度。通过设置cursor-spacing

相关示例

收起阅读 »

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. 日常维护