Omi 教程

教程简介:

由腾讯AlloyTeam发起,由微软、腾讯、阿里等互联网公司工程师开发维护的现代化Web组件化框架。 网址:omijs.org

Omi 教程教程

手册说明:

Omi

Open and modern framework for building user interfaces.

Omi快速入口

命令行

$ npm install omi-cli -g       //安装cli
$ omi init your_project_name   //初始化项目,你也可以在一个空的文件夹下执行 omi init
$ cd your_project_name         //如果你是在空文件夹下执行的 omi init。请无视这条命令
$ npm run dev                  //开发
$ npm run dist                 //部署发布

特性

  • 超小的尺寸,7 kb (gzip)

  • 良好的兼容性,支持IE8(请自行引用 es5-shim 或 es5-sham

  • 完全面向对象的组件体系

  • 局部CSS,HTML+ Scoped CSS + JS组成可复用的组件

  • 更自由的更新,每个组件都有update方法,自由选择时机进行更新

  • 模板引擎可替换,开发者可以重写Omi.template方法来使用任意模板引擎

  • 提供了ES6+和ES5的两种开发方案供开发者自由选择

插件

通过npm安装

$ npm install omi

Hello World

你可以使用 webpack + babel,在webpack配置的module设置babel-loader,立马就能使用ES6+来编写你的web程序。

如果使用omi.lite.js版本(不包含mustache.js模板引擎)的话,也可以使用 ${this.data.name} 的方式

CDN

感谢

  • morphdom-Fast and lightweight DOM diffing/patching (no virtual DOM needed)

  • sodajs-Light weight but powerful template engine for JavaScript

  • mustache.js-Minimal templating with {{mustaches}} in JavaScript

Contributors

nameavatarscompany
CodeFallingalibaba
abell123456alibaba
AresnTalkingCoder
pasturnMars Holding
vorshenTencent
xcatliuMicrosoft
dorsywangTencent
dntzhangTencent

License

This content is released under the MIT License.

新闻动态 联系方式 广告合作 招聘英才 安科实验室 帮助与反馈 About Us

Copyright © 2013 - 2019 Ancii.com All Rights Reserved京ICP备18063983号-5 京公网安备11010802014868号