Lightweight, easy-to-use, configurable, and extensible mobile front-end development framework.
JavaScript CSS HTML
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.

README.md

Yo

Yo ?一个纯粹的移动前端开发框架,专注为移动应用?供快速且专业的构建方式;她轻量,?用,可配置,并且具备超强的扩展?力。

v3 ?本? Yo 的一个新里程碑,?们将加入丰富的UI组件,让构建移动应用?得更简单。如果你对之前的 Yo ??不?,只?使用她的样式,v3及?续?本 仍然会满足,你只需?保?和之前的?本一样安装和使用即可,?们?供了与之对应的 pure ?本。

下面的内容可以帮你更好的了解 Yo

简介

与其?框架不?的?,实际上?们并不计?对外?供类似打包好的 yo.min.css/yo.min.js 来供使用,而?推?直接在 Yo 的标准工程目录下进行开发。这样你将?体会? Yo 的众多功?和方法为开发所带来的便?,并感受??的魅力。

起步

  • 根据 起步说? 了解 Yo 的工作原?并开始构建标准的 Yo 项目;

浏?器支?

  • iOS6.0+
  • Android4.0+
  • Latest Stable: Chrome, Safari, Opera, IE10+

注意

Yo ?了一些全局的定义,这些定义也让设计?得意思。

文档模式

为了?够让你的样式得?完整的解?,?们推?你使用 HTML5 doctype

<!DOCTYPE html>

视窗viewport

Yo 采用 Mobile First 的策略设计,首??保?移动设备上的体验,至于不?的?端,可以配?? 响应式 来?适配:

<meta name="viewport" content="initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />

如果应用需??虑手动缩放的?况,可以将 maximum-scale=1, user-scalable=no 移除;但不建议移除 minimum-scale=1,因为页面可?会被缩小?难以?读的程度。

单位

Yo 约束了2种项目所使用的长度单位

  • 所有涉及? border 的长度单位??用 px
  • border 外,所有的长度设置??用 rem 单位;

盒模型

为了让计算?得简单,?们改?了所有?素的盒模型,将其重置为 border-box。当然,也包括常用的伪?素 ::before::after

*,
::before,
::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

如果你长时间工作在 PC 平台上,这个设定可?需?一个适应的过程,但可以肯定的?,你一定会喜欢上?。

flex?局

为了让你的 flex ?局可以正常工作,请检查 flex?项 ??为块级?素?可以?式的通过 display 来定义),在??的平台及浏?器上,如果 flex?项 ?行内级?素,flex ?局将会解?错误。

实例和文档

如果你?在本地构建 Yo 的文档,只需?:

  • 安装 ydoc:npm install ydoc -g --registry=https://registry.npm.taobao.org
  • 在项目根目录下执行:ydoc build

此时,文档将会?认生??? doc 目录下。

线上?认?供的只?最新?本的文档,如果你正在使用过往?本,?可以按照这种方式直接生??本地文档。

?本

Yo 的?本方??循 SemVer 规?,?本号采用 主?本号.次?本号.修订号 的格式。?本发?周期?透?的,并尽可?保??前??兼容,您可以根据?们的语义化?本方?进行?本控?。

你可以在 releases tag 中找?当前所有已发?的稳定?本。如?查看更多?本?更历史,请查看 ChangeLog

问?及反?

如果您的项目正在使用Yo,过程中发现了任何问?,?者有任何帮助Yo更完善的?法和建议,请直接给?们? IssuesPull Requests

作者

杜瑶

YMFE Team

?本和许可

??和文档??属于 Yo 的所有开发者。??发?基于 the MIT license 开?协议。文档发?基于 Creative Commons 开?协议。