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

Question

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

特点

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 插件。

相关链接

• 项目地址：https://github.com/baidu/san
• 帮助文档：https://www.wenjiangs.com/docs/san-docs