前端知识每日总结

认真对待每一天

每日必背单词

|1.uninstall 卸载； | 2.setup 设置； | 3.paste 张贴|4.exit 退出；|
| ------------- | :-------------: | -----: |
| 5.monitor 监视器 |6.keyboard 键盘；|7.install 安装；|8.cut 剪切；|
|9.copy 拷贝; |||10.edit 编辑；|

gitbub 命令行

1.把项目档下来 git clone 项目网址；
2.打开下载下来的文件夹，把要上传的项目拖进来
3.用 git add . 上传
4.用 git status 检测能不能上传
5.用 git commit - m"说明"
6.用 git push 上传

---

this问题

1. 定时器中不能使用this

2. 行间不能用this
   3.事件套用函数时不能用this
   4.attachEvent不能用this

---

for循环 i问题

1. 循环中加计时器

2. 循环中加事件

---

css兼容2

1. 换行或空格产生的兼容问题

概念：在两个input标签，或者input与span标签之间，会产生多余3个像素空格的问题
原理：在ff,chrome当中（在IE上会屏蔽掉）会将代码中的换行或空格解析为==空文本节点==
解决方法：
1.不换行；
2.设置父级块的大小为0；
3.设置margin-left为-3像素

---

2.margin-top值叠加问题

概念：两个或多个毗邻的普通流中的块元素垂直方向上的 margin 会折叠
解决方法：
1、修改父元素的高度，增加padding-top样式模拟
（padding-top：1px；常用）
2、为父元素添加overflow：hidden；样式即可（完美）
3、为父元素或者子元素声明浮动（float：left；可用）
4、为父元素添加border（border:1px solid transparent；可用）
5、为父元素或者子元素声明绝对定位

---

3.掌握针对IE6浏览器的标准

透明rgba与opacity
使用IE6当中的滤镜filter替代掉，如：opacity:0.6;filter:alpha(opacity=60)。
table标签当中border-color属性设置无效
运用CSS样式进行控制，而不是使用属性进行样式的处理。a标签hover不适用于所有标签
png格式图片
使用javascript进行处理；或者使用gif、jpg图像替代掉png图片的使用。