前端面试题第二套
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
19) 编写一个方法实现 javascript 面向对象中继承 20) 编写一个方法去掉一个数组的重复元素 var arr = [1 ,1 ,2, 3, 3, 2, 1]; 21) 截取字符串 abcdefg 的 efg 22) “你喜欢什么样的上司？你希望与什么样的上级共事？” 答案 1，IE6-IE7 不兼容 2，C。 A 选项<nav></nav>，位于<body></body>中。标签定义导航链接； B 选项<footer></footer>,位于<body></body>中。标签定义文档或节的页脚； C 选项<meta>, <meta> 元素可提供有关页面的元信息（meta-information），比如针对搜 索引擎和更新频度的描述和关键词。 <meta> 标签位于文档的头部（<head></head>），不 包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。 D 选项<canvas>。<canvas>位于<body></body> 中， 标签定义图形，比如图表和其他图 像。 3，C clear : none | left | right | both. 对于 CSS 的清除浮动(clear)，一定要牢记：这个规则只能影响使用清除的元素本身，不能 影响其他元素。 4，D 5，C Bootstrap3 的东东：/css/#grid 栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的内容就 可以放入这些创建好的布局中。下面就介绍一下 Bootstrap 栅格系统的工作原理： “行（row）”必须包含在 .container （固定宽度）或 .container-fluid （100% 宽 度）中，以便为其赋予合适的排列（aligment）和内补（padding） 6，答案：A A，错误 B，声明 obj 为数组对象 C，声明 obj 为对象 D，声明 obj 为正则对象
7，A 创建 Array 对象的语法 var arr=[1,2,3]; var arr=new Array(1,2,3); var arr=new Array(12); 如果只有一个数，代表数组的 length 是 12 个 var arr=new Array(0); 清空数组 8，B Angular 大大减少了对 DOM 的访问。 jQuery 极大的丰富了 DOM 操作 9，D 10，B 用 var 操作符定义的变量将成为定义该变量作用于的局部变量，函数退出后变量销毁。 省略 var 操作符定义全局变量，难维护，易混乱。 11,true，true，false 12,hi 13,依次弹出 4，4，4，4 14,实践证明： 如果是 typeof f，结果是 function 如果是 typeof f()，结果是 number 如果是 typeof g,结果是 undefined. 如果是 typeof g(),结果是 ReferenceError，g is not defined 15,hello189..Javascript 只有函数域，没有块作用域的概念，所以在同一个作用域中同一 个变量声明多次还是指向第一次声明那个！ 所以当我们进行赋值的时候， 都是指向第一次声 明那个，有且只有最后一次赋值生效。 16 分成：结构层、表示层、行为层。 结构层（structural layer） 由 HTML 或 XHTML 之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词， 对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。 例如，P 标签表达了这样一种语义：“这是一个文本段。” 表示层（presentation layer） 由 CSS 负责创建。 CSS 对“如何显示有关内容”的问题做出了回答。 行为层（behaviorlayer） 负责回答“内容应该如何对事件做出反应”这一问题。这是 Javascript 语言和 DOM 主宰 的领域。 , 17, IE6、7、8、FF、Opear、Safari、Chrome、Maxthon Trident：Windows 下的 IE 浏览器使用的内核代号。除 IE 外，众多的 IE Shell（如
<div class=“row”><br>
<div class=“co
6) a. b. c. d. 7) a. b. c. d. 8) a. b. c. d.
以下哪一条 Javascript 语句会产生运行错误？ var var var var obj=( obj=[ obj={ obj=/ ); ]; }; /;
哪一个是 javascript 中 array 的正确写法？ var var var var txt txt txt txt = = = = new new new new Array("tim","kim","jim") Array="tim","kim","jim" Array:1=("tim")2=("kim")3=("jim") Array(1:"tim",2:"kim",3:"jim")
关于 angularjs 说法，错误的是 前端 mvc，极大降低前端开发的耦合 极大的丰富了 dom 操作 实现了数据双向绑定 实现了依赖注入
9)
在文档上输出
"Hello World" 的正确 Javascript 语法是？
a. ("Hello World") b. "Hello World" c. response.write("Hello World") d. document.write("Hello World") 10) 关于对变量的说法，错误的是？ a. 一般使用 var key=val 的形式赋值 b. 由于 javascript 的动态特性，常常直接采取 key= val 的形式赋值 c. 若声明而未对变量赋值，该变量的值为 undefined d. var carname="Volvo";var carname;顺序执行后，caranme 的值依然为 Volvo 11) 以下 Js 程序的输出是什么（） <SCRIPT LANGUAGE=""JavaScript> var a="undefined"; var b="false"; var c=""; function assert(aVar){ if(aVar) alert(true); else
Maxthon ）都使用这个内核。 Gecko：Mozilla Firefox 浏览器使用的内核代号。 Presto：Opera 浏览器使用的内核代号，这是目前公认网页浏览速度最快的浏览器内核。 KHTML/WebCore： Konqueror/Safari 浏览器使用的内核代号。 经常遇到的浏览器兼容问题： 1.在有的浏览器中，默认字体大小为 12px,所以在设字体大小的时候，最小设为 12px，如果 在做的过程中，发现字体小于 12，可直接作为图片使用 2.a 标签对里不能嵌套 a 标签对 3.若给 a 标签内的内容样式加上样式，需要设置 display:block;（在 IE 中如果设置宽高会 自动变成块，在 FF 中则不会），但如果设置了 float 属性，就不需要设置 display:block。 4.ul，ol 在 FF 默认情况下，有 list-style-type 样式和 padding 值，dl 在 IE 和 FF 默认情 况下，有 padding 值，所以应该事先声明 ul,li,ol,dl,dd,dd{margin:0;padding:0}。 5.作为外部 wrapper 的 div 不要定死高度, 最好还加上 overflow: hidden.以达到高度 自适应 6.关于手形光标. cursor: pointer. 而 hand 只适用于 IE. 7.css 布局中的居中问题:在父级元素定义 TEXT-ALIGN: center;这个的意思就是在父级元素 内的内容居中；对于 IE 这样设定就已经可以了。但在 mozilla 中不能居中。解决办法就是 在子元素定义时候设定时再加上“margin-right: auto;margin-left: auto; ”需要说明的 是，如果你想用这个方法使整个页面要居中，建议不要套在一个 DIV 里，你可以依次拆出多 个 div， 只要在每个拆出的 div 里定义 margin-right: auto;margin-left: auto; 就可以了。 8.浮动 ie 产生的双倍距离 #box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下 IE 会产生 200px 的距离，这时需要设置 display:inline; //使浮动忽略} 9.如何居中一个浮动元素? 对其设置 margin:x auto; 10.有没有关注 HTML5 和 CSS3?如有请简单说一些您对它们的了解情况！ 有， HTML5 的是目前正在为未来的 HTML 标准的主要修订的发展。 其前任一样， 4.01 和 XHTML 1.1 的 HTML，HTML5 的是一个结构和提交万维网内容的标准。新标准结合了诸如视频播放， 拖动和放下以前曾在第三方浏览器插件依赖例如 Adobe Flash， 微软的 Silverlight 的功能， 和谷歌齿轮。 12:如果让你来制作一个访问量很高的大型网站， 你会如何来管理所有 CSS 文件、 JS 与图片? 把所有的 CSS 文件都放入一个样式表中,通过把所有的脚本放到一个文件中来减少 HTTP 请求 的方法。js 文件也采用同样的方法。把所有的背景图像都放到一个图片文件中，然后通过 CSS 的 background-image 和 background-position 属性来显示图片的不同部分。 14：你对前端界面工程师这个职位是怎么样理解的?它的前景会怎么样? 前端界面工程师：1. 与交互设计师、视觉设计师协作，根据设计图完成页面制作。 2. 维 护及优化网站前端性能。 前景： 长期以来，国内前端开发在整个软件开发行业内占得比重较小，发展较晚。网站也 多倾向于赢利最大化而轻视用户体验。 前后端比例悬殊大。 近几年来， 随着 以用户为中心 的 思想普及发展。 前端开发呈现出强劲的发展态势， 前端开发人员在项目中的重要性日益突出。 前端开发人员呈现出严重的人员短缺现象。 18,
<div class=“col-sm-1”><br><div class=“row”><br> <div class=“><br> -xs-1”><br> <div class=“container”><br> <div class=“col
d.
<div class=“container”><br> l-xs-1”>
1) T F 2) a. b. c. d. 3) a. b. c. d. 4) a. b. c. d. 5) a. b. c.
display:inline 兼容所有的浏览器。请判断这句话的正确与否。
从四个选项选出不同的一个。 <nav> <footer> <meta> <canvas> css 中 clear 的作用是什么？ 清除该元素所有样式 清楚该元素父元素的所有样式 指明该元素周围不可出现浮动元素 指明该元素的父元素周围不可出现浮动元素 表示有序列表的是 ul dl li ol 关于嵌套列的用法，错误的是 <div class=“row”><br> <div class=“col-sm-1”>
alert(false); } assert(a); assert(b); assert(c); </SCRIPT> 12) 以下 Js 程序的输出是什么（） var x = new Boolean(false); if (x) { alert('hi'); } var y = Boolean(0); if (y) { alert('hello'); } 13) 以下 Js 程序的输出是什么（） <ul> <li>click me</li> <li>click me</li> <li>click me</li> <li>click me</li> </ul> var elements=document.getElementsByTagName('li'); var length=elements.length; for(var i=0;i<length;i++){ elements[i].onclick=function(){ alert(i); } } 依次点击 4 个 li 标签，依次弹出（）? 14) 以下 Js 程序的输出是什么（） var f = function g() { return 23; }; typeof g();
15) 以下 Js 程序的输出是什么（） var msg='hello'; for (var i=0; i<10; i++) { var msg='hello'+i*2+i;
} alert(msg); 16) 前端页面由哪三层构成，分别是什么？作用是什么？ 17) 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?经常遇到的浏览器 的兼容性有哪些？怎么会出现？解决方法是什么？ 18) CSS 的盒子模型？