HBuilderX

HBuilderX

极客开发工具
uni-app

uni-app

开发一次,多端覆盖
uniCloud

uniCloud

云开发平台
HTML5+

HTML5+

增强HTML5的功能体验
MUI

MUI

上万Star的前端框架

for循环生成的元素无法获取到ref

本人最近使用bindingX写动画,需要使用ref来绑定元素。
本来普通的view里ref='aaa'这样在使用时候很顺手,this.$refs.name.ref就可以拿到;
后来意识到需要数据渲染,for循环后突然报错了,undefined,最后找到问题竟然在this.$refs.name拿到的竟然是类似html的标签,this.$refs里对应的name下与打印出来的东西不一致,导致我很困惑,为什么如此之不一致。
就在我蒙了三天之后,我就想打印一下this.$refs.name的字符串,this.$refs.name[0]竟然不报错,
最后,完美解决。this.$refs.name[0].ref就可以拿到之前的东西。

后来,偶然看到了这个,当然会vue的大神们不要嘲笑,这篇就是为了分享给那些同我一样,没有vue开发经验硬写app的彩笔们。

继续阅读 »

本人最近使用bindingX写动画,需要使用ref来绑定元素。
本来普通的view里ref='aaa'这样在使用时候很顺手,this.$refs.name.ref就可以拿到;
后来意识到需要数据渲染,for循环后突然报错了,undefined,最后找到问题竟然在this.$refs.name拿到的竟然是类似html的标签,this.$refs里对应的name下与打印出来的东西不一致,导致我很困惑,为什么如此之不一致。
就在我蒙了三天之后,我就想打印一下this.$refs.name的字符串,this.$refs.name[0]竟然不报错,
最后,完美解决。this.$refs.name[0].ref就可以拿到之前的东西。

后来,偶然看到了这个,当然会vue的大神们不要嘲笑,这篇就是为了分享给那些同我一样,没有vue开发经验硬写app的彩笔们。

收起阅读 »

请教一个技术支持(外包)的问题

外包

各位开发者大神,我使用标准H5开发网站,并使用HBUILDER进行了打包,安卓APP是没有问题,用的挺好。
之前注册了苹果的开发者,使用证书打包,上传平台,苹果审核4.2,APP太简单,没有原生功能,没有通过审核。
现在我想请教
1.基于我现有的网站构架,加一些原生功能,适当丰富一下APP(其实主要是为了IOS过审)。

  1. 有没有相关的外包机构可以帮忙做,大约多少钱
    谢谢各位了
继续阅读 »

各位开发者大神,我使用标准H5开发网站,并使用HBUILDER进行了打包,安卓APP是没有问题,用的挺好。
之前注册了苹果的开发者,使用证书打包,上传平台,苹果审核4.2,APP太简单,没有原生功能,没有通过审核。
现在我想请教
1.基于我现有的网站构架,加一些原生功能,适当丰富一下APP(其实主要是为了IOS过审)。

  1. 有没有相关的外包机构可以帮忙做,大约多少钱
    谢谢各位了
收起阅读 »

android 插件 新增 activity

因需要自定义UI界面,在此记录,供遇到同样问题的伙伴作参考:

第1步:MyModule extends WXSDKEngine.DestroyableModule

第2步:Intent intent = new Intent(this.mWXSDKInstance.getContext(), MyActivity.class); mActivity.startActivityForResult(intent, 100);

第3步:MyActivity extends Activity;此处切记继承Activity,不能继承其它扩展的activity,否则会导致界面不展示,程序异常

第4步:在androidmanifest.xml添加权限,添加MyActivity节点

第5步:打成aar包发布

继续阅读 »

因需要自定义UI界面,在此记录,供遇到同样问题的伙伴作参考:

第1步:MyModule extends WXSDKEngine.DestroyableModule

第2步:Intent intent = new Intent(this.mWXSDKInstance.getContext(), MyActivity.class); mActivity.startActivityForResult(intent, 100);

第3步:MyActivity extends Activity;此处切记继承Activity,不能继承其它扩展的activity,否则会导致界面不展示,程序异常

第4步:在androidmanifest.xml添加权限,添加MyActivity节点

第5步:打成aar包发布

收起阅读 »

建议功能 alt + 单击‘自定义组件’标签。可以直接打开自定义组件的页面;

建议功能 alt + 单击‘自定义组件’标签。可以直接打开自定义组件的页面;类似PhpStorm alt +单击 类名称 时跳转到类的页面方便编辑

补充录屏 https://bug666.oss-cn-hangzhou.aliyuncs.com/%E6%9E%97%E4%B8%BE%EF%BD%9E%E5%85%A8%E6%A0%88APP%E8%BD%AF%E4%BB%B6%E5%B7%A5%E7%A8%8B%E5%B8%88%202020-01-01%2019.51.16.mp4

继续阅读 »

建议功能 alt + 单击‘自定义组件’标签。可以直接打开自定义组件的页面;类似PhpStorm alt +单击 类名称 时跳转到类的页面方便编辑

补充录屏 https://bug666.oss-cn-hangzhou.aliyuncs.com/%E6%9E%97%E4%B8%BE%EF%BD%9E%E5%85%A8%E6%A0%88APP%E8%BD%AF%E4%BB%B6%E5%B7%A5%E7%A8%8B%E5%B8%88%202020-01-01%2019.51.16.mp4

收起阅读 »

uni.navigateBack()返回时传递参数,最简单的办法!

页面传值

假如从B页面返回A页面:
var pages = getCurrentPages();
var prevPage = pages[pages.length - 2]; //上一个页面
prevPage.setData({
mdata:1
})
经过测试,在uni.app中使用B页面使用setData设置A页面参数无法实现(应该是被更改为常量属性了)。
打印console.log(prevPage)前一页面对象可得:

方法1:我们可以使用A页面原有方法
onHide: ƒ ()
onLoad: ƒ ()
onReady: ƒ ()
onResize: ƒ ()
onRouteEnd: ƒ ()
onShow: ƒ ()
onUnload: ƒ ()
options
......等传递参数。
B页面传递:
var object={
sx1:"参数1",
sx2:"参数2",
}
prevPage.onShow(object);
uni.navigateBack();
A页面接收参数:
onShow(object){
if(!!object){
console.log(object)
}
}

方法2:A页面自定义方法接收参数
B页面传递:
var object={
sx1:"参数1",
sx2:"参数2",
}
prevPage.$vm.otherFun(object);//重点$vm
uni.navigateBack();
A页面接收参数:
otherFun(object){
if(!!object){
console.log(object)
}
}

继续阅读 »

假如从B页面返回A页面:
var pages = getCurrentPages();
var prevPage = pages[pages.length - 2]; //上一个页面
prevPage.setData({
mdata:1
})
经过测试,在uni.app中使用B页面使用setData设置A页面参数无法实现(应该是被更改为常量属性了)。
打印console.log(prevPage)前一页面对象可得:

方法1:我们可以使用A页面原有方法
onHide: ƒ ()
onLoad: ƒ ()
onReady: ƒ ()
onResize: ƒ ()
onRouteEnd: ƒ ()
onShow: ƒ ()
onUnload: ƒ ()
options
......等传递参数。
B页面传递:
var object={
sx1:"参数1",
sx2:"参数2",
}
prevPage.onShow(object);
uni.navigateBack();
A页面接收参数:
onShow(object){
if(!!object){
console.log(object)
}
}

方法2:A页面自定义方法接收参数
B页面传递:
var object={
sx1:"参数1",
sx2:"参数2",
}
prevPage.$vm.otherFun(object);//重点$vm
uni.navigateBack();
A页面接收参数:
otherFun(object){
if(!!object){
console.log(object)
}
}

收起阅读 »

UNI利用vue-cli安装的项目sass报错的问题

sass vue_cli uniapp

UNI利用vue-cli安装的项目sass报错的问题,可以手动修改sass-loader的版本为"sass-loader": "^7.3.0",;cli安装的是最新版的会报错SassError: Invalid argument(s): Unsupported output style "nested".

继续阅读 »

UNI利用vue-cli安装的项目sass报错的问题,可以手动修改sass-loader的版本为"sass-loader": "^7.3.0",;cli安装的是最新版的会报错SassError: Invalid argument(s): Unsupported output style "nested".

收起阅读 »

2020年最新vuejs实战开发抖音app【百度盘免费分享】

Vue


获取方法:

1/首先麻烦您再此贴下留言

2/联系qq2119521240

3/视频说明:https://pan.baidu.com/s/1m_SNUCi98W7kKLgUQUaKBA

继续阅读 »


获取方法:

1/首先麻烦您再此贴下留言

2/联系qq2119521240

3/视频说明:https://pan.baidu.com/s/1m_SNUCi98W7kKLgUQUaKBA

收起阅读 »

unipush个推通道和华为通道的详细图文说明(上)

unipush

详细图请下载附件,图太多了,就不一个一个传了。以下是摘要。
也不知道附件穿上没,如果下载不了,记得找我。

新建uniapp工程

生成keystore

制作自定义调试基座

生成图标

修改两处权限(离线打包之前)

配置unipush后台先配置才能打包

自定义基座运行,找到cid,并发送消息
运行,运行到手机或模拟器,运行基座选择,勾选自定义调试基座
基础的透传测试,没有问题

华为离线推送,离线推送无法收到

设备信息
华为Nova4
9.1.0.257
华为移动服务 4.0.0.331 管理空间 清理数据,重置推送服务 清空缓存 打开进入程序

uniapp程序已彻底退出

创建透传消息
intent:#Intent;action=android.intent.action.oppopush;launchFlags=0x14000000;component=io.yunhntech.push/io.dcloud.PandoraEntry;S.UP-OL-SU=true;S.title=ceshi0;S.content=654321;S.payload=test;end

得不到任何信息,如果把uniapp程序启动后就可以得到信息,但是显示的是走个推渠道。

补一个图这个要弄好啊才能发消息

最后解决了
https://note.youdao.com/ynoteshare1/index.html?id=ac2c52fe65c992fb59a4f8a21ad7f703&type=note
感谢个推团队的对应,态度也好,还不收费。

有一句话就是,必须是经过的包的apk安装才可以,自定义基座不行!!!云打包,删除自定义基座的程序,安装apk,重启手机。

确保apk的程序没有运行。我这个居然运行了。。。。
然后熄灭屏幕,把手机放远点,还不要插电。

发个消息。

哔。。。。。。
好了,客户端和配置到此为止,下面还有服务器端,和小米等第三方厂商的配置。

我跟你们讲,我都不敢多试,我怕不好使,不说了,再试试。

继续阅读 »

详细图请下载附件,图太多了,就不一个一个传了。以下是摘要。
也不知道附件穿上没,如果下载不了,记得找我。

新建uniapp工程

生成keystore

制作自定义调试基座

生成图标

修改两处权限(离线打包之前)

配置unipush后台先配置才能打包

自定义基座运行,找到cid,并发送消息
运行,运行到手机或模拟器,运行基座选择,勾选自定义调试基座
基础的透传测试,没有问题

华为离线推送,离线推送无法收到

设备信息
华为Nova4
9.1.0.257
华为移动服务 4.0.0.331 管理空间 清理数据,重置推送服务 清空缓存 打开进入程序

uniapp程序已彻底退出

创建透传消息
intent:#Intent;action=android.intent.action.oppopush;launchFlags=0x14000000;component=io.yunhntech.push/io.dcloud.PandoraEntry;S.UP-OL-SU=true;S.title=ceshi0;S.content=654321;S.payload=test;end

得不到任何信息,如果把uniapp程序启动后就可以得到信息,但是显示的是走个推渠道。

补一个图这个要弄好啊才能发消息

最后解决了
https://note.youdao.com/ynoteshare1/index.html?id=ac2c52fe65c992fb59a4f8a21ad7f703&type=note
感谢个推团队的对应,态度也好,还不收费。

有一句话就是,必须是经过的包的apk安装才可以,自定义基座不行!!!云打包,删除自定义基座的程序,安装apk,重启手机。

确保apk的程序没有运行。我这个居然运行了。。。。
然后熄灭屏幕,把手机放远点,还不要插电。

发个消息。

哔。。。。。。
好了,客户端和配置到此为止,下面还有服务器端,和小米等第三方厂商的配置。

我跟你们讲,我都不敢多试,我怕不好使,不说了,再试试。

收起阅读 »

uniapp+thinkphp6实战开发【简书】app+小程序

uniapp 教程

这个课程我买了确实不错,有前端开发和后台开发,讲解非常细致
关键是参加完活动基本就不用花钱了
而且在这个贴子下留言的还能多省20
uniapp+thinkphp6实战开发【简书】app+小程序

继续阅读 »

这个课程我买了确实不错,有前端开发和后台开发,讲解非常细致
关键是参加完活动基本就不用花钱了
而且在这个贴子下留言的还能多省20
uniapp+thinkphp6实战开发【简书】app+小程序

收起阅读 »

nvue国际化的一个方案(借助i18n)

关于uni-app的国际化 ,我是看的这位前辈的分享

国际化多语言

我看评论里 有关nvue使用国家化插件(i18n)存在各项问题;并且搜了下社区有一位前辈已经给了一个方案

nvue国际化

在这里 贴一下自己研究的一个投机取巧的方案,希望能帮到各位:

  • 就是依赖官方提供的globalData,做一个过渡就可以了;
export default {  
        globalData: {  
            http: '',  
            _i18n: '',  
            $t: ''  
        },  
        onLaunch: function() {  
            let context = this;  
            this.globalData.http = this.$http  //这是我适用nvue的网络请求  
            this.globalData._i18n = this.$i18n  //这是原型链上的$i18n  
            this.globalData.$t = function(str) {  
                let $i18n = getApp().globalData.$i18n//这里去拿global的i18n  
                return context.$t(str)  
            }  
               }  

           }

这是在nvue页使用

         computed: {  
            i18n(){  
                return getApp().globalData.$t('cn')//当然页面中就是按Vue页面里那样使用了  
            }  
        }  

就这样,我在ios模拟器上测试正常,其他应该也是可以的;

继续阅读 »

关于uni-app的国际化 ,我是看的这位前辈的分享

国际化多语言

我看评论里 有关nvue使用国家化插件(i18n)存在各项问题;并且搜了下社区有一位前辈已经给了一个方案

nvue国际化

在这里 贴一下自己研究的一个投机取巧的方案,希望能帮到各位:

  • 就是依赖官方提供的globalData,做一个过渡就可以了;
export default {  
        globalData: {  
            http: '',  
            _i18n: '',  
            $t: ''  
        },  
        onLaunch: function() {  
            let context = this;  
            this.globalData.http = this.$http  //这是我适用nvue的网络请求  
            this.globalData._i18n = this.$i18n  //这是原型链上的$i18n  
            this.globalData.$t = function(str) {  
                let $i18n = getApp().globalData.$i18n//这里去拿global的i18n  
                return context.$t(str)  
            }  
               }  

           }

这是在nvue页使用

         computed: {  
            i18n(){  
                return getApp().globalData.$t('cn')//当然页面中就是按Vue页面里那样使用了  
            }  
        }  

就这样,我在ios模拟器上测试正常,其他应该也是可以的;

收起阅读 »

#插件需求# uniapp APP端生成快捷方式

苹果 安卓 移动APP 快捷方式

uniapp APP端生成快捷方式,生成桌面快捷方式点击直接进入指定页面。类似于支付宝乘车码快捷方式。
有没有大神或官方搞一下手机端快捷方式问题

uniapp APP端生成快捷方式,生成桌面快捷方式点击直接进入指定页面。类似于支付宝乘车码快捷方式。
有没有大神或官方搞一下手机端快捷方式问题

hbuilderX 编辑出错

11:50:44.154 请注意运行模式下,因日志输出、sourcemap以及未压缩源码等原因,性能和包体积,均不及发行模式。若要正式发布,请点击发行菜单或使用cli发布命令进行发布
11:50:44.163 正在编译中...
11:51:05.089 Module build failed (from ./node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js):
11:51:05.090 TypeError: Cannot read property 'replace' of undefined
11:51:05.098 at cached (/Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/uni-cli-shared/lib/util.js:60:14)
11:51:05.099 at cachedFn (/Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/uni-cli-shared/lib/util.js:43:33)
11:51:05.108 at resolve.call.then.resolved (/Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script-new.js:96:41)
11:51:05.109 at <anonymous>
11:51:05.374 ERROR Build failed with errors.

继续阅读 »

11:50:44.154 请注意运行模式下,因日志输出、sourcemap以及未压缩源码等原因,性能和包体积,均不及发行模式。若要正式发布,请点击发行菜单或使用cli发布命令进行发布
11:50:44.163 正在编译中...
11:51:05.089 Module build failed (from ./node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js):
11:51:05.090 TypeError: Cannot read property 'replace' of undefined
11:51:05.098 at cached (/Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/uni-cli-shared/lib/util.js:60:14)
11:51:05.099 at cachedFn (/Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/uni-cli-shared/lib/util.js:43:33)
11:51:05.108 at resolve.call.then.resolved (/Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script-new.js:96:41)
11:51:05.109 at <anonymous>
11:51:05.374 ERROR Build failed with errors.

收起阅读 »