HBuilderX

HBuilderX

极客开发工具
uni-app

uni-app

开发一次,多端覆盖
uniCloud

uniCloud

云开发平台
HTML5+

HTML5+

增强HTML5的功能体验
MUI

MUI

上万Star的前端框架

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

收起阅读 »

动态设置原生导航栏搜索框中的placeholder的提示内容

导航栏 App入门

为什么要动态设置原生导航栏搜索框中placeholder的提示内容呢?

一般原生导航栏搜索框中placeholder的提示内容是在pages.json中app-plus中设置,就相当于默认值,偶尔业务需求可能要改变值

需求:
大多数商城商品搜索框placeholder中都会自动显示一些热搜商品名称,
点击搜索后这些热搜商品可以直接进行搜索,可以有效提高用户对某一系列产品的搜索率

实现方法:

       //这个操作一般放在 onLoad 函数中  

       uni.request({ //发起网络请求  
                url: 'https://xxx.xxx.com,   //要显示的文字数据接口  
                success: (res) => {  
                 console.log(res.data);  
                    this.value = res.data.title   //将请求结果赋值data函数中定义的vlaue值中  
                    var _this=this   //这个我知道你懂的  
                    let webview = this.$mp.page.$getAppWebview();  //获取当前窗口实例  
                            webview.setStyle({'titleNView':{"searchInput": { //修改当前窗口search样式  
                                                                      "placeholder": _this.value,  
                                     }    
                    }})   
                } //成功回调结束  
            });

我也是uni-app小白一枚,有不对的地方各位多多指教

想学吗,我教你呀!保你会

继续阅读 »

为什么要动态设置原生导航栏搜索框中placeholder的提示内容呢?

一般原生导航栏搜索框中placeholder的提示内容是在pages.json中app-plus中设置,就相当于默认值,偶尔业务需求可能要改变值

需求:
大多数商城商品搜索框placeholder中都会自动显示一些热搜商品名称,
点击搜索后这些热搜商品可以直接进行搜索,可以有效提高用户对某一系列产品的搜索率

实现方法:

       //这个操作一般放在 onLoad 函数中  

       uni.request({ //发起网络请求  
                url: 'https://xxx.xxx.com,   //要显示的文字数据接口  
                success: (res) => {  
                 console.log(res.data);  
                    this.value = res.data.title   //将请求结果赋值data函数中定义的vlaue值中  
                    var _this=this   //这个我知道你懂的  
                    let webview = this.$mp.page.$getAppWebview();  //获取当前窗口实例  
                            webview.setStyle({'titleNView':{"searchInput": { //修改当前窗口search样式  
                                                                      "placeholder": _this.value,  
                                     }    
                    }})   
                } //成功回调结束  
            });

我也是uni-app小白一枚,有不对的地方各位多多指教

想学吗,我教你呀!保你会

收起阅读 »