HBuilderX

HBuilderX

极客开发工具
uni-app

uni-app

开发一次,多端覆盖
uniCloud

uniCloud

云开发平台
HTML5+

HTML5+

增强HTML5的功能体验
MUI

MUI

上万Star的前端框架

HBuildeX完美的一次升级!Dcloud太给力了!!!!!

更新 升级

哈哈哈哈哈

2.4.1.20191114

  • 新增 迷你地图(右侧缩略图,可在滚动条右键菜单开启关闭,快捷键 win: Alt+o;mac: Ctrl+o)
  • 新增 鼠标悬停在滚动条或迷你地图的非当前页区域时,小窗预览指示文档
  • 新增 JSON文件 支持文档结构图。包括uni-app的pages.json的文档结构图(快捷键 win: Alt+w;mac: Ctrl+w)
  • 新增 编辑器标签卡超出一屏时,支持鼠标滚轮横向滚动标签卡
  • 新增 底部状态栏新增文档结构图、终端两个快捷按钮

本次更新完美的不要不要的!尤其是滚轮和悬停小窗预览文档,啊啊啊!Dcloud永远支持!这才是真正的代码编辑器啊

继续阅读 »

哈哈哈哈哈

2.4.1.20191114

  • 新增 迷你地图(右侧缩略图,可在滚动条右键菜单开启关闭,快捷键 win: Alt+o;mac: Ctrl+o)
  • 新增 鼠标悬停在滚动条或迷你地图的非当前页区域时,小窗预览指示文档
  • 新增 JSON文件 支持文档结构图。包括uni-app的pages.json的文档结构图(快捷键 win: Alt+w;mac: Ctrl+w)
  • 新增 编辑器标签卡超出一屏时,支持鼠标滚轮横向滚动标签卡
  • 新增 底部状态栏新增文档结构图、终端两个快捷按钮

本次更新完美的不要不要的!尤其是滚轮和悬停小窗预览文档,啊啊啊!Dcloud永远支持!这才是真正的代码编辑器啊

收起阅读 »

iOS证书类型介绍及快速申请介绍

iOS打包 iOS

iOS证书有多种类型,在开发iOS APP中一定要清楚了解各种iOS证书的作用。

下面介绍iOS常用的几种证书的作用和申请方法。

1、iOS开发证书

iOS开发证书是用于测试APP,在开发过程中安装到苹果手机真机测试APP的运行情况。

iOS开发证书申请教程

2、iOS发布证书

当APP开发测试好后上线就需要用到iOS发布证书,用iOS发布证书打包的ipa才能上传到App Store审核。

iOS发布证书申请教程

3、iOS推送证书

iOS推送证书是用于推送通知的,平时我们在手机的系统栏下拉看到的那些消息就是推送通知,如果要做这个功能就需要配置推送证书。

常用的就是以上这三种iOS证书,当你需要什么功能的时候就知道用哪个类型的iOS证书。

iOS推送证书申请教程

继续阅读 »

iOS证书有多种类型,在开发iOS APP中一定要清楚了解各种iOS证书的作用。

下面介绍iOS常用的几种证书的作用和申请方法。

1、iOS开发证书

iOS开发证书是用于测试APP,在开发过程中安装到苹果手机真机测试APP的运行情况。

iOS开发证书申请教程

2、iOS发布证书

当APP开发测试好后上线就需要用到iOS发布证书,用iOS发布证书打包的ipa才能上传到App Store审核。

iOS发布证书申请教程

3、iOS推送证书

iOS推送证书是用于推送通知的,平时我们在手机的系统栏下拉看到的那些消息就是推送通知,如果要做这个功能就需要配置推送证书。

常用的就是以上这三种iOS证书,当你需要什么功能的时候就知道用哪个类型的iOS证书。

iOS推送证书申请教程

收起阅读 »

mui框架是不是死了,不维护了就早说坑人啊

mui框架是不是死了,不维护了就早说坑人啊,github上多久没有更新代码了,一堆bug不修复,文档不全。要是不维护就赶紧发个公告别坑人了好吗。

mui框架是不是死了,不维护了就早说坑人啊,github上多久没有更新代码了,一堆bug不修复,文档不全。要是不维护就赶紧发个公告别坑人了好吗。

手势解锁 新搞的插件 有兴趣可以体验下

插件 手势解锁

https://ext.dcloud.net.cn/plugin?id=952 原生手势解锁 搞了一个 有需要的可以支持下,感谢

https://ext.dcloud.net.cn/plugin?id=952 原生手势解锁 搞了一个 有需要的可以支持下,感谢

uni-app中设置radio和switch的大小

css uniapp

github地址,喜欢的可以star下哦

由于radio和switch组件不支持width和height属性设置,所以使用transform属性可解决大小问题

<radio style="transform: scale(0.7)" />  

<switch style="transform: scale(0.7,0.7)" />  
继续阅读 »

github地址,喜欢的可以star下哦

由于radio和switch组件不支持width和height属性设置,所以使用transform属性可解决大小问题

<radio style="transform: scale(0.7)" />  

<switch style="transform: scale(0.7,0.7)" />  
收起阅读 »

模拟电池充电

css uniapp

模拟电池充电

github地址,喜欢的可以star下哦

插件预览图

使用教程

1.插件代码拷贝

  • 下载后把components目录下/battery/battery.vue文件拷贝到自己项目目录下

2.插件全局配置

  • 在项目里main.js中配置如下代码
import battery from './components/battery/battery.vue'  

Vue.component('battery',battery)  

3.插件使用

  • vue页面使用
<template>  
    <view>  
        <battery class="battery"/>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  

            }  
        },  
        methods: {  

        }  
    }  
</script>  

<style>  
.battery{  
    margin: auto;  
}  
</style>  
兼容性

uni-app项目中使用都兼容

继续阅读 »

模拟电池充电

github地址,喜欢的可以star下哦

插件预览图

使用教程

1.插件代码拷贝

  • 下载后把components目录下/battery/battery.vue文件拷贝到自己项目目录下

2.插件全局配置

  • 在项目里main.js中配置如下代码
import battery from './components/battery/battery.vue'  

Vue.component('battery',battery)  

3.插件使用

  • vue页面使用
<template>  
    <view>  
        <battery class="battery"/>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  

            }  
        },  
        methods: {  

        }  
    }  
</script>  

<style>  
.battery{  
    margin: auto;  
}  
</style>  
兼容性

uni-app项目中使用都兼容

收起阅读 »

v-bing image 总是不能成功?请大神

uniapp

我在uploadfile 成功回调中改变 image控件src值,想显示刚刚上传的图片,总是不能成功,我如果直接换成图像地址字符串("http://xxx.xxx.xxx.xxx/abc.jpg")可以正常显示,但我换成uploadfileres.data就不能显示,控制台打印出来uploadFileRes.data也是正确的,不知道这里要怎么弄才可以正常显示我刚刚上传的图片?请大神指导

    success: (uploadFileRes) => {  
                                    this.imageSrc=uploadFileRes.data;  
                                    console.log(uploadFileRes);  
                                },
继续阅读 »

我在uploadfile 成功回调中改变 image控件src值,想显示刚刚上传的图片,总是不能成功,我如果直接换成图像地址字符串("http://xxx.xxx.xxx.xxx/abc.jpg")可以正常显示,但我换成uploadfileres.data就不能显示,控制台打印出来uploadFileRes.data也是正确的,不知道这里要怎么弄才可以正常显示我刚刚上传的图片?请大神指导

    success: (uploadFileRes) => {  
                                    this.imageSrc=uploadFileRes.data;  
                                    console.log(uploadFileRes);  
                                },
收起阅读 »

全局webSocket.js

socket

1、根目录创建socket.js文件:

var websocket = weex.requireModule('webSocket')  
var connect = function() {  
    websocket.WebSocket('ws://192.168.31.250:8081/ws', '');  
    websocket.onopen(function(e) {  
        console.log('websocket已经打开');  
    });  
    websocket.onmessage(function(e) {  
        uni.$emit("onMsg"+e.data.status,e)  
    });  
    websocket.onerror(function(e) {  
        console.log("异常:" + JSON.stringify(e.data));  
        // console.log(e.data);    
    });  
    websocket.onclose(function(e) {  
        // console.log(  '');     
        console.log('连接已经关闭');  
        // console.log(  e.code);      
    });  
}  
function cls(){  
    websocket.close();  
}  
export default {  
    cls,  
    connect  
}

2.1、App.vue中引入:

import sockect from "socket.js"

2.2:onShow中调用:

sockect.connect()

2.3:onHide中删除:

sockect.cls()

3:各个页面中:
index.vue中:

uni.$on('onMsg1', function(data) {  
                console.log('监听到事件来自 update ,携带参数 msg 为:' + JSON.stringify(data));  
            })

user.vue中:

uni.$on('onMsg2', function(data) {  
                console.log('监听到事件来自 update ,携带参数 msg 为:' + JSON.stringify(data));  
            })

每个页面都监测一个不同的方法,方法名只是最后一个数字变了,让后台传数据时再传个状态值指明调用哪个方法的末尾值,这样就达到了全局的效果

继续阅读 »

1、根目录创建socket.js文件:

var websocket = weex.requireModule('webSocket')  
var connect = function() {  
    websocket.WebSocket('ws://192.168.31.250:8081/ws', '');  
    websocket.onopen(function(e) {  
        console.log('websocket已经打开');  
    });  
    websocket.onmessage(function(e) {  
        uni.$emit("onMsg"+e.data.status,e)  
    });  
    websocket.onerror(function(e) {  
        console.log("异常:" + JSON.stringify(e.data));  
        // console.log(e.data);    
    });  
    websocket.onclose(function(e) {  
        // console.log(  '');     
        console.log('连接已经关闭');  
        // console.log(  e.code);      
    });  
}  
function cls(){  
    websocket.close();  
}  
export default {  
    cls,  
    connect  
}

2.1、App.vue中引入:

import sockect from "socket.js"

2.2:onShow中调用:

sockect.connect()

2.3:onHide中删除:

sockect.cls()

3:各个页面中:
index.vue中:

uni.$on('onMsg1', function(data) {  
                console.log('监听到事件来自 update ,携带参数 msg 为:' + JSON.stringify(data));  
            })

user.vue中:

uni.$on('onMsg2', function(data) {  
                console.log('监听到事件来自 update ,携带参数 msg 为:' + JSON.stringify(data));  
            })

每个页面都监测一个不同的方法,方法名只是最后一个数字变了,让后台传数据时再传个状态值指明调用哪个方法的末尾值,这样就达到了全局的效果

收起阅读 »

我搞了一个直播插件,后续准备接入im,有没有对这个感兴趣的,现在直播的插件出来了

插件

直播插件地址:https://ext.dcloud.net.cn/plugin?id=824 希望这个插件能服务大众

直播插件地址:https://ext.dcloud.net.cn/plugin?id=824 希望这个插件能服务大众

深圳公司新项目(游戏相关)招聘全职前端开发

招聘

希望在深圳工作的小伙伴看过来~~~

公司启动了一个游戏相关的新项目。
第一个版本先上小程序,后面再更新Android,iOS
前端有2个职位在招:

【高级前端开发】
有基于uni-app的跨平台开发经验
负责过产品的前端开发
有插件开发经验
原生开发经验为加分项(可晋升为前端负责人)
月薪20~30 K

【前端开发】
计算机背景
有一定项目经验,能独立完成功能模块的开发
月薪12~18 K

团队介绍

研发团队成功开发上线过多款应用,已有一定技术积累
目前正在扩张期,适合需要新的平台发挥的小伙伴

联系方式:

QQ 330854909
有任何疑问请加我QQ勾搭~

继续阅读 »

希望在深圳工作的小伙伴看过来~~~

公司启动了一个游戏相关的新项目。
第一个版本先上小程序,后面再更新Android,iOS
前端有2个职位在招:

【高级前端开发】
有基于uni-app的跨平台开发经验
负责过产品的前端开发
有插件开发经验
原生开发经验为加分项(可晋升为前端负责人)
月薪20~30 K

【前端开发】
计算机背景
有一定项目经验,能独立完成功能模块的开发
月薪12~18 K

团队介绍

研发团队成功开发上线过多款应用,已有一定技术积累
目前正在扩张期,适合需要新的平台发挥的小伙伴

联系方式:

QQ 330854909
有任何疑问请加我QQ勾搭~

收起阅读 »

借github保留点官方的东西

帮助文档

uni,读 you ni,是统一的意思。

很多人以为小程序是微信先推出的,其实,DCloud才是这个行业的开创者。

DCloud于2012年开始研发小程序技术,优化webview的功能和性能,并加入W3C和HTML5中国产业联盟,推出了HBuilder开发工具,为后续产业化做准备。

2015年,DCloud正式商用了自己的小程序,产品名为“流应用”,它不是B/S模式的轻应用,而是能接近原生功能、性能的动态App,并且即点即用。

为将该技术发扬光大,DCloud将技术标准捐献给工信部旗下的HTML5中国产业联盟,并推进各家流量巨头接入该标准,开展小程序业务。

360手机助手率先接入,在其3.4版本实现应用的秒开运行。

<img src="https://img-cdn-qiniu.dcloud.net.cn/pic-3.png" style="max-width:480px;">

随后DCloud推动大众点评、携程、京东、有道词典、唯品会等众多开发者为流应用平台提供应用。

在2015年9月,DCloud推进微信团队开展小程序业务,演示了流应用的秒开应用、扫码获取应用、分享链接获取应用等众多场景案例,以及分享了webview体验优化的经验。

微信团队经过分析,于2016年初决定上线小程序业务,但其没有接入联盟标准,而是订制了自己的标准。

DCloud持续在业内普及小程序理念,推进各大流量巨头,包括手机厂商,陆续上线类似小程序/快应用等业务。

部分公司接入了联盟标准,但更多公司因利益纷争严重,标准难以统一。

技术是纯粹的,不应该因为商业利益而分裂。开发者面对如此多的私有标准不是一件正确的事情。

虽然是始作俑者,但造成混乱的局面非DCloud所愿。于是我们决定开发一个免费开源的框架。

既然各巨头无法在标准上达成一致,那么就通过这个框架为开发者抹平各平台差异。

这,就是uni-app的由来。

  • 因为多年积累,所以DCloud拥有300多万开发者,并不意外
  • 因为DCloud一直都有小程序的iOS、Android引擎,所以uni-app的App端和小程序端保持高度一致,并不意外
  • 因为DCloud在引擎上的持续投入,所以uni-app的App端功能、性能比大多数小程序引擎都优秀,并不意外
  • 因为DCloud对各家小程序太了解了,所以做好抹平各端差异的跨端框架,并不意外

现在,uni-app已经是业内最风靡的应用框架,支撑着6亿手机用户的庞大生态。

世界兜兜转转,当你踏出第一步时,随后很多事不会按你的预期发展。但只要你不忘初心,你想要的那个目标,最终会换个方式实现。

DCloud的初心是什么?

  1. 为开发者提供免费、高效的开发工具,让天下没有难做的应用
  2. 改进应用形态,让用户更方便的获取数字服务

DCloud也再次承诺不会对uni-app、HBuilderX等工具收费,感谢数百万开发者的一路陪伴,也请一直监督我们不忘初心!

继续阅读 »

uni,读 you ni,是统一的意思。

很多人以为小程序是微信先推出的,其实,DCloud才是这个行业的开创者。

DCloud于2012年开始研发小程序技术,优化webview的功能和性能,并加入W3C和HTML5中国产业联盟,推出了HBuilder开发工具,为后续产业化做准备。

2015年,DCloud正式商用了自己的小程序,产品名为“流应用”,它不是B/S模式的轻应用,而是能接近原生功能、性能的动态App,并且即点即用。

为将该技术发扬光大,DCloud将技术标准捐献给工信部旗下的HTML5中国产业联盟,并推进各家流量巨头接入该标准,开展小程序业务。

360手机助手率先接入,在其3.4版本实现应用的秒开运行。

<img src="https://img-cdn-qiniu.dcloud.net.cn/pic-3.png" style="max-width:480px;">

随后DCloud推动大众点评、携程、京东、有道词典、唯品会等众多开发者为流应用平台提供应用。

在2015年9月,DCloud推进微信团队开展小程序业务,演示了流应用的秒开应用、扫码获取应用、分享链接获取应用等众多场景案例,以及分享了webview体验优化的经验。

微信团队经过分析,于2016年初决定上线小程序业务,但其没有接入联盟标准,而是订制了自己的标准。

DCloud持续在业内普及小程序理念,推进各大流量巨头,包括手机厂商,陆续上线类似小程序/快应用等业务。

部分公司接入了联盟标准,但更多公司因利益纷争严重,标准难以统一。

技术是纯粹的,不应该因为商业利益而分裂。开发者面对如此多的私有标准不是一件正确的事情。

虽然是始作俑者,但造成混乱的局面非DCloud所愿。于是我们决定开发一个免费开源的框架。

既然各巨头无法在标准上达成一致,那么就通过这个框架为开发者抹平各平台差异。

这,就是uni-app的由来。

  • 因为多年积累,所以DCloud拥有300多万开发者,并不意外
  • 因为DCloud一直都有小程序的iOS、Android引擎,所以uni-app的App端和小程序端保持高度一致,并不意外
  • 因为DCloud在引擎上的持续投入,所以uni-app的App端功能、性能比大多数小程序引擎都优秀,并不意外
  • 因为DCloud对各家小程序太了解了,所以做好抹平各端差异的跨端框架,并不意外

现在,uni-app已经是业内最风靡的应用框架,支撑着6亿手机用户的庞大生态。

世界兜兜转转,当你踏出第一步时,随后很多事不会按你的预期发展。但只要你不忘初心,你想要的那个目标,最终会换个方式实现。

DCloud的初心是什么?

  1. 为开发者提供免费、高效的开发工具,让天下没有难做的应用
  2. 改进应用形态,让用户更方便的获取数字服务

DCloud也再次承诺不会对uni-app、HBuilderX等工具收费,感谢数百万开发者的一路陪伴,也请一直监督我们不忘初心!

收起阅读 »

横屏状态栏高度bug

bug反馈

app端和pad端如果横屏开启时底部会一直有白条,竖屏没有

目前我是隐藏状态栏去了白条

app端和pad端如果横屏开启时底部会一直有白条,竖屏没有

目前我是隐藏状态栏去了白条