前端移动框架 Saber

码农软件 · 软件分类 · 手机Web开发框架 · 2019-05-03 10:44:41

软件介绍

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规范,有众多可用的模块资源

模块名模块说明版本文档
saber-ajaxPromise 风格的 Ajax 模块0.1.3文档
saber-cookieCookie 操作模块0.1.3文档
saber-dom静态函数风格的 DOM 工具库0.4.0文档
saber-emitter事件发射器0.5.0文档
saber-env浏览器环境检测0.4.2文档
saber-fireworkMVP 开发框架,提供完整的 SPA 解决方案0.2.6文档
saber-geo地理位置信息0.1.0文档
saber-lang语言增强模块0.3.1文档
saber-matchmedia监测 CSS 的 media queries0.1.0文档
saber-promisePromise/A+ 实现0.1.2文档
saber-routerhash 路由控制模块0.2.1文档
saber-run动画支持模块0.2.0文档
saber-scroll区域滚动支持模块0.1.2文档
saber-storage本地存储模块0.1.0文档
saber-tap浏览器无延迟点击支持模块0.1.2文档
saber-uriURI 处理模块0.1.1文档
saber-viewport页面视口管理,提供页面转场功能0.2.9文档
hammer外部模块,移动端手势库1.0.10文档
etpl适合 SPA 应用的模板引擎2.1.0文档

CSS 库

SaberCSS 样式库 提供了基本的 样式工具库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

image

新建移动SPA项目

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

image

添加模块

edp mobile add /

修改模版文件

编辑src/index.tpl

image

启动测试服务器

edp mobile start

image

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

iGen

iGen

Jean M. Twenge PhD / Atria Books / 2017-8-22 / USD 27.00

A highly readable and entertaining first look at how today’s members of iGen—the children, teens, and young adults born in the mid-1990s and later—are vastly different from their Millennial predecesso......一起来看看 《iGen》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具