指南 - 随笔分类(第12页) - AtlasLapetos

介绍

摘要：glass-easel ：新版微信小程序组件框架 glass-easel 是小程序组件框架的核心实现。它实质上是一个 JavaScript 的组件化界面框架，用来进行组件化、定义式的界面开发。 glass-easel 是对旧版小程序组件框架的重写，保持对旧版小程序组件框架特性的兼容，并添加了一些新特阅读全文

posted @ 2024-12-24 09:26 AtlasLapetos 阅读(58) 评论(0) 推荐(0)

特性状态

摘要：特性状态特性状态 scroll-view 高度可由子节点撑开待发布 WeUI 扩展库待发布 scroll-view 以给定初速度滚动待发布 scroll-view 返回触顶速度待发布 scroll-view 增删列表项带动画规划中 swiper 增加 isDrag 属性区分是否是用户正阅读全文

posted @ 2024-12-24 09:26 AtlasLapetos 阅读(10) 评论(0) 推荐(0)

性能调试工具入口

摘要：性能调试工具入口 showPerformanceOverlay 显示 raster 线程和 ui（渲染）线程的使用情况，线程繁忙则表现为红色 raster线程：如果发现耗时很高的话，可能是绘制内容太复杂了，例如用了大量的 backdrop-filter, overflow: hidden, op 阅读全文

posted @ 2024-12-24 09:26 AtlasLapetos 阅读(13) 评论(0) 推荐(0)

Skyline 迁移工具

摘要：Skyline 迁移工具为了方便开发者从 WebView 迁移到 Skyline，我们将一些最佳实践和常见的兼容问题都整理成一个检测工具 Skylint Skylint 不仅会罗列出有兼容问题的具体代码行，对一些明确的兼容问题，也提供自动修改代码的操作，旨在最大程度降低迁移成本更多说明和用法请前阅读全文

posted @ 2024-12-24 09:26 AtlasLapetos 阅读(33) 评论(0) 推荐(0)

发布上线

摘要：发布上线在考虑要上线发布到正式环境时，我们一般会关注版本覆盖和稳定性问题，对于这两个问题，我们提供了完备的解决方案。版本覆盖由于 Skyline 是在微信较高版本支持，那么是否低版本就完全运行不了小程序了？答案是否定的。为了保证线上小程序能可靠运行，可任取以下其中一种策略提高「基础库最低可用阅读全文

posted @ 2024-12-24 09:26 AtlasLapetos 阅读(32) 评论(0) 推荐(0)

兼容

摘要：兼容 Skyline 目前各端的支持情况见下表平台支持版本备注安卓 8.0.33+ 支持 iOS 8.0.34+ 支持开发者工具 Stable 1.06.2307260+ 支持 Windows 未支持规划中 Mac 未支持规划中企业微信未支持开发中可以看出，小程序若不是只跑在最阅读全文

posted @ 2024-12-24 09:26 AtlasLapetos 阅读(134) 评论(0) 推荐(0)

最佳实践

摘要：最佳实践按需注入 Skyline 依赖按需注入特性。按需注入特性开启后，小程序的部分表现会发生变化，有可能带来兼容问题（具体见按需注入特性文档）；因此建议在开始适配 Skyline 前，先开启按需注入并妥善测试，以提前排除该特性带来的影响。渐进式迁移对于已有的项目，建议渐进式迁移，即逐个页阅读全文

posted @ 2024-12-24 09:26 AtlasLapetos 阅读(29) 评论(0) 推荐(0)

环境准备 - 从WebView迁移

摘要：环境准备 Skyline 具体支持版本如下：微信安卓客户端 8.0.33 或以上版本（对应基础库为 2.30.4 或以上版本）微信 iOS 客户端 8.0.34 或以上版本（对应基础库为 2.31.1 或以上版本）开发者工具 Stable 1.06.2307260 或以上版本（建议使用 Nig 阅读全文

posted @ 2024-12-24 09:26 AtlasLapetos 阅读(106) 评论(0) 推荐(0)

滚动容器及其应用场景

摘要：滚动容器及其应用场景流畅的滚动对于提升用户体验至关重要。为了达到原生级别的滚动效果和降低开发成本，Skyline 扩展了旧的 ScrollView 组件，同时针对部分场景，新增了一些滚动容器。诸多的新能力有时会让开发者选择困难，下面对其典型应用场景进行介绍。长列表 WebView 下的 Scro 阅读全文

posted @ 2024-12-24 09:25 AtlasLapetos 阅读(123) 评论(0) 推荐(0)

全局工具栏

摘要：全局工具栏基础库 3.3.1 开始支持，低版本需做兼容处理。可跨页面渲染的组件，使用场景如音乐 APP 的底部工具栏等。在连续的 Skyline 页面跳转时，组件实例为同一个，因此状态可以同步，渲染层级在页面之上（也在自定义 tabbar 之上）。在 webview 渲染和 Skyline 渲阅读全文

posted @ 2024-12-24 09:25 AtlasLapetos 阅读(13) 评论(0) 推荐(0)

共享元素动画

摘要：共享元素动画原生 App 中我们常见到这样的交互，如从商品列表页进入详情页过程中，商品图片在页面间飞跃，使得过渡效果更加平滑，另一个案例是朋友圈的图片预览放大功能。在 Skyline 渲染模式下，我们称其为共享元素动画，可通过 share-element 组件来实现。在连续的 Skyline 页阅读全文

posted @ 2024-12-24 09:25 AtlasLapetos 阅读(121) 评论(0) 推荐(0)

页面返回手势

摘要：页面返回手势默认情况下，小程序页面都是右滑返回。但在使用自定义路由和预设路由时，我们常常需要不同的手势返回效果。例如使用 wx://cupertino-modal 路由效果时，下个页面自底向上出现，右滑返回并不符合视觉一致性。采用纵向的滑动返回（原路返回）会更合适一些。使用方法开发者工具需升阅读全文

posted @ 2024-12-24 09:25 AtlasLapetos 阅读(34) 评论(0) 推荐(0)

容器转场动画

摘要：容器转场动画通过将一个元素无缝地转换为另一个元素，可以加强两个元素间的关系，如常见的瀑布流中点击卡片跳转到详情页。为降低开发成本，基础库提供了容器转场动画组件来实现该路由效果。效果演示使用方法开发者工具需升级到 Nightly 1.06.2403222，基础库选择 3.4.0 将需要进行过阅读全文

posted @ 2024-12-24 09:25 AtlasLapetos 阅读(13) 评论(0) 推荐(0)

预设路由

摘要：预设路由为降低开发成本，基础库预设了一批常见的路由动画效果。 routeType 最低基础库版本 wx://bottom-sheet 3.1.0 wx://upwards 3.1.0 wx://zoom 3.1.0 wx://cupertino-modal 3.1.0 wx://cupertino 阅读全文

posted @ 2024-12-24 09:25 AtlasLapetos 阅读(12) 评论(0) 推荐(0)

自定义路由

摘要：自定义路由小程序采用多 WebView 架构，页面间跳转形式十分单一，仅能从右到左进行动画。而原生 App 的动画形式则多种多样，如从底部弹起，页面下沉，半屏等。 Skyline 渲染引擎下，页面有两种渲染模式: WebView 和 Skyline，它们通过页面配置中的 renderer 字段进行阅读全文

posted @ 2024-12-24 09:25 AtlasLapetos 阅读(39) 评论(0) 推荐(0)

手势系统

摘要：手势系统业务开发中，我们常需要监听节点 touch 事件，处理拖拽、缩放相关逻辑。由于 Skyline 采用双线程架构，在进行这样的交互动画时，会具有较大的异步延迟，这点可以参考 wxs 响应事件。 Skyline 中 wxs 代码运行在 JS 线程，而事件产生在 UI 线程，因此 wxs 动画阅读全文

posted @ 2024-12-24 09:25 AtlasLapetos 阅读(54) 评论(0) 推荐(0)

worklet 动画

摘要：worklet 动画小程序采用双线程架构，渲染线程（UI 线程）和逻辑线程（JS 线程）分离。JS 线程不会影响 UI 线程的动画表现，如滚动效果。但引入的问题是，UI 线程的事件发生后，需跨线程传递到 JS 线程，进而触发开发者回调，当做交互动画（如拖动元素）时，这种异步性会带来较大的延迟和不稳阅读全文

posted @ 2024-12-24 09:24 AtlasLapetos 阅读(68) 评论(0) 推荐(0)

Skyline WXSS 样式支持与差异

摘要：Skyline WXSS 样式支持与差异模块支持模块支持情况备注 CSS Animation ✓ 安卓 8.0.37，iOS 8.0.39，支持情况见下表背景与边框 ✓ 常用的基本支持，详见属性支持盒子模型 ✓ 支持 border-box 和 content-box，没有 BFC Inl 阅读全文

posted @ 2024-12-24 09:24 AtlasLapetos 阅读(327) 评论(0) 推荐(0)

Skyline 基础组件支持与差异

摘要：Skyline 基础组件支持与差异通用特性特性支持情况无障碍访问暂只支持 aria-role / label / hidden / disabled DarkMode 支持原生组件均支持同层渲染 WeUI v2 支持组件支持情况总体来说，高频组件基本已支持，已标记为废弃的特性在 S 阅读全文

posted @ 2024-12-24 09:24 AtlasLapetos 阅读(81) 评论(0) 推荐(0)

快速体验

摘要：快速体验环境要求目前，安卓微信 8.0.33、iOS 微信 8.0.34 起内置了 Skyline 渲染引擎，可先更新到该版本，预览时通过强切开关打开，方可体验 Skyline。快速体验以下小程序已适配 Skyline，可直接扫码打开体验。扫码打开小程序助手，其中首页、切换小程序、版本查看阅读全文

posted @ 2024-12-24 09:24 AtlasLapetos 阅读(19) 评论(0) 推荐(0)

随笔分类 - 微信小程序 - 开发 / 指南