webzen-ui v0.3.4

由web-component构成的 前端框架

Quick start

npm install webzen-ui 

Features

• table
• card
• button
• layout

Developer

# 由于web component 的 一系列 不可控因素。因此 我们每一个 组件都必须 经过三个流程

# step1：根目录的src/components 文件中。新建你的组件文件夹,用icon做一个示例
结构如下
wz-icon
	index.ts
	index.css
	index.html 引入 进行测试
# step2：component 中新开终端
npm install 
如果你的组件编写完 运行 sh build.sh 进行 编译
index.ts 变成 index.js


# step3：最终传入 core/.ts 进行引用
注意区分按需引入(import xx.js )
全量引入 (全部引入)

# step???：你的测试用例应该包括
-- 1.判断shadow dom 存不存在
-- 2.判断属性是否能够设置成功，判断属性设置之后能不能渲染出指定的dom数
-- 3.判断是否能够在50ms 渲染不大的数据
-- 4.判断工具方法是否能够生效

Docs

# 全局安装 docsify-cli 工具
npm i docsify-cli -g
# 初始化项目
docsify init ./docs
# docs  的 意思 就是在 docs 中 新开一个 端口
docsify serve docs


# _navbar.md 文件可以修改侧边栏

Todo

caiIpt.addEventListener('change', function(e) {
    console.log(e); // e.detail 为表单的值
  }) 

​

​