所需要研究是布局:
1.横向布局;
2.竖向布局;
web移动端布局:
1.rem布局;
-
一般这俩连起来用比较方便,flexbox负责处理页面布局,然后上rem搞定一些flexbox照顾不到的地方;
-
rem单独用的话也可以,但是它只是负责处理尺寸的适配问题(相当于解决“伸缩布局”的“伸缩”),布局还是要上传统布局的;
-
rem的大小取决于html节点的font-size大小,用的时候先按照设计稿的大小计算出一套rem值,然后在css里加入不同的媒体适配断点和对应的font-size,实现伸缩;
2.flex布局;
前端头部布局,导航栏的布局,知乎。
https://zhuanlan.zhihu.com/p/25395481
vue.js学习
role属性、cursor、aria-label:http://www.cnblogs.com/dingyuanxin/p/4052518.html
如何清除浏览器默认属性
float清除浮动
各类浏览器的hack
a标签作为logo的做法、ul、li的方式、<span>标签的使用、<b>标签的使用、各种各样的导航栏以及底部的固定、
JS作为前端基本应用的掌握:下拉菜单、抽屉形状的折叠菜单、复选框(联动)、用jQuery实现基本动作、倒立的小三角、实现动画的基本操作、position定位的起点问题、百度地图的开发、添加icon小图标。
h5所有标签的认知和记录(nav等等、tabel。这些标签的应用以及相对应的属性及使用场景)、玩转css、移动界面的list表单、图片的插入及设置。
张鑫旭的博客。