有好的网站推荐一下吗,wordpress 手机悬浮,长治做网站的公司,亳州建设机械网站最近造了个js框架 Alins#xff0c;分享一下#xff1a; #x1f680; Alins: 最纯粹优雅的WebUI框架
English | 文档 | 演练场 | 更新日志 | 反馈错误/缺漏 | Gitee | 留言板
0 简介
0.1 前言
Alins是一款极致纯粹、简洁、优雅的Web UI框架。秉持0-API、Less is More 的…最近造了个js框架 Alins分享一下 Alins: 最纯粹优雅的WebUI框架
English | 文档 | 演练场 | 更新日志 | 反馈错误/缺漏 | Gitee | 留言板
0 简介
0.1 前言
Alins是一款极致纯粹、简洁、优雅的Web UI框架。秉持0-API、Less is More 的开发理念旨在帮助开发者摆脱UI框架繁杂的API调用困境以最直观、最纯粹、最贴近vanillajs的开发方式。
您只需要了解jsx的书写规则类似html的语法便可以没有任何阻碍的开发 alins web应用下面是一个最基本的计数器示例你可以在演练场中在线体验
let count 1;
button onclick{count} $mount#Appcount is {count}
/button;0.2 特性 0-API、Less is More最贴近原生js开发 强大的响应式能力支持属性、样式、文本、html等元素的响应式更新 具有极高的性能优于Vue3、React 未使用vdom直接细粒度变更UI 具有极小的运行时体积和打包体积优于Vue3、React 支持双向数据绑定支持组件开发遵循单项数据流 内置数据共享方案可以轻松的管理组件共享数据 丰富的周边生态支持支持 vite、rollup、webpack、esbuild等插件同时可以基于底层编译模块定制第三方工具 支持if、switch逻辑同时支持 If、Switch、For等逻辑组件 支持自定义渲染器实现跨平台开发 使用jsx、tsx描述UI内置typescript编译支持 使用ts开发高度友好的类型支持
0.3 TODO
以下周边工具正在开发中也希望感兴趣的开发者可以一起参与进来 alins-router单页面应用程序路由方案 alins-ssr服务端渲染方案 alins-ui官方UI库 考虑实现ant-design或者meterial-design alins-v官方表单验证库 alins-term基于自定义渲染器开发命令行应用程序的工具 alins-canvas: 基于自定义渲染器开发使用canvas渲染ui的应用程序的工具
1 快速开始
1.1 命令行创建
npm create alins按照步骤执行完成之后执行以下命令便可以安装运行起来了
cd project
npm i
npm run dev您也可以直接克隆 模版代码仓库
1.2 使用Web编译器
script srchttps://cdn.jsdelivr.net/npm/alins-compiler-web/script
script typetext/alins let count 1;button onclick{count} $$bodycount is {count}/button;
/script注
该方式不建议在生产环境使用可以使用 type‘text/babel’这样可以获得编辑器自带的语法高亮
您也可以在 演练场 中自由使用演练场也是使用Web编译器
2 比较
2.1 js-framework-benchmark 数据 注分数越低表示性能越好
2.2 代码对比 2.3 编译产物对比 综合源码体积、打包代码体积和框架运行时体积整理出表格
指标alinsvue3react源码体积90byte281byte302byte编译产物体积140byte620byte435byte运行时体积26.6kb474kb139kb体积评分1.242.741.52运行时性能1.361.451.54内存占用评分2.773.303.28
注该比较仅针对当前计数器示例仅作参考
3 文档
请参考以下在线文档
English | 中文
