From 965c8873af2088f7736c41d780773aa4f95f0fc6 Mon Sep 17 00:00:00 2001 From: wanganxp Date: Wed, 16 Aug 2023 06:19:41 +0800 Subject: [PATCH] =?UTF-8?q?=E6=80=A7=E8=83=BD=E5=92=8Creadme?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/uni-app-x/performance.md | 6 +++--- docs/uni-app-x/readme.md | 28 ++++++++++++++++++++++------ docs/uni-app-x/static/calendar.jpg | Bin 0 -> 161248 bytes 3 files changed, 25 insertions(+), 9 deletions(-) create mode 100644 docs/uni-app-x/static/calendar.jpg diff --git a/docs/uni-app-x/performance.md b/docs/uni-app-x/performance.md index 596f31ec5..c56f90a3f 100644 --- a/docs/uni-app-x/performance.md +++ b/docs/uni-app-x/performance.md @@ -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不用。 diff --git a/docs/uni-app-x/readme.md b/docs/uni-app-x/readme.md index dd2c3263f..24a14e092 100644 --- a/docs/uni-app-x/readme.md +++ b/docs/uni-app-x/readme.md @@ -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 +