ziki v0.1.1

ziki 优雅的写 web 应用

快速开始：下载项目模板以快速开始一个应用

git clone https://e.coding.net/worksite/ziki/ziki-basic-project-template.git
&& 
cd ziki-basic-project-template
&&
pnpm install
&&
pnpm run dev

创建元素

import { createElement, styledComponent } from 'ziki'
import { css } from '@emotion/css'


const element1 = createElement('div')

// use styled component
const Element2 = styledComponent('div', css`
	// write css ..
`)
const element2 = Element2()

设置属性

createElement('div', { textContent: 'div view'})

createElement('div')
	.textContent('div view')

设置样式

const Container = styledComponent('div', css`
	font-size: 12px;
`)
const container1 = Container() // with style
const container2 = Container() // with style

// set style inline
createElement('div')
	.fontSize('12px')
	.color('white')

Container()
	.fontSize('12px')

添加事件

Container()
	.addEventListener('click', ({self, evt}) => {
  	console.log('click handler', self, evt)
	})

获取属性

const el = createElement('input', { value: '123' })
console.log(el.get('value'))