写在前面

Omi 框架 正式发布了 → omi-transform。

Made css3 transform super easy. Made 60 FPS easy.

作为 Omi 组件化开发特效运动解决方案，让你轻松在 Omi 项目里快速简便支持 CSS3 Transform 设置。css3transform 是经受过海量项目洗礼的，作为移动 Web 特效解决方案，在微信、手 Q 兴趣部落、日迹、QQ 群、QQ 附近等项目中广泛使用，以激进的修改 DOM 属性为代价，带来极为便利的可编程性。

你可以通过 css3transform 官方首页快速了解它。

pasition

Pasition - Path Transition with little JS code, render to anywhere - 超小尺寸的 Path 过渡动画类库

• Github 源代码
• 在线演示

最近和贝塞尔曲线杠上了，如 curvejs 和 pasition 都是贝塞尔曲线的应用案例，未来还有一款和贝塞尔曲线相关的开源的东西，暂时保密。

原文链接

写在前面

先说说 Store 系统是干什么的！为什么要造这样一个东西？能够给系统架构带来什么？

当我们组件之间，拥有共享的数据的时候，经常需要进行组件通讯。在 Omi 框架里，父组件传递数据给子组件非常方便：

• 通过在组件上声明 data-* 或者 :data-* 传递给子节点
• 通过在组件上声明 data 或者 :data 传递给子节点（支持复杂数据类型的映射）
• 声明 group-data 把数组里的 data 传给一堆组件传递（支持复杂数据类型的映射）

注：上面带有冒号的是传递 javascript 表达式

原文链接

写在前面

Omi 框架可以通过在组件上声明 data-* 把属性传递给子节点。
Omi 从设计之初，就是往标准的 DOM 标签的标准传递方式靠齐。比如：

• 下划线自动转驼峰， data-page-index 传到子组件就变成 this.data.pageIndex
• data-xx 传递到子节点全都变成字符串，如 data-page-index="1"到子节点中 this.data.pageIndex 就是字符串"1"

原文链接

写在前面

Omi 框架经过几十个版本的迭代，越来越简便易用和强大。
经过周末的连续通宵加班加点，Omi v1.0 版本终于问世。虽然版本遵循小步快跑、频繁迭代，但是 Omi 团队成员都有着克制之心，处女座占了半壁江山，所以 Omi 的 API 除了增量的 API，其他的历史 API 没有任何变化。

• Github：https://github.com/AlloyTeam/omi

废话不多说，这就为大家介绍到目前 1.0 版本为止，关于 Omi，你必须知道的点点滴滴。

写在前面

Md2site 是基于 Omi 的一款 Markdown 转网站工具，使用简单，生成的文件轻巧，功能强大。

• 官网：http://alloyteam.github.io/omi/md2site/
• Github: https://github.com/AlloyTeam/omi/tree/master/md2site
• 真实案例:http://alloyteam.github.io/omi/website/docs-cn.html

在使用之前的版本的时候，你会发现体验非常好？为什么非常好？因为页面间的切换是无刷新！
无刷新的原理就是，所有的 markdown 都会被 webpack 打包到 js 里，只要在 js 动态 require 就行。

这样带来的一个问题便是：如果有海量的 markdown 的时候，首次加载的时间非常长。

怎么解决？支持动态拉取和解析 markdown~~

原文链接：https://github.com/AlloyTeam/omi/blob/master/docs/deep_in/cn_omi-cli.md

写在前面

通常认为，命令行界面（CLI）没有图形用户界面（GUI）那么方便用户操作。但是 CLI 比 GUI 节约资源，在熟悉命令之后，CLI 会比 GUI 更加高效地帮你完成想要的任务。

Omi CLI 地址: omi-cli

下面来介绍下 pasturn 童鞋为 Omi 开发的 CLI 的两种使用姿势：

姿势一

写在前面

Md2site 是基于 Omi 的一款 Markdown 转网站工具，使用简单，生成的文件轻巧，功能强大。
当我们想把一堆 markdown 文档转成网站时，你可能有许多选择，倘若选择 md2site ，你一定会爱上她。

• 官网：http://alloyteam.github.io/omi/md2site/
• Github: https://github.com/AlloyTeam/omi/tree/master/md2site
• 真实案例:http://alloyteam.github.io/omi/website/docs-cn.html

特性

• 超轻巧，生成的网站除了 Omi 不依赖其他第三方库，超级小的尺寸让你加载更快
• 完整支持 Markdown，使用 markdown 写你的文档或者网站，完整支持 markdown 所有语法
• 响应式，生成的网站是响应式的，手机和 PC 都有不错的阅读体验
• 多语言，天生支持多语言，只需增加修改配置便可。让世界了解你的网站
• 代码美，请记住: 不仅仅是代码高亮，使用 md2site 轻松可以让代码内的某些代码高亮
• 超方便，npm run dev 预览，npm run dist 一键生成网站。不满足现有布局或样式可轻松进行二次开发

Open and modern framework for building user interfaces.

• Omi 的 Github 地址 https://github.com/AlloyTeam/omi
• 如果想体验一下 Omi 框架，可以访问 Omi Playground
• 如果想使用 Omi 框架或者开发完善 Omi 框架，可以访问 Omi 使用文档
• 如果你想获得更佳的阅读体验，可以访问 Docs Website
• 如果你懒得搭建项目脚手架，可以试试 omi-cli
• 如果你有 Omi 相关的问题可以 New issue
• 如果想更加方便的交流关于 Omi 的一切可以加入 QQ 的 Omi 交流群 (256426170)