整理电脑里面的前端开发中的小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属性。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· [AI/GPT/综述] AI Agent的设计模式综述