前端开发面试题收集(js部分)

【前端开发面试题收集(js部分)】的更多相关文章

前端开发面试题收集 JS

前端开发面试题收集-JS篇收集经典的前端开发面试题 setTimeout的时间定义为0有什么用? javascript引擎是单线程处理任务的,它把任务放在队列中,不会同步执行,必须在完成一个任务后才开始另一个任务. 由于setTimeout可以把任务从某个队列中跳出成为新队列,因此能够得到期望的结果. 怎么理解this this指向的总是调用函数的那个对象. this一般情况下,是全局对象Global. 什么是闭包闭包是一个概念,我的理解是函数里的函数,能够读取函数内部变量的函数. 就是将函…

前端开发面试题收集(js部分)

1.问:js中"1"+2+"3"+4 运算结果是? 答: js中,字符串和数值相加,得到的还是字符串,这里的结果1234也是字符串. 2.问:4+3+2+"1" 运算结果是? 答: (从左至右的运算,前面是数值相加得到9,再和字符串相加得到91字符串.) 3.问:以下代码中,结果是? var foo = 1; function bar() { foo = 10; return; function foo() {} } bar(); alert(…

前端开发面试题收集(html部分)

1.问:<keygen>是正确的HTML5标签吗? 答:是. <keygen> 标签规定用于表单的密钥对生成器字段.当提交表单时,私钥存储在本地,公钥发送到服务器. 2.问:<bdo>标签可以改变文本方向? 答:可以. bdo 元素可覆盖默认的文本方向.例子: <bdo dir="rtl"> Here is some Hebrew text </bdo> 结果是: 3.问:下列代码是否合法 <figure> <…

前端开发面试题收集(css部分)

http://davidshariff.com/quiz/ 做了下这里面前端开发面试的题,发现有些不会,所以在此做个整理以供自己学习,参考,总结. 1.问: CSS属性是否区分大小写? ul { MaRGin: 10px; } 答:不区分.(HTML, CSS都不区分,但为了更好的可读性和团队协作,一般都小写,而在XHTML 中元素名称和属性是必须小写的.) 2.问:对行内元素设置margin-top 和margin-bottom是否起作用答:不起作用.(需要注意行内元素的替换元素img.in…

前端开发面试题收集 HTML

Doctype是什么?说明特点. <!doctype>声明必须处于HTML文档的头部,在标签之前. <!doctype>声明不是一个HTML标签,是一个用于告诉浏览器使用哪种HTML规范的. 该标签可以声明三种DTD类型,分别表示严格版本.过渡版本以及基于框架的版本. img的title和alt有什么区别 title用于为元素提供附加的提示,通常鼠标滑动到元素上会显示. alt是img特有的属性,是图片内容的自定义描述,用于图片无法加载时,描述图片内容. 搜索引擎会分析alt描述.…

淘宝网前端开发面试题(二)--JS 面试题

所有答案仅供参考,不负责答案对错(^_^) 1.js 是什么,js 和 html 的开发如何结合? js是javascript的缩写,是一种基于对象的.事件驱动的脚本语言.它一共由三个部分组成:分别是DOM,BOM,ECMAscript.HTML 是超文本标记语言.HTML里的每一个标签就是JS里面的DOM节点.JS操作DOM节点就是在操作HTML的标签. 2.怎样添加.删除.复制.创建和查找节点? 添加节点:appendChild() 删除节点:removeChild() 复制节点:clone…

前端开发面试题收集 css

什么是CSS盒子模型页面上的每个元素都被浏览器看做是一个矩形的盒子. 由内容.填充.边框.边界组成. 什么是 css sprite 将多个图片拼接在一个图片中,通过background-position和元素尺寸调节显示想要的背景的方案. 优点: 减少HTTP请求数,加快页面加载速度. 提高压缩比.减少图片大小更换风格方便,只需在一张或者几张图片上修改颜色或者样式即可. 缺点: 图片合并麻烦维护麻烦,修改一个图片可能需要重新布局整个图片.样式 display:none; 于 visibil…

【理论面试篇】收集整理来自网络上的一些常见的经典前端、H5面试题 Web前端开发面试题

##2017.10.30收集面试技巧 5.1 面试形式 1) 一般而言,小公司做笔试题:大公司面谈项目经验:做地图的一定考算法 2) 面试官喜欢什么样的人 ü 技术好.自信.谦虚.善于沟通.表达. ü 喜欢追究原理 5.2 面试内容 1.2.1简历上的项目 ü 介绍下你的项目吧? 1) 第一步:介绍你项目是干嘛的 2) 第二步:介绍下你负责的是哪块 3) 第三步:介绍下里面都有什么功能,你是怎么实现的,怎么分层的? 1…

前端开发面试题-HTML（转载）

本文由本文的原作者markyun 收集总结了一些前端面试题,初学者阅后也要用心钻研其中的原理,重要知识需要系统学习.透彻学习,形成自己的知识链.万不可投机取巧,临时抱佛脚只求面试侥幸混过关是错误的!也是不可能的!不可能的!不可能的! 前端还是一个年轻的行业,新的行业标准, 框架, 库都不断在更新和新增,正如赫门在2015深JS大会上的<前端服务化之路>主题演讲中说的一句话:"每18至24个月,前端都会难一倍",这些变化使前端的能力更加丰富.创造的应用也会更加完美.所以关注…

前端开发面试题-JavaScript（转载）

本文由本文的原作者markyun 收集总结. 介绍js的基本数据类型. Undefined.Null.Boolean.Number.String. ECMAScript 2015 新增:Symbol(创建后独一无二且不可变的数据类型 ) 介绍js有哪些内置对象? Object 是 JavaScript 中所有对象的父对象数据封装类对象:Object.Array.Boolean.Number 和 String 其他对象:Function.Arguments.Math.Date.RegExp.E…

前端开发面试题总结之——JAVASCRIPT（一）

___________________________________________________________________________________ 相关知识点数据类型.运算.对象.function.继承.闭包.作用域.原型链.事件.RegExp.JSON.Ajax.DOM.BOM.内存泄漏.跨域.异步加载.模板引擎.前端MVC.前端MVVM.路由.模块化.Http.Canvas.jQuery.ECMAScript 2015(ES6).Node.js.AngularJS.Vu…

前端开发面试题总结之——HTML

______________________________________________________________________________________________ 相关知识点 web标准. web语义化. 浏览器内核. 兼容性. html5... 题目&答案 Doctype作用?严格模式与混杂模式如何区分?它们有何意义? (1)<!DOCTYPE>声明位于HTML文档中的第一行,处于<html>标签之前,用于告知浏览器的解析器用什么文档标准解析这个…

前端开发面试题总结之——CSS3

____________________________________________________________________________________________ 相关知识点布局. 浮动. 盒子模型. 弹性和模型. 选择器优先级. 居中定位. 兼容性. hack写法...... 题目&答案如何理解CSS的盒子模型? 每个HTML元素都是长方形盒子. (1)盒子模型有两种:IE盒子模型.标准W3C盒子模型:IE的content部分包含了border和pading. (2)…

前端开发面试题总结之——JAVASCRIPT（三）

___________________________________________________________________________________ 相关知识点数据类型.运算.对象.function.继承.闭包.作用域.原型链.事件.RegExp.JSON.Ajax.DOM.BOM.内存泄漏.跨域.异步加载.模板引擎.前端MVC.前端MVVM.路由.模块化.Http.Canvas.jQuery.ECMAScript 2015(ES6).Node.js.AngularJS.Vu…

前端开发面试题总结之——JAVASCRIPT（二）

___________________________________________________________________________________ 相关知识点数据类型.运算.对象.function.继承.闭包.作用域.原型链.事件.RegExp.JSON.Ajax.DOM.BOM.内存泄漏.跨域.异步加载.模板引擎.前端MVC.前端MVVM.路由.模块化.Http.Canvas.jQuery.ECMAScript 2015(ES6).Node.js.AngularJS.Vu…

前端开发面试题-CSS（转载）

本文由本文的原作者markyun 收集总结. 介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同的? (1)有两种, IE 盒子模型.W3C 盒子模型: (2)盒模型: 内容(content).填充(padding).边界(margin). 边框(border): (3)区别: IE的content部分把 border 和 padding计算了进去; CSS选择符有哪些?哪些属性可以继承? * 1.id选择器( # myid) 2.类选择器(.myclassname) 3.标签选…

web前端开发面试题（Vue.js）

1.active-class是哪个组件的属性?嵌套路由怎么定义? 答:vue-router模块的router-link组件. 2.怎么定义vue-router的动态路由?怎么获取传过来的动态参数? 答:在router目录下的index.js文件中,对path属性加上/:id. 使用router对象的params.id 3.vue-router有哪几种导航钩子? 答:三种,一种是全局导航钩子:router.beforeEach(to,from,next),作用:跳转前进行判断拦截.第二…

【编码题篇】收集整理来自网络上的一些常见的经典前端、H5面试题 Web前端开发面试题

编写一个方法求一个字符串的字节长度假设:一个英文字符占用一个字节,一个中文字符占用两个字节 function GetBytes(str){ var len = str.length; var bytes = len; for(var i=0; i<len; i++){ if (str.charCodeAt(i) > 255) bytes++; } return bytes; } alert(GetBytes("你好,as")); 实现一个函数clone,可以对JavaSc…

前端开发面试题JS

1.介绍js的基本数据类型. Undefined.Null.Boolean.Number.String. ECMAScript 2015 新增:Symbol(创建后独一无二且不可变的数据类型 ) 2.介绍js有哪些内置对象? Object 是 JavaScript 中所有对象的父对象数据封装类对象:Object.Array.Boolean.Number 和 String 其他对象:Function.Arguments.Math.Date.RegExp.Error 3.说几条写JavaScrip…

最全的前端开发面试题及答案（js，css等等）

点击链接 https://github.com/HerbertKarajan/Fe-Interview-questions 我会不断的更新...... 若想自己留着,可以fork一下. 如果觉得不错,记得star一下哦! O(∩_∩)O…

Web前端开发面试题赋答案

第一部分:用CSS实现布局让我们一起来做一个页面首先,我们需要一个布局. 请使用CSS控制3个div,实现如下图的布局. 第二部分:用javascript优化布局由于我们的用户群喜欢放大看页面于是我们给上一题的布局做一次优化. 当鼠标略过某个区块的时候,该区块会放大25%, 并且其他的区块仍然固定不动. 提示: 也许,我们其他的布局也会用到这个放大的效果哦.可以使用任何开源代码,包括曾经你自己写的. 关键字:javascript.封装.复用第三部分:处理紧急情况好了,我们的页面完成了…

web前端开发面试题（答案）

1.xhtml和html有什么区别? HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言最主要的不同:XHTML 元素必须被正确地嵌套.XHTML 元素必须被关闭.标签名必须用小写字母.XHTML 文档必须拥有根元素. 2.行内元素有哪些?块级元素有哪些?CSS的盒模型?块级元素:div p h1 h2 h3 h4 form ul行内元素: a b br i span input selectCss盒模型:内容,border ,margin,padding 3.CSS引…

淘宝网前端开发面试题(一)--HTML & CSS 面试题

所有答案仅供参考,不负责答案对错(^_^) 1.DOCTYPE? 严格模式不混杂模式-如何触发这两种模式,区分它们有何意义? 分析: DOCTYPE(是DOCument TYPE的缩写,即文档类型)是一组机器可读的规则,它们指示(X)HTML文档中允许有什么,不允许有什么.DOCTYPE正是用来告诉浏览器使用哪种DTD,一般放在(X)HTML文档开头表示声明,用以告诉别人这个文档的类型风格. 触发:根据不同的DTD触发,如果没有声明,那么默认为混杂模式. 区别:严格模式是浏览器根据Web标准去解…

web前端开发面试题(附答案)-1

1.浏览器中输入url到网页显示,整个过程发生了什么域名解析发起tcp三次握手建立tcp连接之后发起htttp请求服务器端响应http请求,浏览器得到html代码浏览器器解析html代码,并请求html代码中的资源浏览器对页面进行渲染呈现给用户 2.cookie的弊端每个特定的域名下最多生成的cookie的个数有限制 IE和Opera会清理近期最少使用的cookie,firefox会随机清理cookie cookie最大为4096字节,为了兼容一般不超过4095字节安全性问题,如…

前端开发面试题 — html篇

正值跳槽的金三银四月,在四月的中旬之际,博主为大家整理了几篇前端面试题,希望不会太迟 1.Doctype作用?标准模式与兼容模式各有什么区别? (1)<!DOCTYPE> 声明位于HTML文档中的第一行,处于 <html> 标签之前,告知浏览器的解析器用什么文档标准解析这个文档.DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现. (2)标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行.在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无…

前端开发面试题JS2

21.如何判断一个对象是否属于某个类? 使用instanceof if(a instanceof Person){ alert('yes'); } 22.new操作符具体干了什么呢? (1)创建一个空对象,并且 this 变量引用该对象,同时还继承了该函数的原型. (2)属性和方法被加入到 this 引用的对象中. (3)新创建的对象由 this 所引用,并且最后隐式的返回 this . var obj = {}; obj.__proto__ = Base.prototype; Base.cal…

Web前端开发面试题

1. 以下的代码有问题吗?如果有你觉着应该如何修改? for(int i=0; i<list.size(); i++) { ..... ..... if(...) { list.remove(i); } } 答案: 每次remove会造成list.size()的值减少(但i可没有减少),这样会造成循环不完的状况,导致漏删. 解决的方式是反着遍历容器. for(int i=(list.size()-1); i>=0; i--), 这样索引i和size同时减少,就不会有遗漏了. …

前端开发面试题之JavaScript（转自公众号）（1）

js基本数据类型:Undefine Number Null Boolean String; js内置对象:数据封装类对象:object.Array.Boolean.String: 其他:Function. Arguement.Math.Date.RegExp.Error: JavaScript的基本代码规范: 对字符串使用单引号: 使用对象字面量代替new Array()这种形式: 绝对不要在一个非函数块李声明一个函数,把那个函数赋给一个变量,浏览器允许你这么做,但是他们解析不同不要使用全局函…

web前端开发面试题(附答案)-3

1.用纯css创建一个三角形的原理: .demo{ width:0; height: 0; border: 5px solid transparent; border-left-color: red; } 2.为什么要初始化css样式不同的浏览器堆标签的默认值是不同的,如果没有对css初始化往往会出现浏览器之间的页面显示差异. 不建议使用*{padding:0:margin:0:} 3.解释为何要清除浮动?清除浮动的方式 1).给父级div定义高度 2).常规使用class .clearfix…

web前端开发面试题(附答案)-2

1.label是什么标签,有什么作用?和for属性使用的作用? label标签来定义表单控制间的关系,当用户选择该标签时,浏览器会自动将焦点转到和标签相关的表单控件上. label 元素不会向用户呈现任何特殊效果.不过,它为鼠标用户改进了可用性.如果您在 label 元素内点击文本,就会触发此控件.就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上. 标签的 for 属性应当与相关元素的 id 属性相同. 点击文本标记之一,就可以触发相关控件(点击Male就可以选择单选框…