-
uniapp 教程-16-app nvue HTML5PLUS
HTML5+
uni-app App 端内置 HTML5+ (opens new window)引擎,让 js 可以直接调用丰富的原生能力。
条件编译调用 HTML5+
小程序及 H5 等平台是没有 HTML5+ 扩展规范的,因此在 uni-app 调用 HTML5+ 的扩展规范时,需要注意使用条件编译。
否则运行到h5、小程序等平台会出现 plus is not defined错误...
2021-11-15 13:01:55 |
WEB
-
uniapp 教程-15-app nvue api and event 接口与事件
API
内容较为琐碎,使用时查阅即可:
nvue-api
事件
Weex 提供了通过事件触发动作的能力,例如在用户点击组件时执行 JavaScript。
下面列出了可被添加到 Weex 组件上以定义事件动作的属性:
事件穿透
Android和iOS下原生事件传递机制不同,这里仅针对iOS
当一个父View存在多个同级子View时,由于iOS会选择层级最高的View来响...
2021-11-15 13:01:55 |
WEB
-
uniapp 教程-14-app nvue css nvue 原生渲染样式
样式
nvue所支持的通用样式已在本文档中全部列出,一些组件可能有自定义样式,请参考组件文档。
除此之外的属性,均不被支持。
注意事项
nvue的css仅支持flex布局,是webview的css语法的子集。
这是因为操作系统原生排版不支持非flex之外的web布局。当然flex足以排布出各种页面,只是写法需要适应。
class...
2021-11-15 13:01:55 |
WEB
-
uniapp 教程-13-app nvue outline nvue 原生渲染综述
介绍
uni-app App 端内置了一个基于 weex 改进的原生渲染引擎,提供了原生渲染能力。
在 App 端,如果使用 vue 页面,则使用 webview 渲染;如果使用 nvue 页面(native vue 的缩写),则使用原生渲染。
一个 App 中可以同时使用两种页面,比如首页使用 nvue,二级页使用 vue 页面,hello uni-app 示例就是如此。
虽然 n...
2021-11-15 13:01:55 |
WEB
-
uniapp 教程-12-app blureffect APP 使用高斯模糊效果
tabBar 使用高斯模糊效果
HBuilderX 从 2.4.4 版本开始,uni-app iOS 端 TabBar 支持高斯模糊效果(毛玻璃效果)
HBuilderX 从 3.4.10 版本开始,uni-app Android 端 TabBar 支持高斯模糊效果(毛玻璃效果)
下面介绍一下如何使用高斯模糊效果,和一些注意事项。
效果
示例 demo 地址 https://g...
2021-11-15 13:01:55 |
WEB
-
uniapp 教程-11-web hosting 前端网页托管
简介
DCloud为开发者提供了uni发布平台,包括网站发布、App发布和统一门户页面。
前端网页托管是其中的网页发布环节产品。
前端网页托管基于uniCloud的能力,为开发者的html网页提供更快速、更安全、更省心、更便宜的网站发布。
更快速:不经过web server,页面和资源直接上cdn,就近访问,速度更快。
更安全:不存在传统服务器各种操作系统、web server的漏...
2021-11-15 13:01:55 |
WEB
-
uniapp 教程-10-web SSR 服务端渲染
uni-app 对于 SSR 的支持
uni-app已支持vue 3.0开发,详见:https://ask.dcloud.net.cn/article/37834(opens new window)
uni-app官方基于vue 3.0 & uniCloud提供了简单、易用的SSR支持。
news.dcloud.io (opens new window)是一套基于uni-app...
2021-11-15 13:01:55 |
WEB
-
uniapp 教程-09-web adapt 宽屏适配
宽屏适配指南
uni-app是以移动为先的理念诞生的。
从uni-app 2.9起,提供了PC等宽屏的适配方案,完成了全端统一。
PC适配和屏幕适配略有差异。PC适配包含宽屏适配和uni-app内置组件适配PC两方面的工作。
uni-app 内置组件的PC适配,又包括PC交互习惯的UI调整和非webkit浏览器适配这两部分。这块工作不在本文的讨论范围内,尤其是开发者在PC端可以随意使...
2021-11-15 13:01:55 |
WEB