整理电脑里面的前端开发中的小Tips2【及时更新】

21)在HTTP1.1标准的请求支持(同一个域名)的并行,各个浏览器的下载数为:ie6/7(2)、Firefox3、IE8(6)、Opera10/Chrome3/Safari4(4)

22)浮动元素在ie6下的使用要注意:如果不设置宽度,可能会引起问题。

23) 如果在父级元素和子级元素之间(div > p)有一个HTML注释,在IE7中, 子选择器是不会起作用的。

24)iframe的使用:iframe默认样式中有边框,隐藏使用display:none ,去掉滚动条和边框可以设置成: scrolling="no" frameborder="no" 

25)在IE6、7下button和type为submit的input的默认padding无法去掉,如果需要去掉,可以添加overflow:visible。 

26)性能优化,bigpipe 要注意的: ie6,7,8最多能引入32个CSS的文件,超过将直接被忽略

27)关于reflow:在长页面添加上 body {overflow-y: scroll},可以减少一次reflow,将元素display:none的时候然后去修改里面的内容,是不会引起reflow,然后再显示。

28)图片下方多了一点空白问题或者图片背景定位高度不对问题:设置font-size:0

29)图片垂直居中问题:一般可以设置line-height 来解决,但是在ie6,7下 必须设置font-size来解决 ,序数为高度的0.873就可以了,即font-size:height*0.873

30) 仅针对ie8 的hack的写法 \0

31) input 最好不要设置height,可以设置padding的值

32)在页面潜入iframe,如果iframe里面的对象 ,必须用 window[iframe].contentWindow 来获取,其他的就和页面的方法一样的来操作了。
33)  /*@cc_on!*/  这个是什么意思呢? 其实这个是IE特有的条件注释,其他浏览器都不认识,@cc_on 表示启动条件注释,这个在ie下就是非的意思。可以参考这篇文章 
http://blog.163.com/hjysys1314@126/blog/static/10790320820091010112116834/

34)position:relative 不适用于表格,如果要在表格中使用,可以在表格中套一个div,来设置div的postion:relative属性。

posted @   yupeng  阅读(816)  评论(1编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· [AI/GPT/综述] AI Agent的设计模式综述
点击右上角即可分享
微信分享提示