前端移动框架 Saber

• 授权协议: 未知
• 开发语言: HTML/CSS
• 操作系统: 跨平台
• 软件首页: http://ecomfe.github.io/saber/
• 软件文档: http://ecomfe.github.io/saber/doc/
• 官方下载: http://ecomfe.github.io/saber/download/

软件介绍

Saber 是 模块化、组合式 的前端移动框架。

她是提供了 JavaScript 模块、CSS 样式库 与 开发平台 的完整前端解决方案。

现在，她最擅长做移动端 SPA (Single Page App) 项目。

用她开发轻应用会是个不错的主意 

示例：

访问地址：http://startupnews.duapp.com

源码地址：https://github.com/ecomfe/saber-showcase

二维码：

JavaScript 模块

JavaScript 模块是 edp 下的 AMD Package，通过edp import的方式引入。

他们的特点是：

• 细粒度拆分，每个模块专注做好自己的事情，项目中按需组合

• 抛开桌面浏览器的历史包袱，只为移动端设计，优先使用原生JavaScript

• 拥抱社区，受益于AMD规范，有众多可用的模块资源

CSS 库

Saber 的 CSS 样式库 提供了基本的 样式工具库 与 UI 样式库，请根据项目特点按需选用。

他们的特点是：

• 用Autoprefixer处理多数兼容性问题，面向 标准 CSS 开发

• 只在调用时才输出CSS代码，避免样式类污染 HTML 代码的语义

• 以npm package的形式管理版本，升级方便

rider

基于 Stylus、专注于移动端的 CSS 样式工具库。

提供了样式初始化、顺时针简写、缓动函数、图片、排版、单位转换、形状、动画、响应式工具 等功能。

rider-ui

基于rider的 UI 样式库，用于快速构建移动应用界面。

Platform

Saber 的 平台工具（edpx-mobile）是对edp功能的补充。

首次运行edp mobile开头的命令即会自动安装edpx-mobile，用法请参考使用教程。

一分钟入门

安装 edp

npm install edp -g

新建移动SPA项目

# 第一次使用mobile相关命令会自动安装edpx-mobile
edp mobile init spa

添加模块

edp mobile add /

修改模版文件

编辑src/index.tpl

启动测试服务器

edp mobile start

本文地址：https://codercto.com/soft/d/4919.html