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更完善的?法和建议,请直接给?们? Issues 和 Pull Requests。
作者
杜瑶
YMFE Team
?本和许可
??和文档??属于 Yo 的所有开发者。??发?基于 the MIT license 开?协议。文档发?基于 Creative Commons 开?协议。