JS数组的前端面试题
关于数组的前端面试题
1、如何判断一个变量是否为数组？
（1）为什么不用typeof？
var list = [1,2,3];
typeof list //"object"
Array继承与Object，所以typeof 会直接返回object，所以不可以用typeof方法来检测（2）为什么不用instanceof?
var list = [1,2,3];
list instanceof Array //true
instanceof 表面上看确实是返回了true，但其实并不可靠。原因是Array实质是一个引用，用instanceof方法（包括下面的constructor方法）都是利用和引用地址进行比较的方法来确定的，但是在frame嵌套的情况下，每一个Array的引用地址都是不同的，比较起来结果也是不确定的，所以这种方法有其局限性。
（3）为什么不用constructor方法？
var list = [1,2,3];
list.constructor === Array; //true
原因已经解释过了，不再赘述。
可靠的检测数组方式
（1）利用Object的toString方法
var list = [1,2,3];
; //[object Array]
（2）利用ES6的Array.isArray()方法
var list = [1,2,3];
Array.isArray(list); //true
2、数组的原生方法有哪些？
一是考察面试者平时使用的是否足够平凡；二是观察面试者是否对于日常的知识有所归纳。
可以用MDN中给出的方式来回答：
（1）会改变自身的方法
在数组内部，将一段元素序列拷贝到另一段元素序列上，覆盖原有的值。
将数组中指定区间的所有元素的值，都替换成某个固定的值。
，并返回这个元素。
，并返回数组的新长度。
，即原先的第一个变为最后一个，原先的最后一个变为第一个。
，并返回这个元素。
，并返回当前数组。
，并返回数组的新长度。
（2）不会改变自身的方法
判断当前数组是否包含某指定的值，如果是返回true，否则返回false。
返回一个表示当前数组字面量的字符串。遮蔽了原型链上的方法。
方法。
方法。
，如果找不到这样的元素，则返回-1。
，如果找不到这样的元素，则返回-1。
遍历方法
返回一个数组迭代器对象，该迭代器会包含所有数组元素的键值对。
，则返回true，否则返回false。
，则返回true，否则返回false。
true 的数组元素放进一个新数组中并返回。
找到第一个满足测试函数的元素并返回那个元素的值，如果找不到，则返回undefined。
Javascript笔试题及答案
Javascript面试笔试题 考试时间90分钟 一、不定项选择题（每题3分，共30分） 1.声明一个对象，给它加上name属性和show方法显示其name值，以下代码中正确的是 （ D ） A.var obj = [name:"zhangsan",show:function(){alert(name);}]; B.var obj = {name:"zhangsan",show:”alert”}; C.var obj = {name:"zhangsan",show:function(){alert(name);}}; D.var obj = {name:"zhangsan",show:function(){alert;}}; 2.以下关于Array数组对象的说法不正确的是（ CD） A.对数组里数据的排序可以用sort函数，如果排序效果非预期，可以给sort函数加 一个排序函数的参数 B.reverse用于对数组数据的倒序排列 C.向数组的最后位置加一个新元素，可以用pop方法 D.unshift方法用于向数组删除第一个元素 3.要将页面的状态栏中显示“已经选中该文本框”，下列JavaScript语句正确的是（ A ） A.="已经选中该文本框" B.="已经选中该文本框" C.="已经选中该文本框" D.="已经选中该文本框" 4.点击页面的按钮，使之打开一个新窗口，加载一个网页，以下JavaScript代码中可行 的是（ AD） A. B. C. D.
5.使用JavaScript向网页中输出hello
，以下代码中可行的是（ BD） A. B. C. D.Web前端开发笔试题集锦(已读)
Web前端开发笔试题集锦 HTML/CSS篇 1, 判断字符串是否是这样组成的，第一个必须是字母，后面可以是字母、数字、下划线，总长度为5-20 var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/; reg.test("a1a__a1a__a1a__a1a__"); 2，截取字符串abcdefg的efg var str = "abcdefg"; if (/efg/.test(str)) { var efg = str.substr(str.indexOf("efg"), 3); alert(efg); } 3，判断一个字符串中出现次数最多的字符，统计这个次数 //将字符串的字符保存在一个hash table中，key是字符，value是这个字符出现的次数 var str = "abcdefgaddda"; var obj = {}; for (var i = 0, l = str.length; i < l; i++) { var key = str[i]; if (!obj[key]) { obj[key] = 1; } else { obj[key]++; } } /*遍历这个hash table，获取value最大的key和value*/ var max = -1; var max_key = ""; var key; for (key in obj) { if (max < obj[key]) { max = obj[key]; max_key = key; } } alert("max:"+max+" max_key:"+max_key); 4，IE与FF脚本兼容性问题 (1) window.event： 表示当前的事件对象，IE有这个对象，FF没有，FF通过给事件处理函数传递事件对象 (2) 获取事件源
html+css+js面试题
html+css+js面试题 87 . 如何求得2和4中最大的数？ A) Math.ceil(2,4) B) Math.max(2,4) C) ceil(2,4) D) top(2,4) 88 . 打开名为“window2”的新窗口的JavaScript语法是？ A) open.new("https://www.wendangku.net/doc/b814974507.html,","window2") B) window.open("https://www.wendangku.net/doc/b814974507.html,","window2") C) new("https://www.wendangku.net/doc/b814974507.html,","window2") D) new.window("https://www.wendangku.net/doc/b814974507.html,","window2") 89 . 如何在浏览器的状态栏放入一条消息？ A) statusbar = "put your message here" B) window.status = "put your message here" C) window.status("put your message here") D) status("put your message here") 90.下列不属于文档对象的方法的是（） A）createElement B）getElementById C）getElementByName D）forms.length 91.下面这段代码运行的结果（）
A）弹出一个对象框 B）没有任何输出 C）在文档中显示文档最后修改的时间前端开发的面试题
前端开发的面试题 web前端面试题 以下是收集一些面试中经常会遇到的经典面试题以及自己面试过程中无法解决的问题，通过对知识的整理以及经验的总结，重新巩固自身的前端基础知识。 1.对WEB标准以及W3C的理解与认识 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面 内容、提供打印版本而不需要复制内容、提高网站易用性; 2.xhtml和html有什么区别 HTML是一种基本的WEB语言，XHTML是一个基于XML的置标语言 最主要的不同： XHTML 元素必须被正确地嵌套。 XHTML 元素必须被关闭。 标签名必须用小写字母。 XHTML 文档必须拥有根元素。 3.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? 用于声明文档使用那种规范(html/Xhtml)一般为严格过度基于框架的html文档 加入XMl声明可触发，解析方式更改为IE5.5 拥有IE5.5的bug 4.行内元素有哪些?块级元素有哪些?CSS的盒模型? 块级元素：div p h1 h2 h3 h4 form ul 行内元素: a b br i span input select Css盒模型:内容，border ,margin，padding 5.CSS引入的方式有哪些? link和@import的区别是?
内联内嵌外链导入 区别：同时加载 前者无兼容性，后者CSS2.1以下浏览器不支持 Link 支持使用script改变样式，后者不可 6.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高? 标签选择符类选择符 id选择符 继承不如指定 Id>class>标签选择 后者优先级高 7.前端页面有哪三层构成，分别是什么?作用是什么? 结构层 Html 表示层 CSS 行为层 js 8.css的基本语句构成是? 选择器{属性1:值1;属性2:值2;……} 9.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? Ie(Ie内核) 火狐(Gecko) 谷歌(webkit) opear(Presto) 10.写出几种IE6 BUG的解决方法 1.双边距BUG float引起的使用display 2.3像素问题使用float引起的使用dislpay:inline -3px 3.超链接hover 点击后失效使用正确的书写顺序 link visited hover active 4.Ie z-index问题给父级添加position:relative 5.Png 透明使用js代码改 6.Min-height 最小高度 !Important 解决’ 7.select 在ie6下遮盖使用iframe嵌套
前端工程师面试题题及答案(全面综合)
1. 要动态改变层中内容可以使用的方法有（AB ） a)innerHTML b)innerText c)通过设置层的隐藏和显示来实现 d)通过设置层的样式属性的display属性 2. 在javascript里，下列选项中不属于数组方法的是（B）； a)sort() b)length() c)concat() d)reverse() 3 、var emp = new Array(3); for(var i in emp) 以下答案中能与for循环代码互换的是: （选择一项）。(D ) A for(var i =0; i c)getElementsByName() d)bgColor() 6. 、display属性值的常用取值不包括(C ) a)inline b)block c)hidden d)none 7. 以下有关pixelTop属性与top属性的说法正确的是。(D ) a)都是Location对象的属性 b)使用时返回值都是字符串 c)都是返回以像素为单位的数值 d)以上都不对 8. 使用open方法打开具有浏览器工具条,地址栏,菜单栏的窗 口，下列选项正确的是__D__ a)open("x.html","HI","toolbas=1,scrollbars=1,status=1"); b)open("HI","scrollbars=1,location=1,status=1"); c)open("x.html","status=yes,menubar=1,location=1"); d)open("x.html","HI","toolbas=yes,menubar=1,location=1"); 9. 、javascript中表达式parseInt(“X8X8”)+paseFloat(‘8’)的结果是什么?( C) a)8+8 b)88 c)16 d)“8”+’8 10. 关于setTimeout(“check”,10)中说法正确的是( D) 一选择题（单选） 1、以下哪条语句会产生运行错误：（） A.var obj = (); B.var obj = []; C.var obj = {}; D.var obj = //; 答案：A 2、以下哪个单词不属于javascript保留字：（） A.with B.parent C.class D.void 答案：B 3、请选择结果为真的表达式：（） A.null instanceof Object B.null === undefined C.null == undefined D.NaN == NaN 答案：C 二、不定项选择题 4、请选择对javascript理解有误的：() A.JScript 是javascript的简称 B.javascript是网景公司开发的一种Java脚本语言，其目的是为了简化Java的开发难度 C.FireFox 和IE存在大量兼容性问题的主要原因在于他们对javascript 的支持不同上 D.AJAX技术一定要使用javascript技术 答案：ABCD 5、foo对象有att属性，那么获取att属性的值，以下哪些做法是可以的：（） A.foo.att B.foo(“att”) C.foo[“att”] D.foo{“att”} E.foo[“a”+”t”+”t”] 答案：ACE 6、在不指定特殊属性的情况下，哪几种HTML标签可以手动输入文本：（） A. B. C. D.JavaScript精选面试题
node.js面试题大全-侧重后端应用与对Node核心的理解
node.js面试题大全－侧重后端应用与对Node核心的理解 Node是搞后端的，不应该被被归为前端，更不应该用前端的观点去理解，去面试node开发人员。所以这份面试题大全，更侧重后端应用与对Node核心的理解。 github地址: https://https://www.wendangku.net/doc/b814974507.html,/jimuyouyou/node-interview-questions 注: 这是本人历时一星期完成的小作品，github里面对一些关键代码还有js源文件．直接node filename.js就可查看效果． 第一个版本，写的匆忙，能力有限，欢迎拍砖补充！后面持续更新会及时发布到github上. node开发技能图解 起源 node正风生火起，很多介绍却停留在入门阶段，无法投入生产 node相关的高质量面试题更是少之又少，很难全面考查应聘者的node能力 许多文章在讲第三方类库，可是这些库质量差距较大，一旦
遇到问题怎么办 必需的，全面了解node核心才能成为一名合格的node开发人员 目标与原则 前后端兼顾，更侧重后端 理论实战兼顾，侧重考察对实战中应用较多的理论的理解 参考答案简单明了，一针见血，不为追求严谨而浪费口舌，绕弯子 尽量用代码讲清理论的应用与区别，以接地气 终极目标是让大家对node有一个快速完整的认识 内容大纲 javascript高级话题(面向对象，作用域，闭包，设计模式等) node核心内置类库(事件，流，文件，网络等) node高级话题(异步，部署，性能调优，异常调试等) 常用知名第三方类库(Async, Express等) 其它相关后端常用技术(MongoDB, Redis, Apache, Nginx 等) 常用前端技术(Html5, CSS3, JQuery等)
js基础部分面试题
JS基础面试题 1.介绍下js中关于arguments 。【考点：函数arguments】 在函数代码中，使用特殊对象 arguments，开发者无需明确指出参数名，就能访问它们。例如，在函数 sayHi() 中，第一个参数是 message。用 arguments[0] 也可以访问这个值，即第一个参数的值（第一个参数位于位置 0，第二个参数位于位置 1，依此类推）。 因此，无需明确命名参数，就可以重写函数： function sayHi() { if (arguments[0] == "bye") { return; } alert(arguments[0]); } 2.看以下JavaScript程序问：执行以上程序后，num的值为（ D ）【考点：数据类型】 var num; num=5+true; A、true B、false C、5 D、6 3、看以下JavaScript程序【考点：switch语句,break】 var x=prompt(“请输入1-5的数字！”,“”); switch (x) { case “1”:alert(“one”); case “2”:alert(“two”); case “3”:alert(“three”); case “4”:alert(“four”); case “5”:alert(“five”); default:alert(“none”); } 运行以上程序，在提示对话框中输入“4”，依次弹出的对话框将输出: （ B ） A、four,none B、four,five,none C、five D、five,none 4、分析下面的JavaScript代码段【考点：for循环】 a=new Array(2,3,4,5,6); sum=0; 输出结果是().(选择一项)
web前端开发面试题汇总模板
web前端开发面试题汇总 1天前653浏览2评论 前端面试题汇总 HTML&CSS 1. 常用那几种浏览器测试？有哪些内核(Layout Engine)? (Q1) 浏览器：IE，Chrome，FireFox，Safari，Opera。 (Q2) 内核：Trident，Gecko，Presto，Webkit。 2. 说下行内元素和块级元素的区别？行内块元素的兼容性使用？ （IE8 以下） 行内元素：会在水平方向排列，不能包含块级元素，设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。 块级元素：各占据一行，垂直方向排列。从新行开始结束接着一个断行。 兼容性：display:inline-block;display:inline;zoom:1; 3. 清除浮动有哪些方式？比较好的方式是哪一种？ （1）父级div定义height。 （2）结尾处加空div标签clear:both。 （3）父级div定义伪类:after和zoom。 （4）父级div定义overflow:hidden。 （5）父级div定义overflow:auto。 （6）父级div也浮动，需要定义宽度。 （7）父级div定义display:table。
（8）结尾处加br标签clear:both。 总结：比较好的是第3种方式，简洁方便。 4. box-sizing常用的属性有哪些？分别有什么作用？ 常用的属性：box-sizing: content-box border-box inherit; 作用：content-box:宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框(元素默认效果)。 border-box:元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。 5. Doctype作用？标准模式与兼容模式各有什么区别? (Q1) 告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。 (Q2) 标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 6. HTML5 为什么只需要写< Doctype html>？ HTML5不基于SGML，因此不需要对DTD进行引用;但是需要doctype来规范浏览器的行为（让浏览器按照它们应该的方式来运行）。而HTML4.01基于SGML,所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。 7. 页面导入样式时，使用link和@import有什么区别？ （1）link属于XHTML标签，除了加载CSS外，还能用于定义RSS, 定义rel连接属性等作用；而@import是CSS提供的，只能用于加载CSS; （2）页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面
前端面试题含答案
前端面试题含答案 The latest revision on November 22, 2020
前端开发面试知识点大纲： HTML&CSS ： 对Web 标准的理解、浏览器内核差异、兼容性、hack 、CSS 基本功：布 局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应 JavaScript ： 数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块 化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs 、 JSON 、ajax 等。 其他： HTTP 、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO 、UED 、架构、职业生涯 作为一名前端工程师，无论工作年头长短都应该必须掌握的知识点： 1、DOM 结构 —— 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。 产品部-前端面试题-答案 产品部 Beijing
2、DOM操作——如何添加、移除、移动、复制、创建和查找节点等。 3、事件——如何使用事件，以及IE和标准DOM事件模型之间存在的差 别。 4、XMLHttpRequest ——这是什么、怎样完整地执行一次GET请求、怎样检测 错误。 5、严格模式与混杂模式——如何触发这两种模式，区分它们有何意义。 6、盒模型——外边距、内边距和边框之间的关系，及IE8以下版本的浏览器 中的盒模型 7、块级元素与行内元素——怎么用CSS控制它们、以及如何合理的使用它们 8、浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。 9、HTML与XHTML——二者有什么区别，你觉得应该使用哪一个并说出理由。 10、JSON ——作用、用途、设计结构。 HTML 一、Doctype作用严格模式与混杂模式如何区分它们有何意义 （1）、 声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。
Javascript笔试题及答案
J a v a s c r i p t笔试题及 答案 Company Document number：WTUT-WT88Y-W8BBGB-BWYTT-19998
Javascript面试笔试题 考试时间90分钟 一、不定项选择题（每题3分，共30分） 1.声明一个对象，给它加上name属性和show方法显示其name值，以下 代码中正确的是（ D ） A.var obj = [name:"zhangsan",show:function(){alert(name);}]; B.var obj = {name:"zhangsan",show:”alert”}; C.var obj = {name:"zhangsan",show:function(){alert(name);}}; D.v ar obj = {name:"zhangsan",show:function(){alert;}}; 2.以下关于Array数组对象的说法不正确的是（ CD） A.对数组里数据的排序可以用sort函数，如果排序效果非预期，可以给 sort函数加一个排序函数的参数 B.reverse用于对数组数据的倒序排列 C.向数组的最后位置加一个新元素，可以用pop方法 D.unshift方法用于向数组删除第一个元素 3.要将页面的状态栏中显示“已经选中该文本框”，下列JavaScript语句正确的 是（ A ） A.="已经选中该文本框" B.="已经选中该文本框" C.="已经选中该文本框" D.="已经选中该文本框" 4.点击页面的按钮，使之打开一个新窗口，加载一个网页，以下JavaScript 代码中可行的是（ AD）
Web前端开发工程师面试题
一、CSS (1) 二、HTML (3) 三、jquery (3) 四、综合 (4) 一、C SS 1.CSS样式表根据所在网页的位置，可分为?(B ) A．行内样式表、内嵌样式表、混合样式表 B．行内样式表、内嵌样式表、外部样式表 C．外部样式表、内嵌样式表、导入样式表 D．外部样式表、混合样式表、导入样式表 2.对于标签，其中*代表（C ） A. 注释的时候才用上 B. 没有这个标签 C. 通配符，意思是所有的标签 3.在CSS中下面哪种方法表示超链接文字在鼠标经过时，超链接文字无下划线?(B ) A. A:link{TEXT-DECORATION: underline } B. A:hover {TEXT-DECORATION: none} C. A:active {TEXT-DECORATION: blink } D. A:visited {TEXT-DECORATION: overline } 4.下面代码片段，说法正确的是:(B ) .DIV1 { position:absolute; line-height:22px; height:58px; background-color: #FF0000; } A. Line-height:22px;修饰文本字体大小 B. position:absolute;表示绝对定位，被定位的元素位置固定 C. height:58px; 表示被修饰的元素距离别的元素的距离 D. background-color: #FF0000; 表示被修饰的元素的背景图像 5.用CSS设置DIV的左边为红色实线，下面设置正确的是(C ) A．style=”border-top: #ff0000 1 solid;”
js_ext_jquery面试题
对js,ext,jquey的总结 一：js面试题 1.js中到的String你是怎么理解的 答:String是js中唯一可以变长的长度到值,存储方式是以数组存储的一般组合alert使用 \n:是代表回车 \r是代表换行 2.写js代码的时候要注意的语法 答:1.区分大小写 2.变量类型是弱类型 var 3.注释 //单行注释 /** 多行注释 **/ 4.变量名要是字母下划线 $ 5.数据类型: * 原始数据类型(栈) boolean,null,undefind,number,String * 引用数据类型(堆)比如对象 3.强类型变量和弱类型变量到区别 1.强类型变量:编译前必须要声明----->基于java 2.弱类型变量:编译前不需要声明(使用前不需要声明 , 而是解释器在运行时检查数据类型)---->js 3.在js中function()表示什么? 可不可以重载? function的声明方式? 答: 1.可以表示为---> 类 , 对象 , 方法 , 构造器 2.不可以重载(当function()的名字相同--->后面到会覆盖前面到)
3.function()是所有函数到父类例如:function 函数名(参数列明){ } 4.js的特点 答: 1.脚本语言,基于对象 2.基于java的,基于语句和控制流之上简单而紧凑 3.动态的脚本语言 4.依赖于浏览器本身于操作环境无关 5.以字符串解析执行 5.给你一页面，要你写JS代码拿对象，得到它值，然后进行一些操作 答: 第一种方法是 document.getEelementById("标签里面到id属性").value; 第二种方法是 document.getEelementsByName("标签里面name属性 ").value; 第三种方法是直接用document点name里面到属性例 如:document.xxx.xxx.value 这样就可以拿到值 6.你是怎么理解js里面到this关键字 答:this是对当前对象的引用,在js中由于对象到引用是多层次的,为了避免乱(谁调用了它,它就会指向谁) 7.js里面的警告框和询问框确认框有什么作用 答: 1.警告框为了输出js调式用例:alert("我是用于js调式"); 2.询问框为了询问你通不通过例:提问 var number=prompt("你到分数") if(number>100){通过}else{没有通过} 3.确认框为了让你确认的例: 确认 var name = confirm("js菜鸟") if(name==true){彼此彼此}else{你才是菜鸟} 8.js是的组成分为哪三部分 答:核心(Ecmscript) , 文档对象模型 , 浏览器对象模型 9.在js里面跳转一个页面用什么方法
前端面试题第二套
1)display:inline兼容所有的浏览器。请判断这句话的正确与否。 T F 2)从四个选项选出不同的一个。 a.