TAT.dnt Omi 拥抱 60FPS 的 Web 动画
In 未分类 on 2018年11月07日 by view: 3,508
0

写在前面

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

Made css3 transform super easy. Made 60 FPS easy.

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

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

TAT.dnt 使用 pasition 制作酷炫 Path 过渡动画
In 未分类 on 2017年07月03日 by view: 3,608
1

pv
pv

pasition

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

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

TAT.dnt Omi 框架 Store 体系的前世今生
In 未分类 on 2017年03月30日 by view: 2,563
1

原文链接

写在前面

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

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

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

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

TAT.dnt Omi v1.0.3 发布 – 正式支持传递 javascript 表达式
In 未分类 on 2017年03月22日 by view: 1,296
0

原文链接

写在前面

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

  • 下划线自动转驼峰, data-page-index 传到子组件就变成 this.data.pageIndex
  • data-xx 传递到子节点全都变成字符串,如 data-page-index="1"到子节点中 this.data.pageIndex 就是字符串"1"
TAT.dnt Omi v1.0 震撼发布 – 开放现代的 Web 组件化框架
In 未分类 on 2017年03月20日 by view: 2,729
4

原文链接

写在前面

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

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

TAT.dnt Omi 应用 md2site-0.5.0 发布-支持动态 markdown 拉取解析
In 未分类 on 2017年03月15日 by view: 1,141
2

写在前面

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

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

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

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

TAT.dnt Omi 命令行界面 omi-cli 发布
In 未分类 on 2017年03月09日 by view: 1,865
1

原文链接: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 的两种使用姿势:

姿势一

TAT.dnt Omi 应用 md2site 发布-markdown 转网站利器
In 未分类 on 2017年03月06日 by view: 2,461
5

写在前面

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

特性

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

Omi

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)
TAT.dnt AlloyTouch 实现下拉刷新
In 未分类 on 2017年01月09日 by view: 4,605
1

原文地址:https://github.com/AlloyTeam/AlloyTouch/wiki/Pull-to-refresh

效果展示

你也可以点击这里访问 Demo
可以点击这里查看代码