响应式多列布局JS库
各维度得分依据公开资料与字段推算,加权后即综合评分,仅供参考。
Savvior 是一个前端 JavaScript 多列网格布局工具,定位为 Salvattore 或 jQuery Masonry 的替代方案。它强调不使用 CSS 驱动配置,也不依赖绝对定位,而是通过 JavaScript 传入元素选择器和媒体查询配置,在不同屏幕宽度下生成不同列数的响应式布局。
从功能看,Savvior 适合图片墙、作品集、内容卡片流等多列场景。开发者需要准备基础 CSS,例如 .column 浮动和不同列宽类,然后调用 savvior.init('#myGrid', {...}) 初始化。它支持 ready() 查询实例状态,支持 destroy() 销毁全部或指定实例,并通过 savvior:init、savvior:redraw、savvior:restore 等事件与外部逻辑交互。体积约 1.96 kB minified + gzipped,对性能友好。
该库面向浏览器端 JavaScript,依赖 window.matchMedia 和 enquire.js,IE9 场景还需要 media-match.js polyfill。它兼容现代浏览器和 IE9+,并支持 AMD,可用于 RequireJS 项目,也能配合 Modernizr 异步加载。文档给出了 CSS、同步加载、AMD 加载、Modernizr 加载、初始化和事件示例,基础接入信息充分;但缺少 npm、许可证、版本维护、完整 API 参数和框架集成说明。
正文未出现定价、订阅或商业授权信息。页面提到项目可在 GitHub issue queue 中反馈问题和贡献,说明其更像开源前端库,但许可证没有在抓取文本中明确。
优点是轻量、初始化时机可控、配置直观,且事件机制利于在动态页面中联动。缺点是仍需开发者手写配套 CSS,并处理 enquire.js、matchMedia polyfill 等依赖;同时生态和维护状态信息不足。它更适合传统网站、静态页面或 RequireJS 项目中需要简单响应式多列布局的前端开发者。
仅凭正文无法判断 savvior.org、GitHub 或相关依赖在中国大陆的实际访问稳定性,标记为未知。若访问 GitHub 受限,可考虑将脚本和依赖下载后自托管;替代品包括 Salvattore 和 jQuery Masonry。
本测评基于公开资料整理,不构成购买建议,请以 savvior.org 官网实际信息为准。
开源前端库,可替代 Masonry 类布局。
评分明细(分布与用户短评)接入中。当前展示 TG4G 综合评分,数据源自公开测评与用户反馈。