Web项目中经常会遇到的一些很实际的问题
这是一个会持续更新的文字,专门搜集一些我在项目中遇到的一些比较实际的问题以及解决方案。没什么技术含量,但是很实用。1、<base target="_blank"/>的使用。加在<head></head>之间,有了这段代码,<a></a>就不必再定义target="_blank"属性。看似很小的一段代码,却可以为页面节省大量的冗余代码。尤其是<a></a>超多的时候(首页、列表页)。如果<a></a>,对于个别的<a></a>,如果不想在新窗口打开,可以再加上target属性,例如target="_self"。【作用:网页优化,减少页面代码量,为页面瘦身】
2、overflow:hidden的使用。在有的列表页里,某些CSS样式虽然定义了height和width,但是有时候仍然会撑开。遇到这样的情况,只要在CSS里加上overflow:hidden就好了。其实我建议的是美工在切图的时候,为每一个大块的div都加上height、width、overflow:hidden这3个属性,这样页面就不会乱掉了。【作用:保持页面布局,使得页面不会乱掉】
3、CSS中background-position的使用。看淘宝、新蛋等一些网站,研究一下他们的背景图片,会发现他们会把许多小图片整合到一张图片中,之后用background-position来控制使用哪一部分的背景。这样做的好处是:假设你有10个不同背景图片,如果不放在一起,那么在打开页面时,会对服务器发出10次请求,如果放在1张图片中,那么请求一次就OK了,减轻了服务器的压力。另外,能尽可能的把CSS和JS代码写到单独的文件中,而不是直接写到代码中,也是极力推荐的方法,这样用户浏览页面时,只需要在第一次浏览时下载那些文件,以后再浏览,就会在缓冲中调取那些文件,同样大大的减轻了服务器的压力。【作用:网页优化,减少对服务器的请求及减轻服务器的压力】
页:
[1]