HBuilderX

HBuilderX

极客开发工具
uni-app

uni-app

开发一次,多端覆盖
uniCloud

uniCloud

云开发平台
HTML5+

HTML5+

增强HTML5的功能体验
MUI

MUI

上万Star的前端框架

【分享】Mac系统新版本 HBuilder X 调试选择运行到iOS模拟器时,识别不出iOS模拟器解决方案

调试 ios模拟器 模拟器 iOS HBuilder

需要打开XCode在Preferences里的Locations选择设置Command Line Tools,然后重启HBuilder X

如图:

需要打开XCode在Preferences里的Locations选择设置Command Line Tools,然后重启HBuilder X

如图:

uni.request传递复杂对象

uniapp

js版serialize 实现
function serialize (obj, prefix) {
const str = []
let p
if (obj.length === 0) {
// str.push(encodeURIComponent(prefix) + '=1')
} else {
for (p in obj) {
if (obj.hasOwnProperty(p)) {
const k = prefix ? prefix + '[' + p + ']' : p
let v = obj[p]
if (v instanceof Date) {
v = parseTime(v)
}
str.push((v !== null && typeof v === 'object') ? serialize(v, k) : encodeURIComponent(k) + '=' + encodeURIComponent(
v))
}
}
}

return str.join('&')
}

uni.request.data改造
options.data = serialize(options.data)

继续阅读 »

js版serialize 实现
function serialize (obj, prefix) {
const str = []
let p
if (obj.length === 0) {
// str.push(encodeURIComponent(prefix) + '=1')
} else {
for (p in obj) {
if (obj.hasOwnProperty(p)) {
const k = prefix ? prefix + '[' + p + ']' : p
let v = obj[p]
if (v instanceof Date) {
v = parseTime(v)
}
str.push((v !== null && typeof v === 'object') ? serialize(v, k) : encodeURIComponent(k) + '=' + encodeURIComponent(
v))
}
}
}

return str.join('&')
}

uni.request.data改造
options.data = serialize(options.data)

收起阅读 »

【分享】关于uniapp如何修改动态修改titleNView中的buttons按钮样式和文字

button titleNView uniapp
var webView = this.$mp.page.$getAppWebview();    

// 修改buttons    
// index: 按钮索引, style {WebviewTitleNViewButtonStyles }    
    webView.setTitleNViewButtonStyle(0, {    
         text: '我是被修改的文字',    
});
继续阅读 »
var webView = this.$mp.page.$getAppWebview();    

// 修改buttons    
// index: 按钮索引, style {WebviewTitleNViewButtonStyles }    
    webView.setTitleNViewButtonStyle(0, {    
         text: '我是被修改的文字',    
});
收起阅读 »

【分享】js正则表达式 如何验证邮箱?

js uniapp 正则
var reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;  
var email = "xxxx@qq.com";  
if (reg.test(email) {  
    alert("邮箱格式正确");  
}else{  
    alert("邮箱格式不正确");  
}
继续阅读 »
var reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;  
var email = "xxxx@qq.com";  
if (reg.test(email) {  
    alert("邮箱格式正确");  
}else{  
    alert("邮箱格式不正确");  
}
收起阅读 »

承接uniapp项目外包,网站、APP、小程序。前后台都可以写。欢迎咨询微信batik88

招聘 外包

承接uniapp项目外包,网站、APP、小程序。前后台都可以写。欢迎咨询微信 batik88

承接uniapp项目外包,网站、APP、小程序。前后台都可以写。欢迎咨询微信 batik88

uni-app调微信分享微信小程序 由于应用universal link校验不通过

不管是微信分享, 还是跳转小程序, 老提示:由于应用universal link校验不通过

前提条件:用uni-app本地打包, 然后用Xcode原生打包

按网上的方法,检查各种配置,都未能解决,选择排出以下几个情况
1、bundle Id中的teamId写错
2、与微信开放平台不一致
3、apple-app-site-association加了json后缀

这些都对过了,都是正确了,最后实现没有招,用了亘古科技的代理试了,马上成功了,
然后就比对亘古科技生成的apple-app-site-association定位到问题点,
公司服务器上只是把这个文件丢根目录,https:/xxx/apple-app-site-association 只可以下载文件,不是直接输出

正确配置是要直接输出,我用nginx的配置如下:

        location /apple-app-site-association {  
            default_type application/json;  
            root /home/webapp/html;  
        }

配置过程比较有效贴子:
https://cloud.tencent.com/developer/article/1146932

https://www.cnblogs.com/guoshaobin/p/11164000.html

继续阅读 »

不管是微信分享, 还是跳转小程序, 老提示:由于应用universal link校验不通过

前提条件:用uni-app本地打包, 然后用Xcode原生打包

按网上的方法,检查各种配置,都未能解决,选择排出以下几个情况
1、bundle Id中的teamId写错
2、与微信开放平台不一致
3、apple-app-site-association加了json后缀

这些都对过了,都是正确了,最后实现没有招,用了亘古科技的代理试了,马上成功了,
然后就比对亘古科技生成的apple-app-site-association定位到问题点,
公司服务器上只是把这个文件丢根目录,https:/xxx/apple-app-site-association 只可以下载文件,不是直接输出

正确配置是要直接输出,我用nginx的配置如下:

        location /apple-app-site-association {  
            default_type application/json;  
            root /home/webapp/html;  
        }

配置过程比较有效贴子:
https://cloud.tencent.com/developer/article/1146932

https://www.cnblogs.com/guoshaobin/p/11164000.html

收起阅读 »

scrollview 如何在ios上隐藏滚动条的解决方案

去掉滚动条 scrollview uniapp

配置文件pages.json文件里,app-plus中设置:

"scrollIndicator": "none"

参考设置:

     {  
        "path": "pages/xxxx/xxxxxx",  
        "style": {  
            "navigationBarTitleText": "xxxx",  
            "app-plus": {  
                "titleNView": {  
                    "titleColor": "#FFFFFF",  
                    "backgroundColor": "#E41F19",  
                    "pullToRefresh": {  
                        "support": false  
                    }  
                },  
                "enablePullDownRefresh": false,  
                 //滚动条显示策略,设置为 "none" 时不显示滚动条  
                "scrollIndicator": "none"  
            }  
        }  
    }
继续阅读 »

配置文件pages.json文件里,app-plus中设置:

"scrollIndicator": "none"

参考设置:

     {  
        "path": "pages/xxxx/xxxxxx",  
        "style": {  
            "navigationBarTitleText": "xxxx",  
            "app-plus": {  
                "titleNView": {  
                    "titleColor": "#FFFFFF",  
                    "backgroundColor": "#E41F19",  
                    "pullToRefresh": {  
                        "support": false  
                    }  
                },  
                "enablePullDownRefresh": false,  
                 //滚动条显示策略,设置为 "none" 时不显示滚动条  
                "scrollIndicator": "none"  
            }  
        }  
    }
收起阅读 »

关于uniapp的rich-text组件 动态注入的HTML代码中包含a标签 不能点击跳转的解决方法

Webview 页面跳转 uparse richtext uniapp

一年多前的一个提问,结果到现在还有很多人来加我q问我怎么解决

在这里统一回复下,关于rich-text组件动态注入的HTML代码中包含a标签 不能点击跳转

解决方法:

可以将rich-text组件换成uParse组件,uParse组件可以实现动态注入a标签跳转

<uParse :content="strings" @preview="preview" @navigate="navigate" />

navigate就是点击跳转方法

在method中加上navigate函数:

navigate(href, e) {  
    //比如点击a标签,打开某个webview并传输url  
     uni.navigateTo({  
        url: '/pages/goodsDetail/webView?url=' + href  
     })  
}
继续阅读 »

一年多前的一个提问,结果到现在还有很多人来加我q问我怎么解决

在这里统一回复下,关于rich-text组件动态注入的HTML代码中包含a标签 不能点击跳转

解决方法:

可以将rich-text组件换成uParse组件,uParse组件可以实现动态注入a标签跳转

<uParse :content="strings" @preview="preview" @navigate="navigate" />

navigate就是点击跳转方法

在method中加上navigate函数:

navigate(href, e) {  
    //比如点击a标签,打开某个webview并传输url  
     uni.navigateTo({  
        url: '/pages/goodsDetail/webView?url=' + href  
     })  
}
收起阅读 »

uni-app 手势事件解析,uni点击方法

uni_app uniapp

查看了官方的文档没有解释手势事件。只有一些方法,所以列举出来方便大家使用:

@click 组件被点击  
@longpress 长按(手指触摸超过350ms)  
@longtap 长按  
@tap 点击  
@touchcancel 手指触摸被打断,如来电提醒,弹窗  
@touchend 手指触摸动作结束,如松开按钮  
@touchmove 手指触摸后移动  
@touchstart 手指触摸动作开始
继续阅读 »

查看了官方的文档没有解释手势事件。只有一些方法,所以列举出来方便大家使用:

@click 组件被点击  
@longpress 长按(手指触摸超过350ms)  
@longtap 长按  
@tap 点击  
@touchcancel 手指触摸被打断,如来电提醒,弹窗  
@touchend 手指触摸动作结束,如松开按钮  
@touchmove 手指触摸后移动  
@touchstart 手指触摸动作开始
收起阅读 »

分享一下进入当前页面如何让页面、滚动条自动滑动到顶部,类似于iOS端点击顶部状态栏效果

onshow 经验分享 Android iOS scroll uniapp 双击顶部滚到顶 滑动

最近做项目,刚好遇到这个问题,就拿来分享一下,希望对大家有帮助!

首先在data里面设置一个参数 scrollTop: 0


然后在onshow里加上这段代码
其中duration参数是滑动速度,基础单位1000为1s

最后加上这段onPageScroll函数代码

完结~

继续阅读 »

最近做项目,刚好遇到这个问题,就拿来分享一下,希望对大家有帮助!

首先在data里面设置一个参数 scrollTop: 0


然后在onshow里加上这段代码
其中duration参数是滑动速度,基础单位1000为1s

最后加上这段onPageScroll函数代码

完结~

收起阅读 »

基于uniapp开发的一款淘宝客,成功上架IOS应用商店

上架

基于uniappnvue开发的一款淘宝客软件,一次过审IOS(其实拒绝了一次,但是拒绝原因是我自己的,因为IOS审核那天 刚好是我的HTTPS证书到期,然后他拒绝了 说我服务器没返回数据啥的,我改了后重新提交 就没问题了 直接过 .... ),前期工作一定要做好,比如有微信登录 那么就乖乖的加上apple登录,现在苹果推荐暗黑,那就乖乖在配置文件中配置上暗黑,只要应用质量没问题 很容易过。 体验地址,欢迎大家吐槽:https://m3w.cn/cst

继续阅读 »

基于uniappnvue开发的一款淘宝客软件,一次过审IOS(其实拒绝了一次,但是拒绝原因是我自己的,因为IOS审核那天 刚好是我的HTTPS证书到期,然后他拒绝了 说我服务器没返回数据啥的,我改了后重新提交 就没问题了 直接过 .... ),前期工作一定要做好,比如有微信登录 那么就乖乖的加上apple登录,现在苹果推荐暗黑,那就乖乖在配置文件中配置上暗黑,只要应用质量没问题 很容易过。 体验地址,欢迎大家吐槽:https://m3w.cn/cst

收起阅读 »

uniapp点击发送按钮键盘不自动隐藏(input不失去焦点),就是不让键盘隐藏

其实这个问题很简单,网上我也找了很久但是废话,没有本质的解决,
首先这个问题的本质是input在点击是获取焦点,那么系统就会自动拉起键盘,然鹅,在我们点击发送按钮的时候,(我这个实在聊天发送消息场景中的),这个input的焦点就会失去,那么伴随着的键盘也会隐藏下去,那么这里有两种解决方案
1.让input一直保持获取焦点状态
2.点击按钮后从新使input获取焦点
3.直接在按钮的事件上这么写就完事了@touchend.prevent="submit" 百试百灵

继续阅读 »

其实这个问题很简单,网上我也找了很久但是废话,没有本质的解决,
首先这个问题的本质是input在点击是获取焦点,那么系统就会自动拉起键盘,然鹅,在我们点击发送按钮的时候,(我这个实在聊天发送消息场景中的),这个input的焦点就会失去,那么伴随着的键盘也会隐藏下去,那么这里有两种解决方案
1.让input一直保持获取焦点状态
2.点击按钮后从新使input获取焦点
3.直接在按钮的事件上这么写就完事了@touchend.prevent="submit" 百试百灵

收起阅读 »