All-in-js web ui 框架 - Alins, css-in-js

空闲时间写了一个 all-in-js 的ui框架 Alins

长什么样子以及示例程序可以参考 alins示例程序

1. 特性

Alins 是一个 All-in-js web ui 框架，具有非常高的灵活性，使用 js/ts 代码像组合积木一样将您的 dom/css/state 组合成一个 web 应用，同时对于dom和css都具有极高的响应式能力

1. 无vdom，监听数据精准修改到dom/textNode，dom节点复用
2. alins-style css-in-js方案，原子属性/积木式组合/样式响应变更
3. 良好的组件化支持
4. 支持for,if,show,switch,model控制器
5. 支持computed、watch
6. 单向数据流 + 双向绑定
7. 良好的ts支持

1 快速开始

1.1 npm

npm i alins

import {div} from 'alins';
div('Hello World!').mount();

1.2 cdn

<script src="https://cdn.jsdelivr.net/npm/alins"></script>
<script>
  Alins.div('Hello World!').mount();
</script>