Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-zh
提交
965c8873
unidocs-zh
项目概览
DCloud
/
unidocs-zh
通知
3277
Star
107
Fork
831
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
99
列表
看板
标记
里程碑
合并请求
76
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
99
Issue
99
列表
看板
标记
里程碑
合并请求
76
合并请求
76
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
965c8873
编写于
1年前
作者:
W
wanganxp
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
性能和readme
上级
eb1a2485
master
auto-translate
dev
docs/merge-docs
feat-renderjs
fix-title_By_HRK
无相关合并请求
变更
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数量越多,渲染越慢。
那么原生Android开发怎么做的呢?使用Android的开发者模式审查元素边界,可以发现rom自带的日历,并不是每个格子一个view,而是整个月都是一个view。


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不用。
...
...
This diff is collapsed.
Click to expand it.
docs/uni-app-x/readme.md
浏览文件 @
965c8873
...
...
@@ -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。
...
...
This diff is collapsed.
Click to expand it.
docs/uni-app-x/static/calendar.jpg
0 → 100644
浏览文件 @
965c8873
157.5 KB
This diff is collapsed.
Click to expand it.
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录
反馈
建议
客服
返回
顶部