提交 965c8873 编写于 作者: W wanganxp

性能和readme

上级 eb1a2485
......@@ -14,7 +14,7 @@ dom数量越多,渲染越慢。
那么原生Android开发怎么做的呢?使用Android的开发者模式审查元素边界,可以发现rom自带的日历,并不是每个格子一个view,而是整个月都是一个view。
![]()
![](./static/calendar.jpg)
Android上为了避免view数量过多,提供了原始的draw api,把线条和文字绘制上去。
......@@ -40,13 +40,13 @@ HBuilderX真机运行到Android时,每个页面进入时会都打印页面初
## 界面元素动画
动画,分不跟随手势的固定动画,和跟随手势的动效两种
动画,有2种,不跟随手势的固定动画,和跟随手势的动效
固定动画使用css transition动画,或者使用 [animation-view组件](https://ext.dcloud.net.cn/plugin?id=10674),这个组件本质是lottie动画。
跟随手势的动效,需要写逻辑代码。
uni-app x中,没有通信阻塞,可以直接监听touch和滚动事件。不再需要renderjs、bindingx、wxs、worklet动画这些为了解决通信阻塞的补丁技术。
uni-app x 中,没有通信阻塞,可以直接监听touch和滚动事件。不再需要renderjs、bindingx、wxs、worklet动画这些为了解决通信阻塞的补丁技术。
在touch和滚动事件中,移动dom元素时,有2个注意:
1. 请使用transform方式,而不是给dom的left/top/width/height等position参数重新赋值。这个在web开发也一样,直接改position参数不如使用transform。因为每次修改position参数都要过排版,而transform不用。
......
......@@ -92,9 +92,7 @@ uvue支持的css语法,是web的子集,类似于nvue的css。仅支持flex
## 3. uni的组件
uni-app的丰富的跨平台组件和API,是uni-app提高开发效率的利器。
但 uni-app x 一期,只包括基本的组件和API。
uni-app x 一期,只包括基本的组件和API。
剩余的组件和API,如开发者急用,可自行开发,或者委托插件作者提供相关插件。
......@@ -121,17 +119,35 @@ uni-app的丰富的跨平台组件和API,是uni-app提高开发效率的利器
不支持的组件及替代方案
- movable-view:没有ui层和逻辑层的通信阻塞,开发者可自己写uts拖动view
- picker:可改用picker-view
- canvas:目前没有完整的canvas组件,但每个view,都提供了draw API,可以高性能的画各种形状、贴图、写字。后期会补充完整canvas
- canvas:目前没有完整的canvas组件,但每个view,都提供了draw API,可以高性能的画各种形状、贴图、写字。关于截图,无需像webview那样通过canvas中转。view会直接提供截图方案。当然后期会补充完整canvas
- waterfall/grid-view:会补充
- uniCloud-db:近期会补充
- uniCloud-db:会补充
- ad:会补充
- rich-text:可改用web-view渲染
- rich-text:可改用web-view渲染;也可以拼接多个text、image组件。
- editor:只能用web-view来加载
- map:需开发uts组件。或使用web-view中的地图
- live-pusher:需开发uts组件
- form
- label
需要注意:uts作为强类型语言,组件的事件参数,也必须有类型。这和js不同。例如:
```html
<template>
<view @touchstart="touchstart"></view>
<script lang="ts">
export default {
methods: {
touchstart(e : TouchEvent) { // e必须有类型
sX = e.touches[0].screenX;
sY = e.touches[0].screenY;
}
}
}
</script>
```
详细的组件事件类型清单,[详见]()
## 4. uni的API
uni-app js引擎版,支持 plus API 和 weex API。但 uni-app x 中,不再支持这些API。
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册