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

学什么东西都从hello world开始, 我也不知道为啥。 恩，先上demo代码, 然后提出问题, 之后解答问题, 最后源码说明。 hello world - demo: 先看看omi中文文档的说明： 组件生成的HTML最终会插入到#app中。上面的例子展示了Omi ...

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

组件 Omi框架完全基于组件体系设计，我们希望开发者可以像搭积木一样制作Web程序，一切皆是组件，组件也可以嵌套子组件形成新的组件，新的组件又可以当作子组件嵌套至任意组件形成新的组件... 简单组件 这里使用Todo的例子来讲解Omi组件体系的使用。 组件生成的HTML最终会插入 ...

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

原文链接 - https://github.com/AlloyTeam/omi/tree/master/tutorial 写在前面 Omi框架正式发布了omi-transform作为Omi组件化开发特效运动解决方案，让你轻松在Omi项目里快速简便支持CSS3 Transform设置。先说 ...

写在前面 相信大家对Omi应该都不陌生了，如果还有不了解的同学先看看这里。了解并使用Omi之后你会发现真的回不去了~~~ 精通Omi框架 先简单说一下吧，Omi就是一个可以快速开发项目的组件化框架，和vue／react一样为了节省生产力的。想了解Omi和vue还有react区别 ...