4 Star 15 Fork 1

zhfjyq / wcex

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
README.md 1.23 KB
一键复制 编辑 原始数据 按行查看 历史
zhfjyq 提交于 2023-02-17 18:24 . ok

WCEX - Ui Library

持续开发中,所有代码仅供参考,可通过此项目学习使用方法。 In Development

  • 用简单的代码,写简化的逻辑,生成简捷的DOM

UI 库 可复用设计原则

组件属性和样式的分离

许多UI库调整显示效果(CSS样式)和组件逻辑(行为)混杂在一起,导致UI库提供的组件各种属性巨多,使用时需要频繁翻阅手册,极大不便。
鉴于 wcex 封装的特性,建议遵循以下原则:

1. 组件导出属性实现对逻辑、行为等进行变更。
2. 组件样式通过 :host 导出css变量或者直接修改style实现。

组件以实现结构、动作、以及逻辑为主,在处理样式上应遵循以下规则

  • 能用CSS处理的UI颜色等属性,尽量通过 :host 进行处理,便于使用者修改,因为根据优先级策略,组件自身style将会覆盖:host
  • 如涉及组件内部CSS处理, 尽量通过 css 变量在 :host 中导出,便于外部组件修改

设计原则:CAE(Cope And Edit),复制和编辑

设计原则:OPT (one piece tag ), 一件即用

组件模块标签引入,无需额外其他依赖,标签自动引入最小化所需,不会引入其他组件。
TypeScript
1
https://gitee.com/zhfjyq/wcex.git
git@gitee.com:zhfjyq/wcex.git
zhfjyq
wcex
wcex
main

搜索帮助