提交 b07717d7 编写于 作者: study夏羽's avatar study夏羽

nvue link

上级 f05dd58b
......@@ -7,7 +7,7 @@
|onLaunch|当``uni-app`` 初始化完成时触发(全局只触发一次)|
|onShow|当 ``uni-app`` 启动,或从后台进入前台显示|
|onHide|当 ``uni-app`` 从前台进入后台|
|onUniNViewMessage|对 ``nvue`` 页面发送的数据进行监听,可参考 [nvue 向 vue 通讯](/use-weex?id=nvue-向-vue-通讯)|
|onUniNViewMessage|对 ``nvue`` 页面发送的数据进行监听,可参考 [nvue 向 vue 通讯](/nvue-api?id=nvue-向-vue-通讯)|
**注意**
......@@ -84,4 +84,4 @@ export default {
**注意**
- nvue 页面的weex编译模式支持的生命周期,[参考](/use-weex?id=生命周期)
- nvue 页面的weex编译模式支持的生命周期,[参考](/nvue-outline?id=生命周期)
......@@ -13,7 +13,7 @@
|onShow |当 `uni-app` 启动,或从后台进入前台显示 ||
|onHide |当 `uni-app` 从前台进入后台 ||
|onError |当 `uni-app` 报错时触发 ||
|onUniNViewMessage|对 `nvue` 页面发送的数据进行监听,可参考 [nvue 向 vue 通讯](/use-weex?id=nvue-向-vue-通讯) |App|
|onUniNViewMessage|对 `nvue` 页面发送的数据进行监听,可参考 [nvue 向 vue 通讯](/nvue-api?id=nvue-向-vue-通讯) |App|
`App.vue`文件里使用生命周期函数,如下:
......
......@@ -8,7 +8,7 @@
|onShow|当 ``uni-app`` 启动,或从后台进入前台显示|
|onHide|当 ``uni-app`` 从前台进入后台|
|onError|当 ``uni-app`` 报错时触发|
|onUniNViewMessage|对 ``nvue`` 页面发送的数据进行监听,可参考 [nvue 向 vue 通讯](/use-weex?id=nvue-向-vue-通讯)|
|onUniNViewMessage|对 ``nvue`` 页面发送的数据进行监听,可参考 [nvue 向 vue 通讯](/nvue-api?id=nvue-向-vue-通讯)|
|onUnhandledRejection|对未处理的 Promise 拒绝事件监听函数(2.8.1+)|
|onPageNotFound|页面不存在监听函数|
|onThemeChange|监听系统主题变化|
......@@ -76,7 +76,7 @@
- `onPageScroll`里不要写交互复杂的js,比如频繁修改页面。因为这个生命周期是在渲染层触发的,在非h5端,js是在逻辑层执行的,两层之间通信是有损耗的。如果在滚动过程中,频发触发两层之间的数据交换,可能会造成卡顿。
- 如果想实现滚动时标题栏透明渐变,在App和H5下,可在pages.json中配置titleNView下的type为transparent,[参考](https://uniapp.dcloud.io/collocation/pages?id=app-titlenview)
- 如果需要滚动吸顶固定某些元素,推荐使用css的粘性布局,参考[插件市场](https://ext.dcloud.net.cn/plugin?id=715)。插件市场也有其他js实现的吸顶插件,但性能不佳,需要时可自行搜索。
- 在App、微信小程序、H5中,也可以使用wxs监听滚动,[参考](https://uniapp.dcloud.io/frame?id=wxs);在app-nvue中,可以使用bindingx监听滚动,[参考](https://uniapp.dcloud.io/use-weex?id=nvue-%e9%87%8c%e4%bd%bf%e7%94%a8-bindingx)
- 在App、微信小程序、H5中,也可以使用wxs监听滚动,[参考](https://uniapp.dcloud.io/frame?id=wxs);在app-nvue中,可以使用bindingx监听滚动,[参考](https://uniapp.dcloud.io/nvue-api?id=nvue-%e9%87%8c%e4%bd%bf%e7%94%a8-bindingx)
- `onBackPress`上不可使用`async`,会导致无法阻止默认返回
```js
......@@ -136,7 +136,7 @@ export default {
**注意**
- nvue 页面weex编译模式支持的生命周期同weex,具体参考:[weex生命周期介绍](/use-weex?id=生命周期)
- nvue 页面weex编译模式支持的生命周期同weex,具体参考:[weex生命周期介绍](/nvue-outline?id=生命周期)
- 支付宝小程序真机可以监听到非`navigateBack`引发的返回事件(使用小程序开发工具时不会触发`onBackPress`),不可以阻止默认返回行为
### 组件生命周期
......
......@@ -441,7 +441,7 @@ uni-app 2.9+ 新增 leftWindow, topWindow, rightWindow 配置。用于解决宽
- 页面支持通过配置 navigationStyle为custom,或titleNView为false,来禁用原生导航栏。一旦禁用原生导航,请注意阅读[自定义导航注意事项](/collocation/pages?id=customnav)
- `titleNView``type` 值为 `transparent` 时,导航栏为滚动透明渐变导航栏,默认只有button,滚动后标题栏底色和title文字会渐变出现; `type``float` 时,导航栏为悬浮标题栏,此时页面内容上顶到了屏幕顶部,包括状态栏,但导航栏悬浮盖在页面上方,一般这种场景会同时设置导航栏的背景色为rgba半透明颜色。
- `titleNView``type` 值为 `transparent` 时,App-nvue 2.4.4+ 支持
-`titleNView` 配置 `buttons` 后,监听按钮的点击事件,vue 页面及 nvue 的weex编译模式参考:[uni.onNavigationBarButtonTap](/use-weex?id=onnavigationbarbuttontap)
-`titleNView` 配置 `buttons` 后,监听按钮的点击事件,vue 页面及 nvue 的weex编译模式参考:[uni.onNavigationBarButtonTap](/nvue-outline?id=onnavigationbarbuttontap)
-`titleNView` 配置 `searchInput` 后,相关的事件监听参考:[onNavigationBarSearchInputChanged 等](/frame?id=页面生命周期)
- 可通过 `[<navigation-bar>(/component/navigation-bar)]` 配置
- App下原生导航栏的按钮如果使用字体图标,注意检查字体库的名字(font-family)是否使用了默认的 iconfont,这个名字是保留字,不能作为外部引入的字体库的名字,需要调整为自定义的名称,否则无法显示。
......
......@@ -4,7 +4,7 @@
它类似于传统html中的div,用于包裹各种元素内容。
如果使用[nvue](https://uniapp.dcloud.io/use-weex),则需注意,包裹文字应该使用<text>组件。
如果使用[nvue](https://uniapp.dcloud.io/nvue-outline),则需注意,包裹文字应该使用<text>组件。
**属性说明**
......
......@@ -137,7 +137,7 @@ background-image: url(../../static/logo.png);
|onShow|当 ``uni-app`` 启动,或从后台进入前台显示|
|onHide|当 ``uni-app`` 从前台进入后台|
|onError|当 `uni-app` 报错时触发 |
|onUniNViewMessage|对 ``nvue`` 页面发送的数据进行监听,可参考 [nvue 向 vue 通讯](/use-weex?id=nvue-向-vue-通讯)|
|onUniNViewMessage|对 ``nvue`` 页面发送的数据进行监听,可参考 [nvue 向 vue 通讯](/nvue-api?id=nvue-向-vue-通讯)|
|onUnhandledRejection|对未处理的 Promise 拒绝事件监听函数(2.8.1+)|
|onPageNotFound|页面不存在监听函数|
|onThemeChange|监听系统主题变化|
......@@ -216,7 +216,7 @@ export default {
**注意**
- nvue 页面支持的生命周期参考:[nvue 生命周期介绍](/use-weex?id=生命周期)。
- nvue 页面支持的生命周期参考:[nvue 生命周期介绍](/nvue-outline?id=生命周期)。
## 路由
......
......@@ -60,7 +60,7 @@ uni-app支持把wxs编译到微信小程序、App和H5中。
在app-nvue里,逻辑层和视图层的折损一样存在。包括react native也有这个问题。所以也千万别以为原生渲染就多么高级。
weex提供了一套[bindingx](https://uniapp.dcloud.io/use-weex?id=nvue-%e9%87%8c%e4%bd%bf%e7%94%a8-bindingx)机制,可以在js里一次性传一个表达式给原生层,由原生层解析后根据指令操作原生的视图层,避免反复跨层通信。这个技术在uni-app里也可以使用。
weex提供了一套[bindingx](https://uniapp.dcloud.io/nvue-api?id=nvue-%e9%87%8c%e4%bd%bf%e7%94%a8-bindingx)机制,可以在js里一次性传一个表达式给原生层,由原生层解析后根据指令操作原生的视图层,避免反复跨层通信。这个技术在uni-app里也可以使用。
bindingx作为一种表达式,它的功能不及js强大,但手势监听、动画还是可以实现的,比如uni ui的swiperAction组件在app-nvue下运行时会自动启用bindingx,以实现流畅跟手。
......@@ -140,7 +140,7 @@ Android上popin动画时,老窗体会有一个半透明消失的效果。这
##### 使用nvue代替vue
在 App 端 ```uni-app``` 的 nvue 页面可是基于weex升级改造的原生渲染引擎,实现了页面原生渲染能力、提高了页面流畅性。若对页面性能要求较高可以使用此方式开发,详见:[nvue](/use-weex)
在 App 端 ```uni-app``` 的 nvue 页面可是基于weex升级改造的原生渲染引擎,实现了页面原生渲染能力、提高了页面流畅性。若对页面性能要求较高可以使用此方式开发,详见:[nvue](/nvue-outline)
##### 优化启动速度
......
......@@ -1203,7 +1203,7 @@
+ App平台 修复 chooseImage 传入字符串格式 sizeType 导致报错的Bug
+ App平台 修复 纯 nvue 环境 uni.request 数据格式错误的Bug [#1100](https://github.com/dcloudio/uni-app/issues/1100)
+ App平台 修复 nvue input 组件动态设置 password 属性不生效的Bug
+ App-Android平台 新增 nvue 通用属性 elevation 设置组件的层级阴影,解决 box-shadow 样式在设置圆角或动画时显示不正常的问题 [详情](https://uniapp.dcloud.io/use-weex?id=android平台阴影box-shadow问题)
+ App-Android平台 新增 nvue 通用属性 elevation 设置组件的层级阴影,解决 box-shadow 样式在设置圆角或动画时显示不正常的问题 [详情](https://uniapp.dcloud.io/nvue-css?id=android平台阴影box-shadow问题)
+ App-Android平台 修复 部分使用64位CPU的手机上可能出现白屏的Bug [详情](https://ask.dcloud.net.cn/question/83611)
+ App-Android平台 修复 nvue image 组件在部分手机上设置 fade-show 属性值为false可能仍然会闪烁的Bug
+ App-Android平台 修复 nvue swipe 组件设置 circular 属性值为true时从首页直接跳到最后一页可能出现页面无法正常渲染的Bug
......
......@@ -1012,7 +1012,7 @@
+ App平台 修复 v-for 中监听事件某些情况参数不正确的Bug
+ App平台 修复 picker 组件内容为空字符串时排版错位的Bug [详情](https://ask.dcloud.net.cn/question/85682)
+ App平台 修复 App.vue onError 部分异常未捕获的 Bug [详情](https://github.com/dcloudio/uni-app/issues/1093)
+ App-Android平台 新增 nvue 通用属性 elevation 设置组件的层级阴影,解决 box-shadow 样式在设置圆角或动画时显示不正常的问题 [详情](https://uniapp.dcloud.io/use-weex?id=android平台阴影box-shadow问题)
+ App-Android平台 新增 nvue 通用属性 elevation 设置组件的层级阴影,解决 box-shadow 样式在设置圆角或动画时显示不正常的问题 [详情](https://uniapp.dcloud.io/use-css?id=android平台阴影box-shadow问题)
+ App-Android平台 优化 应用退出后不清掉后台,反复热启动导致底层通信timeout引起的白屏问题
+ App-Android平台 修复 部分使用64位CPU的手机上可能出现白屏的Bug [详情](https://ask.dcloud.net.cn/question/83611)
+ App-Android平台 修复 nvue image 组件在部分手机上设置 fade-show 属性值为false可能仍然会闪烁的Bug
......@@ -1337,7 +1337,7 @@
+ 【重要】App/微信小程序/H5 新增 支持wxs,支付宝小程序平台支持SJS,百度小程序平台支持Filter [详情](https://uniapp.dcloud.io/frame?id=wxs)
+ 【重要】App平台 优化使用Tab时应用的内存占用,提升Android平台窗体动画和页面滚动的平滑度(自定义组件模式)
+ 【重要】App平台 iOS环境,uni-app 编译模式下的nvue页面及所有vue页面,web-view组件从UIWebview调整为WKWebview。[详情](https://ask.dcloud.net.cn/article/36348)
+ 【重要】App平台 新增 nvue 页面支持 vuex 的使用 [详情](https://uniapp.dcloud.io/use-weex?id=vue-%e5%92%8c-nvue-%e5%85%b1%e4%ba%ab%e7%9a%84%e5%8f%98%e9%87%8f%e5%92%8c%e6%95%b0%e6%8d%ae)
+ 【重要】App平台 新增 nvue 页面支持 vuex 的使用 [详情](https://uniapp.dcloud.io/use-api?id=vue-%e5%92%8c-nvue-%e5%85%b1%e4%ba%ab%e7%9a%84%e5%8f%98%e9%87%8f%e5%92%8c%e6%95%b0%e6%8d%ae)
+ 新增 编译时增加警告信息(不影响运行)
+ 新增 支持sass-loader 8.0.0版本 [#776](https://github.com/dcloudio/uni-app/issues/776)
+ 优化 image 组件支持自闭合写法 [#625](https://github.com/dcloudio/uni-app/issues/625)
......@@ -2111,7 +2111,7 @@
* 修复 复杂场景下组件数据渲染异常的问题
* 修复 uni.canvasToTempFilePath 方法设置参数destWidth、destHeight不生效的问题
* 优化 input 组件 type="number" 在 App 端支持输入小数点
* 新增 nvue 支持第三方weex ui库,参考[uni-app规范](https://uniapp.dcloud.io/use-weex?id=nvue-中使用-weex-第三方库)
* 新增 nvue 支持第三方weex ui库,参考[uni-app规范](https://uniapp.dcloud.io/nvue-outline?id=nvue-中使用-weex-第三方库)
* 新增 nvue 支持 bindingx
* 新增 nvue 支持顶部原生导航的 onNavigationBarButtonTap 事件
* 修复 nvue 初始化时得不到 storage 的问题
......@@ -2159,7 +2159,7 @@
* 【重要】开放 uni-app支持原生sdk集成,离线打包,自由扩展原生能力 [参考](https://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/104)
* 【重要】开放 兼容微信小程序 JS SDK,丰富的小程序生态内容可直接引入uni-app并且3端通用 [参考文档及各种小程序SDK资源汇总](https://ask.dcloud.net.cn/article/35070)
* 【重要】开放 兼容微信小程序自定义组件并且3端通用 [参考](https://uniapp.dcloud.io/frame?id=%E5%B0%8F%E7%A8%8B%E5%BA%8F%E7%BB%84%E4%BB%B6%E6%94%AF%E6%8C%81)
* 【重要】开放 nvue 原生渲染,引入weex,解决某些场景webview无法高性能实现的问题(如左右拖动的复杂tab列表) 注:暂不支持模拟器 [参考](https://uniapp.dcloud.io/use-weex)
* 【重要】开放 nvue 原生渲染,引入weex,解决某些场景webview无法高性能实现的问题(如左右拖动的复杂tab列表) 注:暂不支持模拟器 [参考](https://uniapp.dcloud.io/nvue-outline)
* 【重要】开放 npm 支持 [参考](https://uniapp.dcloud.io/frame?id=npm%E6%94%AF%E6%8C%81)
* 新增 web-view 组件里的网页支持使用uni跳转api跳转到指定路由页面 [参考](https://uniapp.dcloud.io/component/web-view)
* 优化 发行到App平台时,自动完成js业务代码的混淆压缩
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册