自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

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

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

原创 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 8311 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 3424

原创 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 8061 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 14494 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 3206 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 893 1

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

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

2020-11-05 19:29:23 4084 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 6629

原创 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 10828 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除