博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Ant Design Mobile 2.0 beta 发布
阅读量:6935 次
发布时间:2019-06-27

本文共 1685 字,大约阅读时间需要 5 分钟。

image | center

antd-mobile@1.0 发布已半年多, 历经 26 个版本迭代,解决并关闭了几百个 issue, 在阿里巴巴十八周岁生日这天,我们也很高兴的宣布:

更轻量,更易用,性能更好 的 正式开始 beta 阶段。

What’s better ?

1. 零配置,开箱即用 ?

的用户可能深有体会,v1 出于移动业务的需求集成了高清方案,svg sprite 等高级特性,但强依赖构建配置的方式急剧提升了上手和使用复杂度。好消息是,经过整体重构,v2 已无需任何配置,效果如下:

// install depsnpm install antd-mobile@next// import component and style import { Button } from 'antd-mobile';import 'antd-mobile/dist/antd-mobile.css';// here you goReactDOM.render(, mountNode);

做了什么黑魔法呢 ?

  • 内置了 hairline mixin 实现 1px 线,可兼容 viewport 缩放与不缩放。
  • 简化并 inline 了 svg sprite 逻辑,无需 svg-sprite-loadr
  • 修改了 react-native 组件引用, 无需 webpack.resolve 配置。
  • 新增单位变量 @hd,以适用于不同适配方案。

那 v2 是否支持业务自行添加缩放高清方案?1.x 的项目又是否能平滑迁移?

答案是 Yes. 得益于 antd-mobile v2 渐进增强的哲学和实现方式。1.x 项目升级成本相当小,详见

2. 体积显著减小,更轻量 ️

版本 antd-mobile.min.js 体积 components 体积 / 占比 node_modules 体积 / 占比
1.6.5 568.4k 142k / 24.9% 426k / 74.9%
2.0.0-alpha.13 467.4k 136k / 29.0% 331k / 70.8%

v2 共 47+ 组件,umd bundle 体积比 1.x 小了 101Kb, 即总体积下降了 17.8% ?

更多详情请查看

呵呵,你们是不是精简了功能?

No. 所有的体积减少都来自于对底层依赖的全面重构和精简,包括但不限于重构去除了 moment.js 依赖,用自产的轻量级手势库 完全替换了 hamemr.js。

3. 性能更好,C 端业务更友好 ?

在 React 被应用到移动端之后,体积和性能一直是一个存在讨论的点,因此当社区出现 preact 这类体积更小,性能更佳的替代者,很多 C 端业务迫切想切换过来,so:

antd-mobile 作为基础 UI 组件库已经支持无缝迁移到 preact。

经过严密的测试,antd-mobile 自身已经根据 preact 进行了酌情的重构和兼容,至此我们的 已经全部运行在 之上 !

What’s New ?

  • 新增了 , 组件
  • 重写了 TabBar, Tabs , 更灵活功能更强大的 Api,如支持 sticky header 等。
  • Grid 重构,支持高度自适应和固定正方形两种布局模式。
  • Popup 组件废弃并收拢作为 Modal 的一种子模式,解决了 v1 困扰已久的 Popup 内容无法更新的问题。
  • antd-mobile 不再针对设备平台自动切换样式,默认采用 ios 风格,支持用户通过 platform api 切换为 android 设计风格。
  • 所有文档完成国际化翻译,see 。

完整变更请看

What’s Next?

  • 持续在 preact 适配和体积瘦身,依赖精简上下功夫。
  • 着手对所有组件的动画性能和渲染性能做优化。
  • 协助 koi 和 业务升級。

相关信息

  • beta 官网:
  • 升级指南:
  • 更新日志:
  • issue:
  • github:

感谢所有 contributor 和反馈问题的用户们,任何疑问和反馈请联系我们:

xLsVBxiFHWcHyLcEeSJr.jpg

EOF.

转载地址:http://iyznl.baihongyu.com/

你可能感兴趣的文章
安装zookeeper
查看>>
FFmpeg-20160422-snapshot-bin
查看>>
C 语言复杂声明
查看>>
IOS 二张图片合并
查看>>
【java】在分页查询结果中对最后的结果集List进行操作add()或remove()操作,报错:java.lang.UnsupportedOperationException...
查看>>
CentOS系统环境下安装MongoDB
查看>>
LeetCode 3. Longest Substring Without Repeating Characters
查看>>
安卓模拟器BlueStacks 安装使用教程(图解)
查看>>
Hadoop YARN学习之Hadoop框架演进历史简述
查看>>
C++中友元类使用场合
查看>>
Laravel5.5的异常捕获和处理
查看>>
large graph挖掘的技术基础
查看>>
Tips_发送请求时添加一个随机数参数,让浏览器每次都重新发请求到服务器
查看>>
检验重复字母代码
查看>>
SQL Server 2012 安装杂谈
查看>>
[训练日志] 7月22-31日
查看>>
Html转义字符列表
查看>>
2、cocos2d-js引擎的安装和新建
查看>>
bithrtree
查看>>
01 C语言程序设计--01 C语言基础--第3章 基本数据类型01
查看>>