前端知识每日总结

认真对待每一天

每日必背单词

|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
  1. 行间不能用this
    3.事件套用函数时不能用this
    4.attachEvent不能用this

for循环 i问题

  1. 循环中加计时器
  1. 循环中加事件

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图片的使用。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,865评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,675评论 32 459
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 3,613评论 1 19
  • 她或许是有男朋友,或者是要步入婚姻的殿堂了,但她为什么没能说出来呢,我知,这一场没有结果的纠结只会给彼此带来失望与...
    jieking阅读 329评论 0 0
  • 在这之前已经搭好了CAS服务端 基于CAS的单点登录实战(1)-- 搭建cas服务器 PHP-Client# ph...
    Dapianzi_灰灰鸽阅读 3,357评论 1 0