Omix使用 JSX 或 hyperscript 创建用户界面
Omix —— 使用 JSX 或 hyperscript 创建用户界面。
功能特性
-
超级快的速度, 点击这里体验一下
-
超小的尺寸, 7 KB (gzip)
-
良好的兼容性 IE8
-
内置支持JSX 和 hyperscript
-
支持局部 CSS, 不用费尽心思去想选择器了,让CSS更加简单
-
更自由的更新,每个组件都有 update 方法,可以自由选择最佳更新的时机,也可和第三方库集成实现双向绑定,退可以自己手动更新。进可攻退可守
-
灵活的插件体系和丰富的插件生态
-
omi-router : Omi专属的官方Router插件.
-
omi-finger Omi的AlloyFinger插件,支持各种触摸事件和手势
-
omi-transform Omi的transformjs插件,快速方便地设置DOM的CSS3 Transform属性
-
omi-touch Omi的AlloyTouch插件,Omi项目的触摸运动解决方案(支持触摸滚动、旋转、翻页、选择等等)
-
-
喜欢模板引擎、ES6模板字符串的可以使用 Omix 的API大体相同的兄弟框架 Omi,而且上面的插件 Omi 和 Omix 都可以共享使用
使用 JSX
class Hello extends Omi.Component { render() { return <div> Hello {this.data.name}!</div> } } Omi.tag('hello', Hello) class App extends Omi.Component { install() { this.name = 'Omi' } handleClick(e) { this.name = 'Omix' this.update() } style() { return `h3{ color:red; cursor: pointer; }` } render() { return <div> <hello name={this.name}></hello> <h3 onclick={this.handleClick.bind(this)}>Scoped css and event test! click me!</h3> </div> } } Omi.render(new App(), '#container')
使用 hyperscript
const $ = Omi.tags class Hello extends Omi.Component { render() { return $.div( 'Hello' + this.data.name+'!') } } Omi.tag('hello-tag', Hello) class App extends Omi.Component { handleClick(e) { alert(e.target.innerHTML) } render() { return $.div([ $.HelloTag({name: 'Omi'}), $.h3({onclick: this.handleClick}, 'scoped css and event test! click me!') ]) } }
评论
Python 创建用户界面之 PyQt5 的使用
之前给大伙介绍了下 tkinter,有朋友希望小帅b对其它的 Python GUI 框架也说道说道,那么今天就来说说 PyQt5 如何创建用户界面。Qt 是用 C++ 写的开发工具,其中包含一个非常强大的 GUI 框架,写出来的程序可以轻松...
学习python的正确姿势
0
UIforETWETW 用户界面
UIforETW是用于记录和管理ETW(EventTracingforWindows)跟踪的用户界面。它更容易控制,比使用批处理文件和微软wprui要好得多。UIforETW还能解决很多ETW跟踪问题
UIforETWETW 用户界面
0
Click-pallets创建命令行界面
Click,全称为“CommandLineInterfaceCreationKit”,是一个 Python 包,用于创建命令行界面。只需编写少量代码,即可创建一个整洁美观的命令行界面。它是可配置的,但
Click-pallets创建命令行界面
0
用户引导界面功能
实现从用户引导界面到主界面的过渡功能。Demo流程是:1、从Splash画面过渡到引导画面;2、引导画面放置5张图片,5张图片介绍应用的功能实用点;3、用户可左右滑动图片,当滑动到最后一张时,画面出现
用户引导界面功能
0
ZUSSZK用户界面样式表
ZUSS(ZK用户界面样式表)是对CSS的扩展。ZUSS是向后兼容使用CSS的,同时延长了它的变量,混入,嵌套规则,表达式,条件内容,并与现有的CSS语法的Java方法。ZUSS(ZKUser-int
ZUSSZK用户界面样式表
0
InfernoJavaScript 用户界面库
Inferno是个轻量级同构框架,可以构建高性能的用户界面。Inferno跟经典的虚拟DOM库(React,Mithril,Cycle和Om)不一样,不需要依赖不同的DOM虚拟元素,同时会从动态内容中
InfernoJavaScript 用户界面库
0