网站前端面试题.docx

1.行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？（1）CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值，比如div默认display属性值为“block”，成为“块级”元素；span默认display属性值为“inline”，是“行内”元素。 （2）行内元素有：a b span img input select strong（强调的语气） 块级元素有：div ul ol li dl dt dd h1 h2 h3 h4p2.CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3新增伪类有那些？ * 1.id选择器（ # myid） 2.类选择器（.myclassname） 3.标签选择器（div, h1, p） 4.相邻选择器（h1 + p） 5.子选择器（ul id class tag important 比 内联优先级高CSS3新增伪类举例： p:first-of-type 选择属于其父元素的首个 元素的每个 元素。 p:last-of-type 选择属于其父元素的最后 元素的每个 元素。 p:only-of-type 选择属于其父元素唯一的 元素的每个 元素。 p:only-child 选择属于其父元素的唯一子元素的每个 元素。 p:nth-child(2) 选择属于其父元素的第二个子元素的每个 元素。 :enabled、:disabled 控制表单控件的禁用状态。:checked，单选框或复选框被选中。3. 如何居中div,如何居中一个浮动元素?举例说明。给div设置一个宽度，然后添加margin:0 auto属性 div width:200px; margin:0 auto; 居中一个浮动元素 确定容器的宽高 宽500 高 300 的层 设置层的外边距 .div Width:500px ; height:300px;/高度可以不设 Margin: -150px 0 0 -250px; position:relative;相对定位 background-color:pink;/方便看效果 left:50%; top:50%; 4. 列出display的值，说明他们的作用。position的值， relative和absolute定位原点是？ 1. block 象块类型元素一样显示。 none 缺省值。向行内元素类型一样显示。 inline-block 象行内元素一样显示，但其内容象块类型元素一样显示。 list-item 象块类型元素一样显示，并添加样式列表标记。 2. *absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 *fixed （老IE不支持） 生成绝对定位的元素，相对于浏览器窗口进行定位。 *relative 生成相对定位的元素，相对于其正常位置进行定位。 * static 默认值。没有定位，元素出现在正常的流中 *（忽略 top, bottom, left, right z-index 声明）。 * inherit 规定从父元素继承 position 属性的值。5.Ajax的最大的特点是什么。Ajax可以实现动态不刷新（局部刷新） readyState属性 状态 有5个可取值： 0=未初始化 ，1=正在加载 2=以加载，3=交互中，4=完成ajax的缺点 1、ajax不支持浏览器back按钮。2、安全问题 AJAX暴露了与服务器交互的细节。 3、对搜索引擎的支持比较弱。4、破坏了程序的异常机制。5、不容易调试。跨域： jsonp、 iframe、、window.postMessage、服务器上设置代理页面6. Jquery与jQuery UI 有啥区别？*jQuery是一个js库，主要提供的功能是选择器，属性修改和事件绑定等等。*jQuery UI则是在jQuery的基础上，利用jQuery的扩展性，设计的插件。 提供了一些常用的界面元素，诸如对话框、拖动行为、改变大小行为等等7. 如果背景是黑色，那么字体用什么颜色能突出字体，且不显得刺眼？为什么？8. 在红色中加入少量的黑色，你觉得应该是种什么感觉？9. URL指的是什么?有何作用?分为几种?有什么区别?URL是统一资源定位符，用于定位Web上的文件信息。 URL有绝对和相对之分。绝对URL就是指完整的资源地址，具体形式为：协议名称:/计算机域名/路径和文件名。一般情况下，在指定外部Internet资源时应使用绝对URL。相对URL指资源相对于当前页面的路径。使用相对URL时，一般使用点“.”和双点“.”表示当前目录和上一级目录(父目录)。在制作网站的时候，只要站点各资源的相对位置不变，就使用相对URL。 10.URL是统一资源定位符，用于定位Web上的文件信息。 URL有绝对和相对之分。绝对URL就是指完整的资源地址，具体形式为：协议名称:/计算机域名/路径和文件名。一般情况下，在指定外部 Internet资源时应使用绝对URL。相对URL指资源相对于当前页面的路径。使用相对URL时，一般使用点“.”和双点“.”表示当前目录和上一 级目录(父目录)。在制作网站的时候，只要站点各资源的相对位置不变，就使用相对URL。11.解释绝对路径与相对路径绝对路径：文件的物理路径(即资源管理器上的路径) 相对路径：相对于本页面的路径 /代表根目录 ./代表当前目录 ./代表父级目录 ./././代表当前目录的父目录的父目录12. 如何消除ul和ol列表缩进？消除ul、ol等列表的缩进时，样式应写成：list-style:none;margin:0px;padding:0px; 其中margin属性对IE有效，padding属性对FireFox有效。 注经验证，在IE中，设置margin:0px可以去除列表的上下左右缩进、空白以及列表编号或圆点，设置padding对样式没有影响；在 Firefox 中，设置margin:0px仅仅可以去除上下的空白，设置padding:0px后仅仅可以去掉左右缩进，还必须设置list- style:none才 能去除列表编号或圆点。也就是说，在IE中仅仅设置margin:0px即可达到最终效果，而在Firefox中必须同时设置margin:0px、 padding:0px以及list-style:none三项才能达到最终效果。13. js的几种数据类型？js的常见内置对象类？number,string,boolean,object,undefinedDate,Array,Math、Number、Boolean、String、Array、RegExp、Function.14.ajax同步和异步的区别?如何解决跨域问题?1. 通过异步模式，提升了用户体验2. 优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用3. Ajax在客户端运行，承担了一部分本来由服务器承担的工作，减少了大用户量下的服务器负载。15. 什么是CSS的盒子模式呢？为什么叫它是盒子？网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)， CSS盒子模式都具备这些属性。这些属性我们可以把它转移到我们日常生活中的盒子（箱子）上来理解，日常生活中所见的盒子也具有这些属性，所以叫它盒子模式。现实生活中的东西一般不能大于盒子，否则盒子会被撑坏的，而CSS盒子具有弹性，里面的东西大过盒子本身最多把它撑大，但它不会损坏的。填充只有宽度属性，可以理解为生活中盒子里的抗震辅料厚度，而边框有大小和颜色之分，我们又可以理解为生活中所见盒子的厚度以及这个盒子是用什么颜色材料做成的，边界就是该盒子与其它东西要保留多大距离。16. 列出你所知道的几种图像格式，并说出它们之间的不同点?Jpeg:颜色信息丰富，图片较大，逼真Gif:可以保留通道，图片较小，颜色位数少，可以保存动态图片Png:有png-8,png-24两种颜色位数图片，能保留通道17.介绍css样式分类外部样式表（external style sheet）内部样式表（internal style sheet）内嵌样式表 (inline style )（优先级最高）18. jS中的call()和apply()方法的区别？举例说明。例子中用 add 来替换 sub，add.call(sub,3,1) = add(3,1) ，所以运行结果为：alert(4);注意：js 中的函数其实是对象，函数名是对 Function 对象的引用。function add(a,b) alert(a+b);function sub(a,b) alert(a-b);add.call(sub,3,1); 19. http状态码有那些？分别代表是什么意思？100-199 用于指定客户端应相应的某些动作。 200-299 用于表示请求成功。 300-399 用于已经移动的文件并且常被包含在定位头信息中指定新的地址信息。 400-499 用于指出客户端的错误。400 语义有误，当前请求无法被服务器理解。401 当