原文:Omi官方插件系列 - omi-transform介绍

原文链接 https: github.com AlloyTeam omi tree master tutorial 写在前面 Omi框架正式发布了omi transform作为Omi组件化开发特效运动解决方案,让你轻松在Omi项目里快速简便支持CSS Transform设置。先说说 transform.js npm上的名字是 css transform 。transform.js作为移动Web特效 ...

2017-04-05 11:02 1 1158 推荐指数:

查看详情

Omi教程-插件体系

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

Wed Mar 01 17:31:00 CST 2017 2 1060
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原理-环境搭建

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

Wed Feb 08 20:45:00 CST 2017 0 1748
Omi教程-组件

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

Fri Feb 10 17:44:00 CST 2017 0 1323
QQ日迹Omi实战开发,从0到1

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

Mon Jul 17 17:52:00 CST 2017 1 1275
Omi框架Store体系的前世今生

原文链接-https://github.com/AlloyTeam/omi Store 体系 先说说Store系统是干什么的!为什么要造这样一个东西?能够系统架构带来什么? 当我们组件之间,拥有共享的数据的时候,经常需要进行组件通讯。在Omi框架里,父组件传递数据给子组件非常方便 ...

Thu Mar 23 18:13:00 CST 2017 4 1040
Omi框架学习之旅 - 组件 及原理说明

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

Wed Mar 22 02:05:00 CST 2017 2 4544
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM