Alins - all in js UI 框架, 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>

你可能感兴趣的:(javascript,javascript,ui,css)