阿里实习第一周过去了

来杭州快一个星期了，至今还没有安顿好，还得借宿人家一周才能入住我的小屋。本来多么盼望的实习生活，现在变得让我不那么盼望了。周六写周报，发现只能写一点点点，不过还是有收获的。用这周的总结来开我的新博客吧

没有破冰

据说破冰很没节操，还好我们部门没进行，不过，这样让我很尴尬啊，至今和大家都不熟悉。

一周收获

熟悉了内部的各个项目，编码规范，第一第二天是看kissy的编码规范，不过看了2天实在看不进去，于是就招师兄要事情干了。同事把移动端的项目框架看了一些。

果真，要搭建一个给力的框架还是很复杂的。还好之前我git\grunt之类的都装好了接触过，git使用还算熟悉，所以也没啥折腾的。

写代码

第三天师兄给我布置了一个任务，根据需求图片写一个页面，我一看，这挺简单的（写到今天还没搞定），就接下来了。中途还修了一个项目首页的小bug，熟悉了tms。

不过真正的工作才刚刚开始，花了半天写了样式和html，又花了一天写了javascript完成了大部分的交互，结果今天师兄问我浏览器兼容做了没。我说没，他说赶紧做，尤其要兼容IE。（掩面哭泣啊！）看着另一个实习生郁森，做移动端只要测安卓和ios，好爽，还拿到一台ios测试机。iphone 5c。（再次掩面）

坑爹IE

因为用户可能是IE重度患者，所以要对IE重点测试，结果就让我哭了。IE 8有细节出错，js执行有问题，IE6 7 直接就是错位了。

后来经过仔细的检查和纠错，发现了几个注意点

  1. 一定要注意写好高度和宽度
  2. 漏写了一个浮动在IE下就挂了
  3. IE清除浮动方式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

.clearfix:after {
	content: "."; 
	display: block; 
	clear: both; 
	overflow:hiddden; 
	visibility: hidden; 
	height: 0;
	zoom:1;/* only for IE6.7 因为他们haslayout，ie8以后和标准浏览器都弱化了haslayout */
}

.clearfix{
	display: inline-block;
}

* html .clearfix {
	height: 1%;/* Hides from IE-mac */
}

据说还有一种清除浮动的方式，没有做过试验
可以兼容 IE6 IE7 IE8 IE9 IE10 谷歌 火狐 以及其它流行浏览器

1
2
3

.parent{
	display:table;
}

IE678 下，如果父层元素下级元素有position:relative;属性，那overflow:hidden;就不能生效。

仓促笔记，睡了，安。