原文:Omi教程-组件

组件 Omi框架完全基于组件体系设计,我们希望开发者可以像搭积木一样制作Web程序,一切皆是组件,组件也可以嵌套子组件形成新的组件,新的组件又可以当作子组件嵌套至任意组件形成新的组件... 简单组件 这里使用Todo的例子来讲解Omi组件体系的使用。 组件生成的HTML最终会插入到body中。上面的例子展示了Omi的部分特性: data传递: new Todo data,.. 的data可以直接提 ...

2017-02-10 09:44 0 1323 推荐指数:

查看详情

Omi教程-插件体系

插件体系 Omi是Web组件化框架,怎么又来了个插件的概念? 可以这么理解: Omi插件体系可以赋予dom元素一些能力,并且可以和组件的实例产生关联。 omi-drag 且看这个例子: 点击这里→在线试试 如上面的代码所示,通过在div上标记omi-drag,这个div就能够被用户 ...

Wed Mar 01 17:31:00 CST 2017 2 1060
Omi框架学习之旅 - 组件 及原理说明

hello world demo看完后其实基本的写法就会了。 但是omi中的组件是神马鬼?其实我也不知道组件是啥。 百度百科是这么说的: 是对数据和方法的简单封装。es6中,一个类其实也可以做到对方法和数据的封装。然后new出来的实例共享原型上的方法,至于属性最好不要共享啦, 如果需要共享 ...

Wed Mar 22 02:05:00 CST 2017 2 4544
2017年试试Web组件化框架Omi

Open and modern framework for building user interfaces. --- * Omi的Github地址[https://github.com/AlloyTeam/omi](https://github.com/AlloyTeam/omi ...

Tue Feb 07 18:45:00 CST 2017 9 2793
Omi原理-Hello Omi

Hello Omi Omi框架的每个组件都继承自Omi.Component,本篇会去完成Omi的Component的基本锥形,让其能够渲染第一个组件omi.js实现 Omi.getInstanceId 用来给每个组件生成自增的ID Omi.render 用来把组件渲染到页面 ...

Thu Feb 09 18:43:00 CST 2017 1 1254
omi-cli新版发布-升级webpack2和支持sass生成组件局部CSS

写在前面 omi-cli是Omi的命令行工具。在v0.1.X以及之前版本中,生成出来的项目脚手架 是基于webpack1的。由于: webpack1不支持tree-shaking,webpack2 支持tree-shaking webpack1不支持 sass-loader ...

Thu Mar 16 16:32:00 CST 2017 0 1530
Omi v1.0震撼发布 - 开放现代的Web组件化框架

原文链接--https://github.com/AlloyTeam/omi 写在前面 Omi框架经过几十个版本的迭代,越来越简便易用和强大。 经过周末的连续通宵加班加点,Omi v1.0版本终于问世。虽然版本遵循小步快跑、频繁迭代,但是Omi团队成员都有着克制之心,处女座占了半壁江山 ...

Mon Mar 20 18:15:00 CST 2017 4 2601
Omi原理-环境搭建

环境搭建 Omi框架使用 Webpack + ES6 的方式去开发;使用karma+jasmine来作为Omi的测试工具。 Karma介绍 Karma是一个基于Node.js的JavaScript测试执行过程管理工具(Test Runner)。该工具可用于测试所有主流Web浏览器,也可集成 ...

Wed Feb 08 20:45:00 CST 2017 0 1748
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM