WEB前端开发面试题集锦.doc

文档介绍：WEB前端面试题整理
2021-11-16 11:20
1、列举你工作中遇到的IE6 BUG，谈谈解决方案。
3、如何用CSS分别单独定义IE6、7、8的width属性。
所有浏览器 通用
height: 100px;
IE6 收集的，除了主页外还抓取大量的内容页面。
　　6、按点击付费的搜索引擎
　　搜索引擎也需要生存，随着互联网商务的越来越成熟，收费的搜索引擎也开始大行其道。最典型的有Overture和百度，当然也包括Google的广告工程Google Adwords。越来越多的人通过搜索引擎的点击广告来定位商业网站，这里面也大有优化和排名的学问，你得学会用最少的广告投入获得最多的点击。
　　7、搜索引擎登录
　　网站做完了以后，别躺在那里等着客人从天而降。要让别人找到你，最简单的方法就是将网站提交〔submit〕到搜索引擎。如果你的是商业网站，主要的搜索引擎和目录都会要求你付费来获得收录〔比方Yahoo要299美元〕，但是好消息是〔至少到目前为止〕最大的搜索引擎Google目前还是免费，而且它主宰着60％以上的搜索市场。
　　8、链接交换和链接广泛度〔Link Popularity〕
　　网页内容都是以超文本〔Hypertext〕的方式来互相链接的，网站之间也是如此。除了搜索引擎以外，人们也每天通过不同网站之间的链接来Surfing〔“冲浪〞〕。其它网站到你的网站的链接越多，你也就会获得更多的访问量。更重要的是，你的网站的外部链接数越多，会被搜索引擎认为它的重要性越大，从而给你更高的排名。
　　9、标签的合理使用
7、我们知道可以以外链的方式引入CSS文件，请谈谈外链引入CSS有哪些方式，这些方式的性能有区别吗。
要说出CSS的引入方式，没有什么难度，但要说到为什么使用不同的引入方式，就有些学问在里面了。
CSS的引入方式最常用的有三种，
第一：在head局部参加<link  rel="stylesheet" type="text/css" href=""/>,引入外部的CSS文件。
这种方法可以说是现在占统治地位的引入方法。如同IE与浏览器。这也是最能表达CSS特点的方法；最能表达DIV+CSS中的内容与显示别离的思想，也最易改版维护，代码看起来也是最美观的一种。
第二：在head局部参加
<style type="text/css">
div{margin: 0;padding: 0;border:1px red solid;}
</style>
这种方法的使用情况要少的多，最长见得就是访问量大的门户网站。或者访问量较大的企业网站的首页。与第一种方法比起来，优点突出，弊端也明显。优点：速度快，所有的CSS控制都是针对本页面标签的，没有多余的ＣＳＳ命令；再者不用外链ＣＳＳ文件。直接在ＨＴＭＬ文档中读取样式。缺点就是改版麻烦些，单个页面显得臃肿，ＣＳＳ不能被其他ＨＴＭＬ引用造成代码量相对较多，维护也麻烦些。　但是采用这种方法的公司大多有钱，对他们来说用户量是关键，他们不缺人进行复杂的维护工作。
第三：直接在页面的标签里加　<div style="border:1px red solid;">测试信息</div>
这种方法现在用的很少，很多公司不了解前端技术的领导还对这种写法很痛恨。认为ＨＴＭＬ里不能出现ＣＳＳ命令。其实有时候使用下也没有什么大不了。比方通用性差，效果特殊，使用ＣＳＳ命令较少，并且不常改动的地方，使用这种方法反而是很好的选择。
除了这三种常用的ＣＳＳ引入方式，还有种很多人都没有见过的引入方式
<style type="text/css">
***@import url();
</style>
这就是第四种引入方式。在ＩＢＭ工作的时候，只能使用一种Ajax框架，就是ＤＯＪＯ。而ＤＯＪＯ的CSS引用，就是采用了***@import的方式。这种情况非常少，主要用在CSS文件数量庞大的负责的系统中。另外***@important本身是一个CSS命令，是放在CSS文件里的，这个跟LINK标签有很大的区别。
8、CSS Sprite是什么，谈谈这个技术的优缺点。
CSSSprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间根本是差不多的，所以无需顾忌这个问题。
加速的关键，不是降低重量，而是减少个数。传统切图讲究精细，图片规格越小越好，重量越小越好，其实规格大小无所谓，计算机统一都按byte计