HBuilderX

HBuilderX

极客开发工具
uni-app

uni-app

开发一次,多端覆盖
uniCloud

uniCloud

云开发平台
HTML5+

HTML5+

增强HTML5的功能体验
MUI

MUI

上万Star的前端框架

插件市场、问答社区、社群推广投放说明

推广 广告

如需要在DCloud的开发者群体里投放广告,面向开发者群体宣传。可发邮件联系:bd@dcloud.io。

DCloud开放的投放推广点位如下:

1、问答社区内容信息流、底部、右边栏

2、插件市场(ext.dcloud.net.cn)首页置顶
在最新上架的列表中置顶,包括分页置顶。

3、插件市场(ext.dcloud.net.cn)首页右边栏

4、DCloud产品QQ交流群群推消息
DCloud几十个QQ群,10万群友。

5、HbuilderX 运行和发行控制台头条位置

6、DCloud 公众号推送文章二条位置

以上点位推广针对插件市场作者有额外政策支持,详询:bd@dcloud.io 。*插件作者推广时禁止在插件详情页加入其它非插件说明的推广信息。如:其它插件、其它产品广告等。

继续阅读 »

如需要在DCloud的开发者群体里投放广告,面向开发者群体宣传。可发邮件联系:bd@dcloud.io。

DCloud开放的投放推广点位如下:

1、问答社区内容信息流、底部、右边栏

2、插件市场(ext.dcloud.net.cn)首页置顶
在最新上架的列表中置顶,包括分页置顶。

3、插件市场(ext.dcloud.net.cn)首页右边栏

4、DCloud产品QQ交流群群推消息
DCloud几十个QQ群,10万群友。

5、HbuilderX 运行和发行控制台头条位置

6、DCloud 公众号推送文章二条位置

以上点位推广针对插件市场作者有额外政策支持,详询:bd@dcloud.io 。*插件作者推广时禁止在插件详情页加入其它非插件说明的推广信息。如:其它插件、其它产品广告等。

收起阅读 »

plus.navigator.setStatusBarStyle("dark")导航后回退失效的解决方案

onReady() {  
            // 设置状态栏样式,使其更加美观  
            plus.navigator.setStatusBarStyle("dark");  
        },  
        onShow() {  
            // 设置状态栏样式,使其更加美观  
            plus.navigator.setStatusBarStyle("dark");  
        }  

原页面onReady时设置样式,
导航至其他页面,回退后
原页面触发onShow再次设置.
就不会出现黑白切换效果

继续阅读 »
onReady() {  
            // 设置状态栏样式,使其更加美观  
            plus.navigator.setStatusBarStyle("dark");  
        },  
        onShow() {  
            // 设置状态栏样式,使其更加美观  
            plus.navigator.setStatusBarStyle("dark");  
        }  

原页面onReady时设置样式,
导航至其他页面,回退后
原页面触发onShow再次设置.
就不会出现黑白切换效果

收起阅读 »

uniapp 自定义组件 列表视图不更新问题

自定义组件中用v-for循环列表,在H5和app中测试都可实现实时更新(增加或删除),但是在微信小程序中却没有更新列表。
调试后发现那个列表集合其实是更新了的,但是视图显示没有更改,说明是视图没有实时更新。
网上搜索到一篇vue视图不更新情况,发现自己把集合定义到了 自定义组件的props里,而vue需要把集合定义到data里才能检测到,所以将集合移到data里,就可以解决问题了。

参考:https://zhuanlan.zhihu.com/p/67301402

继续阅读 »

自定义组件中用v-for循环列表,在H5和app中测试都可实现实时更新(增加或删除),但是在微信小程序中却没有更新列表。
调试后发现那个列表集合其实是更新了的,但是视图显示没有更改,说明是视图没有实时更新。
网上搜索到一篇vue视图不更新情况,发现自己把集合定义到了 自定义组件的props里,而vue需要把集合定义到data里才能检测到,所以将集合移到data里,就可以解决问题了。

参考:https://zhuanlan.zhihu.com/p/67301402

收起阅读 »

uni-app动态生成随机图形验证码插件

uniapp插件 uniapp 短信验证码

最近做的一个项目,因为接入短信平台获取验证码比较麻烦,考虑做个图形验证码

但是社区好像没有现成的比较好用的轮子,所以自己造了一个,需要的可以下载自己调一下样式

动态生成随机的数字或者字母图形验证码,替代没有手机短信验证码的情况下,点击可以切换验证码

插件地址:https://ext.dcloud.net.cn/plugin?id=2077

有问题请留言~

继续阅读 »

最近做的一个项目,因为接入短信平台获取验证码比较麻烦,考虑做个图形验证码

但是社区好像没有现成的比较好用的轮子,所以自己造了一个,需要的可以下载自己调一下样式

动态生成随机的数字或者字母图形验证码,替代没有手机短信验证码的情况下,点击可以切换验证码

插件地址:https://ext.dcloud.net.cn/plugin?id=2077

有问题请留言~

收起阅读 »

uniapp 第三方地图 腾讯地图 百度地图 H5端 跨域请求

百度地图 跨域请求

写一个经验,庆祝一下解决了
简书文章

写一个经验,庆祝一下解决了
简书文章

有拉取用户产品信息的行为

uni-app打包之后,添加chunk-vendors,会调用ip-js.js,这个js会拉取用户产品信息,不知道大家遇见了没有。给DCloud投诉,需要积分?

uni-app打包之后,添加chunk-vendors,会调用ip-js.js,这个js会拉取用户产品信息,不知道大家遇见了没有。给DCloud投诉,需要积分?

通过cli快速新建 uni-app 页面

uni-app-pages-cli

npm地址: uni-app-pages-cli.

uni-app 开发中根据规则自动生成页面目录和配置页面路径,使得开发者不需要手动的去添加页面配置到 pages.json和创建文件目录

新的page页面目录会生成在根目录的pages目录下

安装

npm install -g uni-app-pages-cli

使用

用法:uni-add [options]  

选项:  

  -v, --VERSION                   版本号  
  -r, --root <rootName>           添加分包加载配置 root 目录  
  -p, --path <pageName>           添加 pages 节点配置  

示例

uni-add -r TEST

"subPackages": [  
  {  
    "root": "pages/TEST"  
  }  
]

uni-add -p page

"pages": [  
  {  
    "path": "pages/page/index",  
    "style": {  
      "navigationBarTitleText": ""  
    }  
  }  
]

uni-add -r TEST -p page

"subPackages": [  
  {  
    "root": "pages/TEST",  
    "pages" [{  
      "path": "page/index",  
        "style": {  
          "navigationBarTitleText": ""  
        }  
    }]  
  }  
]
继续阅读 »

uni-app-pages-cli

npm地址: uni-app-pages-cli.

uni-app 开发中根据规则自动生成页面目录和配置页面路径,使得开发者不需要手动的去添加页面配置到 pages.json和创建文件目录

新的page页面目录会生成在根目录的pages目录下

安装

npm install -g uni-app-pages-cli

使用

用法:uni-add [options]  

选项:  

  -v, --VERSION                   版本号  
  -r, --root <rootName>           添加分包加载配置 root 目录  
  -p, --path <pageName>           添加 pages 节点配置  

示例

uni-add -r TEST

"subPackages": [  
  {  
    "root": "pages/TEST"  
  }  
]

uni-add -p page

"pages": [  
  {  
    "path": "pages/page/index",  
    "style": {  
      "navigationBarTitleText": ""  
    }  
  }  
]

uni-add -r TEST -p page

"subPackages": [  
  {  
    "root": "pages/TEST",  
    "pages" [{  
      "path": "page/index",  
        "style": {  
          "navigationBarTitleText": ""  
        }  
    }]  
  }  
]
收起阅读 »

uinapp 寻长期有经验合作

外包

uinapp 前端内容

拥有丰富的经验,能处理好细节问题,

有责任心,长期合作来,不靠谱请勿联系,避免浪费彼此时间

wx:hjfkui5636 加之前备注下

uinapp 前端内容

拥有丰富的经验,能处理好细节问题,

有责任心,长期合作来,不靠谱请勿联系,避免浪费彼此时间

wx:hjfkui5636 加之前备注下

uni-app 部署 H5 到相对路径(含file协议打开)

uni_app

自 HBuilderX 2.6.6 版本开始,uni-app 支持部署 H5 到相对路径,部署到服务端或在本地(使用file协议)打开均可。

使用方式

配置 manifest.json 配置 h5->router->base 值为 "./" 部署到相对路径

注意事项

按相对路径发行时路由模式强制为hash模式,不支持history模式(两者相悖)。

继续阅读 »

自 HBuilderX 2.6.6 版本开始,uni-app 支持部署 H5 到相对路径,部署到服务端或在本地(使用file协议)打开均可。

使用方式

配置 manifest.json 配置 h5->router->base 值为 "./" 部署到相对路径

注意事项

按相对路径发行时路由模式强制为hash模式,不支持history模式(两者相悖)。

收起阅读 »

uni.downloadFile()下载文件1次后无法下载解决方案

uniapp

只要下载完成后中断下载任务即可

const downloadTask = uni.downloadFile({  
    url: 'http://www.example.com/file/test', //仅为示例,并非真实的资源  
    success: (res) => {  
        if (res.statusCode === 200) {  
            console.log('下载成功');  
            uni.saveFile({  
                tempFilePath: res.tempFilePath,  
                success: function(red) {  
                    console.log('保存成功')  
                    console.log('任务完成,中断下载任务')  
                    downloadTask.abort()//中断下载任务  
                }  
            });  
        }  
    }  
});  

downloadTask.onProgressUpdate((res) => {  
    console.log('下载进度' + res.progress);  
    console.log('已经下载的数据长度' + res.totalBytesWritten);  
    console.log('预期需要下载的数据总长度' + res.totalBytesExpectedToWrite);  
});  
继续阅读 »

只要下载完成后中断下载任务即可

const downloadTask = uni.downloadFile({  
    url: 'http://www.example.com/file/test', //仅为示例,并非真实的资源  
    success: (res) => {  
        if (res.statusCode === 200) {  
            console.log('下载成功');  
            uni.saveFile({  
                tempFilePath: res.tempFilePath,  
                success: function(red) {  
                    console.log('保存成功')  
                    console.log('任务完成,中断下载任务')  
                    downloadTask.abort()//中断下载任务  
                }  
            });  
        }  
    }  
});  

downloadTask.onProgressUpdate((res) => {  
    console.log('下载进度' + res.progress);  
    console.log('已经下载的数据长度' + res.totalBytesWritten);  
    console.log('预期需要下载的数据总长度' + res.totalBytesExpectedToWrite);  
});  
收起阅读 »

HBuilderX: FTP插件/SFTP插件使用教程 (适用HBuilderX 2.7.12+版本)

HBuilderX

本文档仅适用于HBuilderX 2.7.12+版本

SFTP/FTP插件市场插件地址

1. sftp/ftp插件简介

HBuilderX 2.7.12+版本,优化了SFTP/FTP插件

此插件是vscode中流行的ftp插件,因HBuilderX兼容vscode的部分插件生态,也可以在HBuilderX中使用。

  • 使用此插件,可将本地工作区文件,与FTP服务器或linux服务器文件同步。
  • 支持ftp/sftp协议
  • 支持远程文件目录浏览上传下载删除
  • 支持自动保存上传

2. sftp/ftp使用介绍

使用步骤:

  1. 如下图,在项目管理器,新建一个空目录或空项目,然后选中
  2. 右键菜单,点击【Ftp: 创建连接配置】
  3. 系统自动创建.ftp/ftp-sync.json配置文件
  4. 编辑ftp-sync.json, 填写host(ip)username(用户名)password(密码)port(端口)protocol(协议)
  5. 填写完配置文件,右键菜单,点击【Ftp: 浏览远程文件】
  6. 选择文件目录,进行上传下载删除操作

2.1 创建ftp/sftp配置文件

2.2 同步目录

  • 从远程同步到本地
  • 从本地同步到远程

2.3 本地编辑远程文件、删除远程文件

3. ftp配置文件参数说明

{  
    "name": "Linux测试服务器",  
    "host": "ip地址",  
    "protocol": "sftp",  
    "port": 22,  
    "username": "用户名",  
    "password": "密码",  
    "remotePath": "远程目录",  
    "uploadOnSave": false  
}

注意:配置文件是放在项目下的普通json文件,存放着ftp账号。若你的项目使用三方node库,请注意其可靠性,避免ftp账户失窃

4.FTP、sftp协议说明

本插件支持FTP、sftp两种协议。

如果远程服务器,搭建了ftp服务,usernamepassword需要填写ftp的用户密码

sftp不需要任何配置,开启SSH默认就开启了SFTP。也就是说,如果您的远程服务器为linux系统,即使没有搭建ftp服务,也可以通过sftp连接,使用文件同步的服务。

  • SSH/SFTP,默认端口为:22
  • 使用sftp服务,usernamepassword,需要填写目标电脑的用户、密码

5. ftp/sftp 菜单配置快捷键

菜单【工具】【自定义快捷键】,即可对sftp相关菜单配置快捷键。

具体如下, 可以把key值改成自己想要的快捷键

[  
    // 浏览远程文件  
    {  
        "key": "ctrl+shift+w",  
        "command": "sftp.revealInRemoteExplorer"  
    },  
    // 同步远程数据到本地  
    {  
        "key": "ctrl+shift+r",  
        "command": "sftp.sync.remoteToLocal"  
    },  
    // 同步本地数据到远程  
    {  
        "key": "ctrl+shift+l",  
        "command": "sftp.sync.localToRemote"  
    },  
    // 上传当前文件夹  
    {  
        "key": "ctrl+shift+h",  
        "command": "sftp.upload.folder"  
    },  
    // 下载当前文件夹  
    {  
        "key": "ctrl+shift+q",  
        "command": "sftp.download.folder"  
    },  
    // 项目管理器 右键菜单 FTP: 上传选中文件  
    {  
        "key": "ctrl+shift+u",  
        "command": "sftp.upload.file"  
    },  
    // 在本地编辑远程文件  
    {  
        "key": "ctrl+shift+e",  
        "command": "sftp.remoteExplorer.editInLocal"  
    },  
    // 删除远程文件  
    {  
        "key": "ctrl+shift+d",  
        "command": "sftp.delete.remote"  
    },  
    // 刷新  
    {  
        "key": "ctrl+shift+f",  
        "command": "sftp.remoteExplorer.refresh"  
    }  
]  
继续阅读 »

本文档仅适用于HBuilderX 2.7.12+版本

SFTP/FTP插件市场插件地址

1. sftp/ftp插件简介

HBuilderX 2.7.12+版本,优化了SFTP/FTP插件

此插件是vscode中流行的ftp插件,因HBuilderX兼容vscode的部分插件生态,也可以在HBuilderX中使用。

  • 使用此插件,可将本地工作区文件,与FTP服务器或linux服务器文件同步。
  • 支持ftp/sftp协议
  • 支持远程文件目录浏览上传下载删除
  • 支持自动保存上传

2. sftp/ftp使用介绍

使用步骤:

  1. 如下图,在项目管理器,新建一个空目录或空项目,然后选中
  2. 右键菜单,点击【Ftp: 创建连接配置】
  3. 系统自动创建.ftp/ftp-sync.json配置文件
  4. 编辑ftp-sync.json, 填写host(ip)username(用户名)password(密码)port(端口)protocol(协议)
  5. 填写完配置文件,右键菜单,点击【Ftp: 浏览远程文件】
  6. 选择文件目录,进行上传下载删除操作

2.1 创建ftp/sftp配置文件

2.2 同步目录

  • 从远程同步到本地
  • 从本地同步到远程

2.3 本地编辑远程文件、删除远程文件

3. ftp配置文件参数说明

{  
    "name": "Linux测试服务器",  
    "host": "ip地址",  
    "protocol": "sftp",  
    "port": 22,  
    "username": "用户名",  
    "password": "密码",  
    "remotePath": "远程目录",  
    "uploadOnSave": false  
}

注意:配置文件是放在项目下的普通json文件,存放着ftp账号。若你的项目使用三方node库,请注意其可靠性,避免ftp账户失窃

4.FTP、sftp协议说明

本插件支持FTP、sftp两种协议。

如果远程服务器,搭建了ftp服务,usernamepassword需要填写ftp的用户密码

sftp不需要任何配置,开启SSH默认就开启了SFTP。也就是说,如果您的远程服务器为linux系统,即使没有搭建ftp服务,也可以通过sftp连接,使用文件同步的服务。

  • SSH/SFTP,默认端口为:22
  • 使用sftp服务,usernamepassword,需要填写目标电脑的用户、密码

5. ftp/sftp 菜单配置快捷键

菜单【工具】【自定义快捷键】,即可对sftp相关菜单配置快捷键。

具体如下, 可以把key值改成自己想要的快捷键

[  
    // 浏览远程文件  
    {  
        "key": "ctrl+shift+w",  
        "command": "sftp.revealInRemoteExplorer"  
    },  
    // 同步远程数据到本地  
    {  
        "key": "ctrl+shift+r",  
        "command": "sftp.sync.remoteToLocal"  
    },  
    // 同步本地数据到远程  
    {  
        "key": "ctrl+shift+l",  
        "command": "sftp.sync.localToRemote"  
    },  
    // 上传当前文件夹  
    {  
        "key": "ctrl+shift+h",  
        "command": "sftp.upload.folder"  
    },  
    // 下载当前文件夹  
    {  
        "key": "ctrl+shift+q",  
        "command": "sftp.download.folder"  
    },  
    // 项目管理器 右键菜单 FTP: 上传选中文件  
    {  
        "key": "ctrl+shift+u",  
        "command": "sftp.upload.file"  
    },  
    // 在本地编辑远程文件  
    {  
        "key": "ctrl+shift+e",  
        "command": "sftp.remoteExplorer.editInLocal"  
    },  
    // 删除远程文件  
    {  
        "key": "ctrl+shift+d",  
        "command": "sftp.delete.remote"  
    },  
    // 刷新  
    {  
        "key": "ctrl+shift+f",  
        "command": "sftp.remoteExplorer.refresh"  
    }  
]  
收起阅读 »

uniApp插件开发

插件开发

IOS、Android原生插件开发,第三方插件集成前端界面定制开发。联系方式QQ:1030767391

IOS、Android原生插件开发,第三方插件集成前端界面定制开发。联系方式QQ:1030767391