
uni-app
dcloudio
这个作者很懒,什么都没留下…
展开
-
DCloud Native.js示例汇总
Native.js虽然强大和开放,但很多web开发者因为不熟悉原生API而难以独立完成。这篇帖子的目的就是汇总各种写好的NJS代码,方便web开发者。众人拾柴火焰高,有能力的开发者多多提交NJS代码,大家都会给你点赞的,我们也会为每位共享NJS代码的朋友送上200积分。##Android平台###监听手机锁屏,解锁,开屏http://ask.dcloud.net.cn/article/35205###直接拨打电话http://ask.dcloud.net.cn/question/4035##原创 2020-11-12 20:30:46 · 1108 阅读 · 0 评论 -
uni-app 全面屏、刘海屏适配(iphoneX适配)及安全区设置
iOS方案一:使用原生占位(仅App端支持)manifest.json 文件 app-plus 节点下配下 safearea"safearea": { "background": "#CCCCCC", "bottom": { "offset": "auto" }}iOS方案二:不使用原生占位(非App端可以不配置manifest)manifest.json 文件 app-plus 节点下配下 safearea"safearea": { "bott原创 2020-11-12 20:22:58 · 8618 阅读 · 0 评论 -
5+App和uni-app在App开发上有何区别?
抛开uni-app可以开发多端,而5+App只能开发App不谈。本文只谈仅做App的情况下,uni-app的App和5+App有什么区别。5+App是DCloud上一代产品,基于webview扩展的混合开发技术。它的每个页面都是一个webview加载一个html页面,调用原生扩展能力时通过webview的桥通信实现。5+App可以满足常规App的开发,并且基于html开发比较简答。但距离第一流互联网体验要求的App而言,5+App难以满足这种要求。于是DCloud新出了uni-app。uni-ap原创 2020-11-12 10:32:05 · 9433 阅读 · 1 评论 -
uni-app 中如何打开外部应用,如:浏览器、淘宝、AppStore、QQ等
我们在开发 App 应用中,经常会遇到打开第三方程序的场景,比如打开手机淘宝、通过第三方浏览器打开一个 url 等等。App不像网页可以使用http超链接互相跳转,但手机os设计了scheme机制,可以通过特殊的链接互相调起。比如手机淘宝,其安装后会在手机os中会注册一个scheme协议,taobao://。这种协议还支持参数,比如taobao://s.taobao.com/search?q=uni-app启动淘宝并打开搜索页面搜索uni-app。在uni-app/5+App中,可以通过scheme原创 2020-11-11 09:44:42 · 3662 阅读 · 0 评论 -
uni-app 在小程序平台支持 vue 3.0 框架
简介随着 vue3 的发布,uni-app 也逐步支持 vue3。目前小程序平台已支持,h5、App 平台暂不支持。除支持 vue3 语法特性外,uni-app 特有的生命周期钩子支持 Composition API,如 onLaunch,onShow,onLoad…下面介绍创建支持 vue3 的 uni-app 项目的流程,以及使用中的一些注意事项。vue3 相关问题请关注vue官方文档 vue3 中文文档。创建支持 vue3 的 uni-app 项目流程目前仅支持 cli 方式创建支持 vu原创 2020-11-10 21:21:42 · 8264 阅读 · 1 评论 -
uni-app H5跨域问题解决方案(CORS、Cross-Origin)
什么是跨域跨域是浏览器的专用概念,指js代码访问自己来源站点之外的站点。比如A站点网页中的js代码,请求了B站点的数据,就是跨域。A和B要想被认为是同域,则必须有相同的协议(比如http和https就不行)、相同域名、和相同端口号(port)。如果你是做App、小程序等非H5平台,是不涉及跨域问题的。稍微例外的是iOS的wkWebview,在5+App,或uni-app的web-view组件及renderjs中,由于WKWebview限制也会产生跨域,这方面另见专题文章:https://ask.dc原创 2020-11-10 17:44:27 · 15743 阅读 · 2 评论 -
uni-app的H5版使用注意事项
HBuilderX 1.2开始包含了H5平台支持。使用方式打开uni-app项目下的vue文件点击菜单 运行->运行到浏览器->Chrome[attach]26917[/attach]在Chrome內打开调试模式(右键->检查)开启设备模拟,模拟移动设备(如果UI变形刷新即可)[attach]26920[/attach]HBuilderX修改代码后会自动刷新chrome的页面审查元素[attach]27188[/attach]在chrome控制台安装vue devto原创 2020-11-10 17:30:58 · 3377 阅读 · 1 评论 -
白话uni-app
本文适合对象:已经通过uni-app官网对产品概念有基本了解。熟悉h5,但对小程序、vue不了解传统的h5只有1端,即浏览器。而uni-app可跨多端,虽仍属前端,与传统h5有不同。如果你对h5比较了解,可通过本文快速了解uni-app。网络模型的变化以前网页大多是b/s,服务端代码混合在页面里;现在是c/s,前后端分离,通过js api(类似ajax的uni.request)获取json数据,把数据绑定在界面上渲染。文件类型变化以前是.html文件,开发也是html,运行也是html原创 2020-11-10 17:13:21 · 961 阅读 · 1 评论 -
uni-app开发多端之钉钉小程序
经常有开发者咨询uni-app是否支持钉钉小程序?答案当然是支持!本文通过将hello uni-app发布到钉钉小程序,演示如何使用uni-app开发钉钉小程序。扩展钉钉小程序平台创建hello uni-app项目后,在项目根目录下新增或修改package.json,在根节点下新增如下扩展配置:"uni-app": { "scripts": { "mp-dingtalk": { "title":"钉钉小程序", "env"原创 2020-11-05 19:19:25 · 7307 阅读 · 0 评论