dcloudio-CSDN博客

原创 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 1030

原创 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 8390

原创 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 8410 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 3432

原创 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 8066 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 14547 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 3214 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 895 1

原创 HBuilderX, 免费稳定的markdown图床，工具一键集成

HBuilderX简介HBuilderX是一款免费的前端开发工具（IDE），C++内核架构：轻巧、极速，是轻如编辑器、强如IDE的合体版本。查看详细介绍。HBuilderX 免费稳定的markdown图床，工具一键集成MarkDown作为一种纯文本格式的标记语言，通过简单的标记语法，就使普通文本内容具有一定的格式。一次标记可以做到各平台通用，免除了富文本编辑器换平台就要重新排版的繁琐。但使用markdown也有一个重要的问题，那就是图片的存储，markdown文件要用到图片时必须是一个链接，在不使用

2020-11-05 19:29:23 4094 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 6666

原创 uni-app在App平台如何实现升级更新？

使用 uni-app 开发，可将代码编译到iOS、Android、微信小程序等多个平台，升级时也需考虑多平台同步升级。uni-app发布为小程序的升级模式较简单，只需将开发完的代码提交小程序后台，待审核通过后用户将自动升级。App端的升级，又分为整包更新和资源热更新两种。整包更新，即常规的整个App安装包重新下载安装。资源热更新，即App并重新安装，里面的js等前端代码进行更新。资源热更新另见文档：http://ask.dcloud.net.cn/article/35667本文重点讲解整包更

2020-11-05 19:06:09 10841 2

dcloudio的博客