AgileLite移动端开发框架学习笔记

黑白分明的界面风格、轻量级的框架结构、配套的 UI 组件——AgileLite 就是这样一个适合上手的移动开发框架。

你要是正好想快速搭个移动端页面,又不想从零撸起一堆样式,那 AgileLite 确实挺省事儿的。它用起来不重,也不复杂,HTML5 和 CSS3 打底,再加上点 jQuery 和小插件,基本就能跑起来了。

CSSJavaScript 的基础最好先补一补,像 盒模型DOM 操作 这些,用起来可太频繁了。你看不懂代码还真不好调样式。推荐看看 w3school 的 CSS 教程,挺系统的。

Ratchet 的组件用起来也方便,像页面切换、导航栏啥的,都有现成的。你引个 ratchet.min.css,再配上自己的 app.css,基本就能定制出你想要的样子。

嗯,FlatUI 的风格也不错,扁平化一点,看起来更现代。要是你喜欢那种清爽的视觉效果,倒可以换成它的样式文件。不过注意别样式冲突了。

JS 支持这一块也挺丰富。你可以用 iScroll 实现滑动,ArtTemplate 模板渲染,还有 agile.js 做主逻辑。写起业务逻辑来清晰不少。

如果你对 选择器 不太熟,建议看看这个文章:CSS 选择器基础笔记,里面讲得还蛮细的。

,AgileLite 比较适合做小而快的项目,不用太重的框架,但也不至于自己从头写样式。你要是刚上手前端,想练手或者做个快速原型,可以试试看。

pdf 文件大小:1023.38KB