第一次使用框架-amaze UI

第一次使用框架开发

感觉确实比自己手写代码简单多了

这次接触到的是amaze UI

类似于bootstrap

不过比bootstrap更加轻量级

可以用来开发响应式网站，并且是移动优先的，针对移动设备开发的网站可以考虑使用这个框架

昨天下午学习的是css中的网格

首先要对框架的命名规则有所了解

然后自己在使用框架开发的过程中也根据框架的命名规则来给自己的代码命名

.am-g表示行

.am-u-sm-n表示列

比如am-u-sm/md/lg-n

这个类中 am是amaze的意思 u是unite的意思可以理解成网格

sm代表small是手机屏幕

md是Middle 代表平板等的屏幕

lg是pc的屏幕 large的意思

n代表比例

n/12 整个屏幕被分成12份儿

-webkit是适用于safari或者chrome的

-moz是firfox的浏览器

通过网格系统可以做到

屏幕变小或者变大的时候

1.隐藏某一行

2.换列的比例

3.调整成两行

4.不变

等等

我在使用框架或者插件的时候遇到的一些问题：

1.JS在引用的时候应该注意引用的顺序，顺序不合适可能导致错误

比如 Jquery一般应该在别的js文件之前

因为别的js文件可能引用了JQ

2.注意选择器的优先级

3.IE浏览器debug注意下兼容模式与否，IE8，IE9，IE10，IE11

第一次使用框架-amaze UI相关推荐

开源的HTML5前端框架Amaze UI发布，推进mobile first前端Web方案
2014年6月,云适配发布了开源的HTML5前端框架Amaze UI,目前处于内测期.根据Amaze UI的官网介绍,该框架的特点是mobile first,解决Web应用从PC向多屏适配的问题,兼容 ...
陈本峰：HTML5跨屏前端框架Amaze UI的开源之道
编者按 \\ 对陈本峰的采访,源于技术圈内的一个饭局,虽然大家对他的云适配创业经历很感兴趣,但是他却在自我介绍中反复提到了"开源"和"Amaze UI",言谈举 ...
html5 跨屏框架,Amaze UI优秀案例：跨屏H5前端框架
Amaze UI 自上线以来,从一个纯粹的基于HTML5的开源框架产品到拥有丰富Web 组件和模板,吸引了国内外众多开发者的关注.在Github上,Amaze UI已经收获将近3000个Star,并一 ...
跨屏html ui,Amaze UI(HTML5 跨屏前端框架) v2.7.2
Amaze UI 2.7.2 更新日志:2016-08-17 JS: Improved #900 处理Modal元素停止冒泡引发的使用不变问题: Improved #901 调整Tabs样式,适应元素 ...
H5应用开发大赛落幕 Amaze UI作品榜上有名
近日,由华为和云适配联合主办的HTML5移动应用开发大赛颁奖典礼圆满落幕.其中个人开发者郑张宽所设计的企业IM应用"PenPen"因其使用HTML5开发出良好的用户体验荣获冠军.除 ...
【框架】amaze ui学习（一）
最近在看amazeui (妹子 UI ),最大的感觉就是移动端优先和扁平化的风格(和bootstrap很像). 简介: 为移动而生 Amaze UI 以移动优先(Mobile first)为理念,从小 ...
Amaze UI框架搭建
开始使用Amaze UI 1.获取Amaze UI 1.1下载文件首先打开百度输入:Amaze UI -->找到Amaze UI官网 -->点击开始使用 -->下载文件 ...
[Amaze UI] 如何推进 mobile first 的前端 Web 方案
背景:云适配创立之初,我们就开始积累自己的前端框架,同时也借鉴了Bootstrap等国外框架的优点.在内部使用过程中,大家一致反映不错,我们就希望把这个产品开源,希望分享给更多的人,也希望更多的人来贡 ...
有了bootstrap，为什么还要做amaze ui
一般来说,bootstrap只是对HTML增加了CSS进行美化. 而amaze ui则在bootstrap美化的基础上,主要增加JS添加了动态,以及更多样式. 例如 1 <button type ...

第一次使用框架-amaze UI

第一次使用框架-amaze UI相关推荐

最新文章

热门文章