酷笔记 > Omi前端框架 > Omi 简介

简介

Omi(读音 / [ˈomɪ] /, 汉字类似于 欧米) 是一款用于创建Web用户界面的组件化框架,开放并且现代,故得名:Omi。

其代码已托管至Github地址: https://github.com/AlloyTeam/omi

Omi框架目前最新版本为1.6.3,提供了渐进增强式的Web开发解决方案,内置完善的支持无限声明式嵌套的组件系统。概括起来包含下面优点和特性:

  • 良好的兼容性 - 兼容IE8及IE8以上版本
  • 超小的尺寸 - 7 kb (gzip) 虽然文件尺寸小
  • 面向未来的Web架构体系 - 未来DOM很快,而且越来来快! 其实现在DOM已经足够快了:)
  • 不使用虚拟DOM的问题是跨平台渲染更麻烦,Omi未来将提供omi-canvas进行跨平台渲染
  • ES6+ 和 ES5都可以 - Omi提供了ES6+和ES5的两种开发方案。你可以自有选择你喜爱的方式
  • 局部CSS - HTML+ Scoped CSS + JS组成可复用的组件。不用担心组件的CSS会污染组件外的,Omi会帮你处理好一切
  • 模板或指令系统可替换 - 默认使用soda指令系统,开发者可以重写Omi.template方法来使用任意模板引擎或者指令引擎
  • 完全面向对象 - 函数式和面向对象各有优劣,Omi使用完全的面向对象的方式来构建Web程序。而且支持使用TypeScript来编写Omi程序
  • 更自由的更新 - 每个组件都有update和updateSelf方法,自由选择你认为最佳的更新时机和最佳的更新方式。updateSelf不会更新子组件

  • 完善丰富的插件和灵活的插件体系
  • omi-router : Omi专属的官方Router插件.
  • omi-finger Omi的AlloyFinger插件,支持各种触摸事件和手势
  • omi-transform Omi的transformjs插件,快速方便地设置DOM的CSS3 Transform属性
  • omi-touch Omi的AlloyTouch插件,Omi项目的触摸运动解决方案(支持触摸滚动、旋转、翻页、选择等等)
  • omi-jquery-date-picker Omi的时间选择插件,支持各种时间或者时间区域选择