San 一个快速、轻量、灵活的 JavaScript 组件框架 - 文章教程

San 一个快速、轻量、灵活的 JavaScript 组件框架

发布于 2021-03-24 字数 2538 浏览 1309 评论 0

San 是一个 MVVM 的组件框架。它体积小巧(12K),兼容性好(IE6),性能卓越,是一个可靠、可依赖的实现响应式用户界面的解决方案。

San 一个快速、轻量、灵活的 JavaScript 组件框架

特点

HTML模版:声明式的模板,在编写视图时就像是在写一个普通的页面,更符合 HTML 开发人员的习惯。

数据驱动:修改数据,视图引擎会根据绑定关系自动刷新视图,从此摆脱手工调用 DOM API 的繁琐与可能的遗漏。

组件化:组件是数据、逻辑与视图的聚合体。通过组件,我们封装独立的功能区块,小到输入组合,大到一个页面。

高性能视图:通过修改数据的方法,视图引擎能够直接刷新需要变更的视图区域,无需进行任何检测,性能更高。

组件反解:为首屏时间优化,服务端通常直接输出HTML。我们能从现有的元素中反向解析出组件,并构建绑定关系。

体积小巧:小于17k (gzipped) 的体积,无需担心对页面下载带来负担。体积强迫症患者的福音。

良好的兼容性:通过方法修改数据的另一好处是,可以获得更好的浏览器兼容性。毕竟有时我们产品的受众用户有点死板。

模块管理自由:项目中可以任意选择 ESNext Module 或 AMD 管理模块。当然,如果你想要用全局变量也是支持的。

引用方便:支持多种引用方式:NPM、GitHub、下载、HTTP 与 HTTPS CDN,让开发和线上引用更便利。

周边

一些工具和库能够帮助你更快、更便捷地搭建自己的应用。

Router:支持 hash 和 html5 模式的 router,单页或同构的 Web 应用通常需要它。

SSR:服务端渲染框架与工具库。

Factory:组件工厂能帮助你在不同环境下更灵活的装配组件。

Store:应用状态管理套件,其理念是类似 flux 的单向流。

Update:Immutable 的对象更新库,和 san-store 配合进行应用状态数据更新。

CLI:帮助你快速搭建 San 应用的命令行工具。

Loader:San 单文件组件的 Webpack loader。

DevTools:基于 Chrome 扩展的开发者工具。

TestUtils:San 的单元测试实用工具库。

ANodeUtils:一些工具方法能够帮助你处理 ANode.

Drei:VSCode 插件。

San 一个快速、轻量、灵活的 JavaScript 组件框架

相关链接

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

2583 文章
29 评论
84935 人气
更多

推荐作者

Archangel

文章 0 评论 0

瑾夏年华

文章 2 评论 0

佚名

文章 0 评论 0

wfzeng

文章 0 评论 0

18500088356

文章 0 评论 0