Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
G8866
unidocs-zh
提交
965c8873
unidocs-zh
项目概览
G8866
/
unidocs-zh
与 Fork 源项目一致
Fork自
DCloud / unidocs-zh
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
965c8873
编写于
8月 16, 2023
作者:
W
wanganxp
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
性能和readme
上级
eb1a2485
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
25 addition
and
9 deletion
+25
-9
docs/uni-app-x/performance.md
docs/uni-app-x/performance.md
+3
-3
docs/uni-app-x/readme.md
docs/uni-app-x/readme.md
+22
-6
docs/uni-app-x/static/calendar.jpg
docs/uni-app-x/static/calendar.jpg
+0
-0
未找到文件。
docs/uni-app-x/performance.md
浏览文件 @
965c8873
...
@@ -14,7 +14,7 @@ dom数量越多,渲染越慢。
...
@@ -14,7 +14,7 @@ dom数量越多,渲染越慢。
那么原生Android开发怎么做的呢?使用Android的开发者模式审查元素边界,可以发现rom自带的日历,并不是每个格子一个view,而是整个月都是一个view。
那么原生Android开发怎么做的呢?使用Android的开发者模式审查元素边界,可以发现rom自带的日历,并不是每个格子一个view,而是整个月都是一个view。
![](
)
![](
./static/calendar.jpg
)
Android上为了避免view数量过多,提供了原始的draw api,把线条和文字绘制上去。
Android上为了避免view数量过多,提供了原始的draw api,把线条和文字绘制上去。
...
@@ -40,13 +40,13 @@ HBuilderX真机运行到Android时,每个页面进入时会都打印页面初
...
@@ -40,13 +40,13 @@ HBuilderX真机运行到Android时,每个页面进入时会都打印页面初
## 界面元素动画
## 界面元素动画
动画,
分不跟随手势的固定动画,和跟随手势的动效两种
。
动画,
有2种,不跟随手势的固定动画,和跟随手势的动效
。
固定动画使用css transition动画,或者使用
[
animation-view组件
](
https://ext.dcloud.net.cn/plugin?id=10674
)
,这个组件本质是lottie动画。
固定动画使用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个注意:
在touch和滚动事件中,移动dom元素时,有2个注意:
1.
请使用transform方式,而不是给dom的left/top/width/height等position参数重新赋值。这个在web开发也一样,直接改position参数不如使用transform。因为每次修改position参数都要过排版,而transform不用。
1.
请使用transform方式,而不是给dom的left/top/width/height等position参数重新赋值。这个在web开发也一样,直接改position参数不如使用transform。因为每次修改position参数都要过排版,而transform不用。
...
...
docs/uni-app-x/readme.md
浏览文件 @
965c8873
...
@@ -92,9 +92,7 @@ uvue支持的css语法,是web的子集,类似于nvue的css。仅支持flex
...
@@ -92,9 +92,7 @@ uvue支持的css语法,是web的子集,类似于nvue的css。仅支持flex
## 3. uni的组件
## 3. uni的组件
uni-app的丰富的跨平台组件和API,是uni-app提高开发效率的利器。
uni-app x 一期,只包括基本的组件和API。
但 uni-app x 一期,只包括基本的组件和API。
剩余的组件和API,如开发者急用,可自行开发,或者委托插件作者提供相关插件。
剩余的组件和API,如开发者急用,可自行开发,或者委托插件作者提供相关插件。
...
@@ -121,17 +119,35 @@ uni-app的丰富的跨平台组件和API,是uni-app提高开发效率的利器
...
@@ -121,17 +119,35 @@ uni-app的丰富的跨平台组件和API,是uni-app提高开发效率的利器
不支持的组件及替代方案
不支持的组件及替代方案
-
movable-view:没有ui层和逻辑层的通信阻塞,开发者可自己写uts拖动view
-
movable-view:没有ui层和逻辑层的通信阻塞,开发者可自己写uts拖动view
-
picker:可改用picker-view
-
picker:可改用picker-view
-
canvas:目前没有完整的canvas组件,但每个view,都提供了draw API,可以高性能的画各种形状、贴图、写字。后期会补充完整canvas
-
canvas:目前没有完整的canvas组件,但每个view,都提供了draw API,可以高性能的画各种形状、贴图、写字。
关于截图,无需像webview那样通过canvas中转。view会直接提供截图方案。当然
后期会补充完整canvas
-
waterfall/grid-view:会补充
-
waterfall/grid-view:会补充
-
uniCloud-db:
近期
会补充
-
uniCloud-db:会补充
-
ad:会补充
-
ad:会补充
-
rich-text:可改用web-view渲染
-
rich-text:可改用web-view渲染
;也可以拼接多个text、image组件。
-
editor:只能用web-view来加载
-
editor:只能用web-view来加载
-
map:需开发uts组件。或使用web-view中的地图
-
map:需开发uts组件。或使用web-view中的地图
-
live-pusher:需开发uts组件
-
live-pusher:需开发uts组件
-
form
-
form
-
label
-
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
## 4. uni的API
uni-app js引擎版,支持 plus API 和 weex API。但 uni-app x 中,不再支持这些API。
uni-app js引擎版,支持 plus API 和 weex API。但 uni-app x 中,不再支持这些API。
...
...
docs/uni-app-x/static/calendar.jpg
0 → 100644
浏览文件 @
965c8873
157.5 KB
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录