实例介绍
【实例简介】
Web前端开发工程师经典面试题（附参考答案）
CSS3支持下列哪一个标签?(A) A box-shadow B border C background D. display >把鼠标移到按钮并点击时,会产生一串什么样的事件?(D) A. active hove focus B foucs hove active C. hove active foucus D hover focus active >以下位于<head>间的代码片段是做什么用的(B) 1 <meta name="viewport"content="width=device-Width, initial-scale=1"> A.使得页面编码合乎要求 B.表示支持响应式设计 C.支持正常的绘制和缩放 D.表示针对滚屏进行适当的适配 下面关于、FF下面CSS的解释区别描述正确的有?(C、D) 八. FireFox的dⅳ的内嵌di可以把父级的高度撑大,而|6.0不可以,要自己设置高度。 B.当设置为三列布局时, FireFox0的 float宽度不能达到100%,而l6.可以。当设置为 两列布局时,两种浏览器都可以。 C.火狐浏览器中,非 float的di前面有同一父级的foat的dV,此di若有背景图,要使 用 clear:both,才能显示背景图,而60中不用使用 clear:both D.在[text- decoration: underline]的属性下,6.0显示的下划线会比 FireFox低一点。 在 FireFox中,部分笔画会在下划线的下面1个象素左右。 极客学院 页码:3/21 jikexueyuan. com 在使用tabe表现数据时,有时候表现出来的会比自己实际设置的宽度要宽,为此需 要设置下面哪些属性值?(A、D) A cellpadding=0 B padding: O C. margin: O D. cellspacing=”0 在 bootstrap中,关于导航条,下列说法正确的是?(A、B、C、D) A.应该将被包裹的元素放到na∨bar-co|apse类中 B.表单应该放置于 nayar-form内 C.可以使用 navbar-ef和 navan-ght来对齐导航条 D.可以使用 navbar-fixed-top和 navbar- fixed-boom来将导航条固定到顶部或底部 嵌入在HTML文档中的图像格式可以是?(A、C、D) A * gif 米tf C. bmp D. jpg 下列js可以让一个 input的背景颜色变成红色的是?(A A inputElement style backgroundColor =red B. inputelement backgroundColor = red C. inputElement style backgroundColor=#oooO D. inputElement backgroundColor=#oooo 极客学院 页码:4/21 iikexueyuan. com 元素的at和tte有什么异同,选出正确的说法?(B) A.不同的浏览器,表现一样 B.at和tite同时设置的时候,at作为图片的替代文字出现,tite是图片的解释文字 C.a和tite同时设置的时候,tite作为图片的替代文字出现,at是图片的解释文字 D.以上说法都不正确 在不涉及样式情况下页面元素的优先显示与结构摆放顺序无关。请判断这句话的正 确与否。(B) A.对 B.错 下列哪个操作是W3c标准定义的阻止事件向父容器传递:(C) A epreventDefault( B. e. cancelBubble=true C. e. stopPropagationo D e.stoplmmediatePropagationo 对于 border- radius标签,说法镨误的是(B) A.表示圆角边框 B.|E8支持良好 C.|E9支持良好 D. firefox支持良好 ≯下述有关css属性 position的属性值的描述,说法错误的是?(B) A. static:没有定位,元素出现在正常的流中 B. fixed:生成绝对定位的元素,相对于父元素进行定位 C. relative:生成相对定位的元素,相对于元素本身正常位置进行定位。 D. absolute:生成绝对定位的元素,相对于 static定位以外的第一个祖先元素进行定 位。 极客学院 页码:5/21 iikexueyuan. com 下面有关 html Doctype的描述,说法错误的是?(D) 八.它的责任就是告诉浏览器文档使用哪种htm或者xhtm规范 B.不同文档模式主要影响CSS内容的呈现,尤其是浏览器对盒模型的解析 C.不同浏览器在混杂模式下的行为差异非常大,如果不使用某些hack技术,跨浏览器 的行为根本就没有一致性可言。 D.如果在文档开始处没有发现文档类型声明,则所有浏览器都会默认开启严格模式 ν Doctaρe?严格模式与混杂模式-如何触发这两种模式,区分它们有何意义? 用于声明文档使用那种规范(什HTML/ XHTML)一般为严格过度基于框架的htm文档, 加入ⅩM声明可触发,解析方式更改为5.5拥有|5.5的bug 前端页面有哪三层构成,分别是什么?作用是什么? 结构层HTML表示层CSS行为层js 对WEB标准以及W3C的理解与认识? 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链cs和js脚本、结 构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被 更广泛的设备所访问、更少的代码和组件,容易维护、改版方便,不需要变动页面内容、 提供打印版本而不需要复制内容、提高网站易用性。 XHTML和HTML有什么区别? HTML是一种基本的WEB网页设计语言, XHTML是一个基于XML的置标语言 最主要的不同 ⅩHTML元素必须被正确地嵌套。 XHTML元素必须被关闭。 标签名必须用小写字母。 ⅩHTML文档必须拥有根元素。 极客学院 页码:6/21 iikexueyuan. com CSS的基本语句构成是? 选择器{属性1:值1:属性2值2;…] 行內元素有哪些?块级元素有哪些?CSS的盒模型? 块级元素: div p hI h2h3h4 form ul 行内元素: a b br i span input select Css盒模型内容, border, margIn, padding CSS引入的方式有哪些?lnk和@ mport的区别是? 内联内嵌外链导入 区别:同时加载 前者无兼容性,后者CSS2.1以下浏览器不支持 Link支持使用 javascrⅰpt改变样式,后者不可 丶CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和 lmportant哪 个优先级高? 标签选择符类选择符j选择符 继承不如指定丨d>cass>标签选择 后者优先级高 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? e(le内核)火狐( Gecko)谷歌( webkit) opear( Presto img标签上tte与at属性的区别是什么? A当图片不显示是用文字代表。 Tite为该属性提供信息 极客学院 页码:7/21 iikexueyuan. com 描述 css reset的作用和用途。 Reset重置浏览器的cSs默认属性,浏览器品种不同,样式不同,然后重置让他们统-。 写出几种E6BUG的解决方法 1.双边距B∪ G float引起的使用 display 2.3像素问题使用foat引起的使用 dislpay: inline-3pⅩ 3.超链接 hover点击后失效使用正确的书写顺序 link visited hover active 4. le z-inde问题给父级添加 position relative 5.Png透明使用js代码改 6.Min- height最小高度! mportant解决 7. select在ie6下遮盖使用 iframe嵌套 8.为什么没有办法定义1px左右的宽度容器(E6默认的行高造成的,使用 over: hidden, zoom: 0.08 line-height: px) 9.ie6不支持 mportant 解释 CSs sprites,如何使用。 CsS精灵把一堆小的图片整合到一张大的图片上,减轻服务器对图片的请求数量。 ≯浏览器标准模式和怪异模式之间的区别是什么? 盒子模型渲染模式的不同 使用 window top document compatMode可显示为什么模式 什么是语义化的HTML? 直观的认识标签对于搜索引擎的抓取有好处 什么是语义化的HTML? 直观的认识标签对于搜索引擎的抓取有好处 极客学院 页码:8/21 iikexueyuan. com 你如何对网站的文件和资源进行优化?有哪些解决方案? 文件合并 文件最小化/文件压缩 使用CDN托管 缓存的使用 清除浮动的几种方式,各自的优缺点 使用空标签清除浮动 clear:both(理论上能清楚任何标签,增加无意乂的标签) 2.使用 overflow;auto(空标签元素清除浮动而不得不增加无意代码的弊端,使用 zoom:1用于兼容|) 3.是用 afert伪元素清除浮动(用于非浏览器) javascript的 typeof返回哪些数据类型 Object number function boolean underfind 例举3种强制类型转换和2种隐式类型转换? 强制( parseInt, parseFloat, number) 隐式(==-===) 数组方法pop()push0 unshift0shft Push0尾部添加pop0尾部删除 Unshift0头部添加 shift头部删除 E和标准下有哪些兼容性的写法 Var ev= ev l window event document documentElement. clientWidth document body. clientWidth Var target ev.srcElementllevtarget 极客学院 页码:9/21 iikexueyuan. com 旧和DOM事件流的区别 1.执行顺序不一样 2.参数不一样 3.事件加不加on 4.this指向问题 spit0join0)的区别 前者是切割成数组的形式,后者是将数组转换成字符串 ajax请求的时候get和post方式的区别 一个在ur后面一个放在虚拟载体里面 有大小限制 安全问题 应用不同一个是论坛等只需要请求的,一个是类似修改密码的 ca和appy的区别 Object. call (this, obj l, obj2, obj3) Object. apply (this, arguments ajax请求时,如何解释json数据 使用 eval parse鉴于安全性考虑使用 parse更靠谱 事件委托是什么 让利用事件冒泡的原理,让自己的所触发的事件,让他的父元素代替执行! 闭包是什么,有什么特性,对页面有什么影响? 闭包就是能够读取其他函数內部变量的函数。 极客学院 页码:10/21 jikexueyuan.com 【实例截图】
【核心代码】
Web前端开发工程师经典面试题（附参考答案）
CSS3支持下列哪一个标签?(A) A box-shadow B border C background D. display >把鼠标移到按钮并点击时,会产生一串什么样的事件?(D) A. active hove focus B foucs hove active C. hove active foucus D hover focus active >以下位于<head>间的代码片段是做什么用的(B) 1 <meta name="viewport"content="width=device-Width, initial-scale=1"> A.使得页面编码合乎要求 B.表示支持响应式设计 C.支持正常的绘制和缩放 D.表示针对滚屏进行适当的适配 下面关于、FF下面CSS的解释区别描述正确的有?(C、D) 八. FireFox的dⅳ的内嵌di可以把父级的高度撑大,而|6.0不可以,要自己设置高度。 B.当设置为三列布局时, FireFox0的 float宽度不能达到100%,而l6.可以。当设置为 两列布局时,两种浏览器都可以。 C.火狐浏览器中,非 float的di前面有同一父级的foat的dV,此di若有背景图,要使 用 clear:both,才能显示背景图,而60中不用使用 clear:both D.在[text- decoration: underline]的属性下,6.0显示的下划线会比 FireFox低一点。 在 FireFox中,部分笔画会在下划线的下面1个象素左右。 极客学院 页码:3/21 jikexueyuan. com 在使用tabe表现数据时,有时候表现出来的会比自己实际设置的宽度要宽,为此需 要设置下面哪些属性值?(A、D) A cellpadding=0 B padding: O C. margin: O D. cellspacing=”0 在 bootstrap中,关于导航条,下列说法正确的是?(A、B、C、D) A.应该将被包裹的元素放到na∨bar-co|apse类中 B.表单应该放置于 nayar-form内 C.可以使用 navbar-ef和 navan-ght来对齐导航条 D.可以使用 navbar-fixed-top和 navbar- fixed-boom来将导航条固定到顶部或底部 嵌入在HTML文档中的图像格式可以是?(A、C、D) A * gif 米tf C. bmp D. jpg 下列js可以让一个 input的背景颜色变成红色的是?(A A inputElement style backgroundColor =red B. inputelement backgroundColor = red C. inputElement style backgroundColor=#oooO D. inputElement backgroundColor=#oooo 极客学院 页码:4/21 iikexueyuan. com 元素的at和tte有什么异同,选出正确的说法?(B) A.不同的浏览器,表现一样 B.at和tite同时设置的时候,at作为图片的替代文字出现,tite是图片的解释文字 C.a和tite同时设置的时候,tite作为图片的替代文字出现,at是图片的解释文字 D.以上说法都不正确 在不涉及样式情况下页面元素的优先显示与结构摆放顺序无关。请判断这句话的正 确与否。(B) A.对 B.错 下列哪个操作是W3c标准定义的阻止事件向父容器传递:(C) A epreventDefault( B. e. cancelBubble=true C. e. stopPropagationo D e.stoplmmediatePropagationo 对于 border- radius标签,说法镨误的是(B) A.表示圆角边框 B.|E8支持良好 C.|E9支持良好 D. firefox支持良好 ≯下述有关css属性 position的属性值的描述,说法错误的是?(B) A. static:没有定位,元素出现在正常的流中 B. fixed:生成绝对定位的元素,相对于父元素进行定位 C. relative:生成相对定位的元素,相对于元素本身正常位置进行定位。 D. absolute:生成绝对定位的元素,相对于 static定位以外的第一个祖先元素进行定 位。 极客学院 页码:5/21 iikexueyuan. com 下面有关 html Doctype的描述,说法错误的是?(D) 八.它的责任就是告诉浏览器文档使用哪种htm或者xhtm规范 B.不同文档模式主要影响CSS内容的呈现,尤其是浏览器对盒模型的解析 C.不同浏览器在混杂模式下的行为差异非常大,如果不使用某些hack技术,跨浏览器 的行为根本就没有一致性可言。 D.如果在文档开始处没有发现文档类型声明,则所有浏览器都会默认开启严格模式 ν Doctaρe?严格模式与混杂模式-如何触发这两种模式,区分它们有何意义? 用于声明文档使用那种规范(什HTML/ XHTML)一般为严格过度基于框架的htm文档, 加入ⅩM声明可触发,解析方式更改为5.5拥有|5.5的bug 前端页面有哪三层构成,分别是什么?作用是什么? 结构层HTML表示层CSS行为层js 对WEB标准以及W3C的理解与认识? 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链cs和js脚本、结 构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被 更广泛的设备所访问、更少的代码和组件,容易维护、改版方便,不需要变动页面内容、 提供打印版本而不需要复制内容、提高网站易用性。 XHTML和HTML有什么区别? HTML是一种基本的WEB网页设计语言, XHTML是一个基于XML的置标语言 最主要的不同 ⅩHTML元素必须被正确地嵌套。 XHTML元素必须被关闭。 标签名必须用小写字母。 ⅩHTML文档必须拥有根元素。 极客学院 页码:6/21 iikexueyuan. com CSS的基本语句构成是? 选择器{属性1:值1:属性2值2;…] 行內元素有哪些?块级元素有哪些?CSS的盒模型? 块级元素: div p hI h2h3h4 form ul 行内元素: a b br i span input select Css盒模型内容, border, margIn, padding CSS引入的方式有哪些?lnk和@ mport的区别是? 内联内嵌外链导入 区别:同时加载 前者无兼容性,后者CSS2.1以下浏览器不支持 Link支持使用 javascrⅰpt改变样式,后者不可 丶CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和 lmportant哪 个优先级高? 标签选择符类选择符j选择符 继承不如指定丨d>cass>标签选择 后者优先级高 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? e(le内核)火狐( Gecko)谷歌( webkit) opear( Presto img标签上tte与at属性的区别是什么? A当图片不显示是用文字代表。 Tite为该属性提供信息 极客学院 页码:7/21 iikexueyuan. com 描述 css reset的作用和用途。 Reset重置浏览器的cSs默认属性,浏览器品种不同,样式不同,然后重置让他们统-。 写出几种E6BUG的解决方法 1.双边距B∪ G float引起的使用 display 2.3像素问题使用foat引起的使用 dislpay: inline-3pⅩ 3.超链接 hover点击后失效使用正确的书写顺序 link visited hover active 4. le z-inde问题给父级添加 position relative 5.Png透明使用js代码改 6.Min- height最小高度! mportant解决 7. select在ie6下遮盖使用 iframe嵌套 8.为什么没有办法定义1px左右的宽度容器(E6默认的行高造成的,使用 over: hidden, zoom: 0.08 line-height: px) 9.ie6不支持 mportant 解释 CSs sprites,如何使用。 CsS精灵把一堆小的图片整合到一张大的图片上,减轻服务器对图片的请求数量。 ≯浏览器标准模式和怪异模式之间的区别是什么? 盒子模型渲染模式的不同 使用 window top document compatMode可显示为什么模式 什么是语义化的HTML? 直观的认识标签对于搜索引擎的抓取有好处 什么是语义化的HTML? 直观的认识标签对于搜索引擎的抓取有好处 极客学院 页码:8/21 iikexueyuan. com 你如何对网站的文件和资源进行优化?有哪些解决方案? 文件合并 文件最小化/文件压缩 使用CDN托管 缓存的使用 清除浮动的几种方式,各自的优缺点 使用空标签清除浮动 clear:both(理论上能清楚任何标签,增加无意乂的标签) 2.使用 overflow;auto(空标签元素清除浮动而不得不增加无意代码的弊端,使用 zoom:1用于兼容|) 3.是用 afert伪元素清除浮动(用于非浏览器) javascript的 typeof返回哪些数据类型 Object number function boolean underfind 例举3种强制类型转换和2种隐式类型转换? 强制( parseInt, parseFloat, number) 隐式(==-===) 数组方法pop()push0 unshift0shft Push0尾部添加pop0尾部删除 Unshift0头部添加 shift头部删除 E和标准下有哪些兼容性的写法 Var ev= ev l window event document documentElement. clientWidth document body. clientWidth Var target ev.srcElementllevtarget 极客学院 页码:9/21 iikexueyuan. com 旧和DOM事件流的区别 1.执行顺序不一样 2.参数不一样 3.事件加不加on 4.this指向问题 spit0join0)的区别 前者是切割成数组的形式,后者是将数组转换成字符串 ajax请求的时候get和post方式的区别 一个在ur后面一个放在虚拟载体里面 有大小限制 安全问题 应用不同一个是论坛等只需要请求的,一个是类似修改密码的 ca和appy的区别 Object. call (this, obj l, obj2, obj3) Object. apply (this, arguments ajax请求时,如何解释json数据 使用 eval parse鉴于安全性考虑使用 parse更靠谱 事件委托是什么 让利用事件冒泡的原理,让自己的所触发的事件,让他的父元素代替执行! 闭包是什么,有什么特性,对页面有什么影响? 闭包就是能够读取其他函数內部变量的函数。 极客学院 页码:10/21 jikexueyuan.com 【实例截图】
【核心代码】
标签：
好例子网口号：伸出你的我的手 — 分享！
小贴士
感谢您为本站写下的评论，您的评论对其它用户来说具有重要的参考价值，所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字，对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙，所以请不要反馈意义不大的重复字符，也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明，或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦，又没人会搭理，于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享，对搜索内容的合法性不具有预见性、识别性、控制性，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论平台是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定，若资源存在侵权或相关问题请联系本站客服人员，点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论