多端阅读《Omi 手册》:

  • 在PC/MAC上查看:下载w3cschool客户端,进入客户端后通过搜索当前教程手册的名称并下载,就可以查看当前离线教程文档。下载w3cschool离线版客户端
  • 在手机APP上查看:请从各大安卓应用商店、苹果App Store搜索并下载w3cschool手机客户端,在App中搜索当前教程手册的名称查看。下载w3cschool手机App端
  • 在手机上查看文档:https://m.w3cschool.cn/omi/

手册简介:

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

手册说明:

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.


更新记录:

二维码
建议反馈
二维码