IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

标签:Rax

共 2 篇相关文章

IT 累计浏览 2,720

Rax 系列教程(native 扫盲)

这篇文章面向前端开发者,讲清楚了 Rax 在 native 端到底是什么,以及它和 React Native、Weex 这两个常见框架的核心区别。作者从“Rax = RN 语法 + Weex 能力”这个公式切入,指出 Rax 吸收了 React Native “一次学习”的开发体验,同时依托 Weex 实现了“一次编写,多端运行”的跨端目标。 文章重点拆解了 Weex 这个“幕后工作者”的运作机制。它详细解释了 Weex 从 DSL 代码到原生渲染的流程,包括 JS Framework 如何作为 JS 与 Native 通信的桥梁,以及 Weex 的 virtual-DOM 如何在简化传统 DOM 后高效控制原生视图。这些讲解剥离了复杂的客户端概念,专为前端同学理解而设计。 对于想上手的开发者,文章特别点明了 Weex 与 Web 的“天生不同”:布局上只有 Flexbox,样式不支持继承和许多 CSS 特效,单位处理也存在差异。这些细节直接关系到日常编码的取舍,比如为什么不能随意用 float 或 absolute 定位。 总之,这篇文章帮前端同学快速扫清了 Rax 背后的 native 知识盲区,理解框架的设计权衡,能更顺畅地处理跨端开发中遇到的差异问题。

IT 累计浏览 3,492

Rax 系列教程(长列表)

这篇讲的是Rax框架下长列表组件的选型与实战指南。面对scrollview、recyclerview、listview、waterfall等多个列表组件,新手往往不知如何选择。作者结合Rax 0.5版本,对这些组件的特性、适用场景与性能差异进行了清晰梳理:例如水平滚动推荐scrollview,但要注意内容过多时的性能瓶颈;追求高性能的垂直长列表则应首选recyclerview。 文章不止于理论对比,更深入讲解了关键组件的实用技巧。比如,针对recyclerview中因列表数据更新导致onEndReached失效的问题,提供了使用`resetScroll`方法重置状态的解决方案。同时,它也剖析了下拉刷新(RefreshControl的放置位置)、appear事件(在滚动容器内绑定并注意性能影响)以及onScroll动画(推荐使用BindingX降低通信成本)等基础能力的实现要点。 最后,文章展示了多种典型的页面组织模式——从简单的全屏滚动、部分固定区域布局,到复杂的模块吸顶和横滑切换多页面,均给出了具体的代码结构参考。对于需要在Web与Native端实现一致滚动体验的开发者而言,这篇教程提供了从组件选择到场景落地的系统性思路。