-
uniapp 教程-18-app nvue RenderJS
renderjs
renderjs是一个运行在视图层的js。它比WXS更加强大。它只支持app-vue和h5。
renderjs的主要作用有2个:
大幅降低逻辑层和视图层的通讯损耗,提供高性能视图交互能力
在视图层操作dom,运行for web的js库
使用方式
设置 script 节点的 lang 为 renderjs
<scr...
2021-11-15 13:01:55 |
WEB
-
uniapp 教程-17-app nvue NativeJS
概述
Native.js技术,简称NJS,是一种将手机操作系统的原生对象转义,映射为JS对象,在JS里编写原生代码的技术。
如果说Node.js把js扩展到服务器世界,那么Native.js则把js扩展到手机App的原生世界。
HTML/JS/Css全部语法只有7万多,而原生语法有几十万,Native.js大幅提升了HTML5的能力。
NJS突破了浏览器的功能限制,也不再需要像Hyb...
2021-11-15 13:01:55 |
WEB
-
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