web常见面试题整理
关注
分享
扫一扫
冰雪为融
我与我周旋久，宁做我
展开
-
调用函数时前面为什么要加(void)
调用函数时前面加(void)，是为了显式指明，程序不处理函数返回值。这是一种较好的编程规范，增加可读性之类的好处。转载 2020-09-12 21:10:38 · 3056 阅读 · 0 评论 -
数组对象比较处理（面试题，附答案）
闲来无事，看到一个面试题，做了一下写了几个工具函数：需要引入一下/** 判断是否为数组* */function isArray (params) { return params instanceof Array}/** 判断是否为对象* */function isObject (params) { return params instanceof Object}/** 判断参数是否为同一个类型，比如是否都为对象，或者是否都为数组等等* */f.原创 2020-06-30 17:47:52 · 457 阅读 · 0 评论 -
前端面试题
下列代码输出什么？for(var i=0;i<5;i++){ (function(i){ setTimeout(function(){ console.log(i); },i*1000) })(i)} // 0,1,2,3,4下列代码输出什么？for(var i=0;i<5;i++){ setTimeout(function(){ ...转载 2018-07-11 16:39:29 · 223 阅读 · 0 评论 -
前端知识点系列一
什么是同源：协议相同 域名相同 端口相同同源政策的目的，是为了保证用户信息的安全，防止恶意的网站窃取数据。如果非同源，共有三种行为受到限制。 Cookie、LocalStorage 和 IndexDB 无法读取。 DOM 无法获得。 AJAX 请求不能发送。性能优化？ 使用 CDN图片懒加载使用外部 JavaScript 和 CSS压缩 JavaScript 、 CSS 、字体、图片等优化 CSS...原创 2018-07-07 21:39:54 · 189 阅读 · 0 评论 -
一道常被人轻视的前端JS面试题
目录前言 第一问 第二问 变量声明提升 函数表达式 第三问 第四问 第五问 第六问 构造函数的返回值 第七问 最后 前言年前刚刚离职了，分享下我曾经出过的一道面试题，此题是我出的一套前端面试题中的最后一题，用来考核面试者的JavaScript的综合能力，很可惜到目前为止的将近两年中，几乎没有人能够完全答对，并非...转载 2018-08-22 21:03:18 · 288 阅读 · 0 评论 -
js中的函数节流
对于常见的场景，1、使用onresize 事件处理程序的时候容易发生，当调整浏览器大小的时候，该事件会连续触发。在onresize 事件处理程序内部如果尝试进行DOM 操作，其高频率的更改可能会让浏览器崩溃。 2、我们常见的一个搜索的功能，我们一般是绑定keyup事件，每按下一次键盘就搜索一次。但是我们的目的主要是每输入一些内容搜索一次而已。大部分节流都采用时间做节流，即时间间隔小于多少的不...原创 2018-08-23 19:55:02 · 333 阅读 · 0 评论 -
牛客网前端面试题错题整理（一）
下面有关HTML的Doctype和严格模式与混杂模式的描述，错误的是？正确答案: C <!DOCTYPE> 声明位于文档中的最前面，处于<html>标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档在标准模式中，浏览器根据规范呈现页面；在混杂模式中，页面以一种比较宽松的向后兼容的方式显示DOCTYPE不存在或格式不正确会导致文档以标准模式呈现...原创 2018-09-02 23:17:09 · 536 阅读 · 0 评论 -
js中的内置对象，宿主对象和自定义对象
JS中，可以将对象分为“内置对象”、“宿主对象”和“自定义对象”三种。1，内置对象js中的内置对象包括Array、Boolean、Date、Function、Global、Math、Number、Object、RegExp、String以及各种错误类对象，包括Error、EvalError、RangeError、ReferenceError、SyntaxError和TypeError。...原创 2018-09-11 12:14:21 · 984 阅读 · 0 评论 -
vue.js相关面试题整理
一、什么是MVVM？MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过ViewMo...转载 2018-09-11 19:26:07 · 269 阅读 · 0 评论 -
前端面试题
前言最近参加了几场面试，积累了一些高频面试题，我把面试题分为两类，一种是基础试题: 主要考察前端技基础是否扎实，是否能够将前端知识体系串联。一种是开放式问题: 考察业务积累，是否有自己的思考，思考问题的方式，这类问题没有标准答案。基础题题目的答案提供了一个思考的方向，答案不一定正确全面，有错误的地方欢迎大家请在评论中指出，共同进步。怎么去设计一个组件封装组件封装的目的是为了重用...转载 2018-09-03 20:09:58 · 241 阅读 · 0 评论 -
牛客网笔试题错题总结
1、关于history对象的属性和方法的描述length 返回浏览器历史列表中的URL数量 back() 加载 history 列表中的前一个URL forward() 加载 history 列表中的下一个URL go() 加载history列表中的某个具体页面。2、H5新增的表单元素 datalist 元素规定输入域的选项列表。 keyge...原创 2018-09-12 12:18:24 · 1710 阅读 · 0 评论 -
牛客网前端面试题错题总结
1、当表单中包含文件上传控件时，需要将enctype设置为（）正确答案：Bapplication/x-www-form-urlencodedmultipart/form-datatext/explainfile-data解析：enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。属性值application/x-www-form-urlencoded ...原创 2018-09-13 14:33:24 · 1035 阅读 · 0 评论 -
面试题（第 1 题：写 React / Vue 项目时为什么要在列表组件中写 key，其作用是什么？ ）
key是给每一个vnode的唯一id,可以依靠key,更准确, 更快的拿到oldVnode中对应的vnode节点。1. 更准确因为带key就不是就地复用了（不带有key，并且使用简单的模板，基于这个前提下，可以更有效的复用节点，diff速度来看也是不带key更加快速的，因为带key在增删节点上有耗时。这就是vue文档所说的默认模式。但是这个并不是key作用，而是没有key的情况下可以对节点...转载 2019-08-01 20:00:31 · 1619 阅读 · 4 评论 -
前端面试题
一、position跟display、margin collapse、overflow、float这些特性相互叠加后的行为。这个问题的答案网上已经有大神总结过了，嗯，附上我看到的一个链接：https://blog.youkuaiyun.com/jiaw127/article/details/48370247就补充一下一些基本知识浮动的行内变成块级元素绝对定位的行内也会变成块级元素绝对定位时浮动失效，top,b...原创 2018-06-27 22:59:07 · 158 阅读 · 0 评论 -
前端面试题
事件代理优点有哪些？可以为将来元素绑定事件减少事件注册什么是事件对象？保存调用该事件详细信息的一个参数，没有固定命名li与li之间有看不见的空白间隔是什么原因引起的？有什么解决办法？在写页面的时候，会需要将<li>这个块状元素横排显示，此时就需要将display属性设置为inline-block，此时问题出现了，在两个<li>元素之间会出现大约8px左右的空白间隙引起这种空...原创 2018-06-26 22:47:25 · 203 阅读 · 0 评论 -
js获取浏览器URL中查询字符串
看到一个面试题：如何获取浏览器url中查询字符串，呃呃呃，不会，然后赶紧找书、找度娘。嗯，终于懂了，总结一下，大家一起学习，共同进步！做这道题之前，我们先来了解一下location对象location是BOM对象之一，它提供了与当前窗口中加载的文档有关的信息，还提供了一些导航功能。事实上，location对象是一个很特别的一个对象，因为它既是window对象的属性，也是document对象的属性；...原创 2018-04-01 10:57:06 · 4386 阅读 · 0 评论 -
js中8种数组去重的方法
第一种：function deRepeat(arr){ var newArr=[]; for(var i=0;i<arr.length;i++){ if(newArr.indexOf(arr[i])==-1){//如果新的数组中没有这个值，就将其添加到新的数组中 newArr.push(arr[i]); ...原创 2018-04-03 15:23:11 · 1146 阅读 · 0 评论 -
毕业一年左右的前端妹子面经总结
原文链接地址https://juejin.im/post/5af99678f265da0b8e7f881e前言嗯(emmmm)，这篇面经我两周在SegmentFault上写过啦，现在在掘金上再更新一下会不会有人想揍我：你看又来了又来了~因为答应了一位技术经理不能食言在掘金上也写写文章，所以如果看过的那就再看一次吧(我已经推迟一天啦，摸摸自己的小肚子，周末吃喝玩乐+学习了)，但是我记得要更新，你看是...转载 2018-05-19 19:09:47 · 799 阅读 · 0 评论 -
深入学习javaScript中的深拷贝（复制）和浅拷贝（复制）
学习深拷贝和浅拷贝之前，首先我们需要知道什么是基本数据类型和引用数据类型，如果还不知道或不是特别清楚的话，请点击https://blog.youkuaiyun.com/lhjuejiang/article/details/79614614嗯、步入正题所谓的浅复制，只是拷贝了基本类型的数据，而引用类型数据，复制后也是会发生引用（仅仅是指向被复制的内存地址，如果原地址改变了，那么浅复制出来的对象也会相应的改变），...原创 2018-04-29 23:35:28 · 196 阅读 · 0 评论 -
兼容性问题系列总结（一）
之前有写过css知识点系列总结，觉得效果还不错，所以打算把遇到的兼容性问题也汇总到一起，就当记笔记喽（也是会持续更新滴）2018/6/20--js兼容性问题--1. JSON 解析问题： ecmascript5 通过 JSON 对象进行处理，ecmascript5 之前通过 eval 进行解析；2. 自定义属性问题： IE 下，可以使用获取常规属性的方法来获取自定义属性，也可以使用 get...原创 2018-06-20 21:02:52 · 311 阅读 · 0 评论 -
js面试题及答案
原文出处： Toptal 译文出处：众成翻译 - xiaosheng222 1、使用typeof bar ===“object”来确定bar是否是一个对象时有什么潜在的缺陷？这个陷阱如何避免？尽管typeof bar ===“object”是检查bar是否是对象的可靠方法，但JavaScript中令人惊讶的问题是null也被认为是一个对象！因此，对于大多数开发人员来说，下面的代码会将真实（...转载 2018-06-06 19:45:03 · 4591 阅读 · 0 评论 -
js中容易掉坑的几道面试题
今天看了几道面试题，有点易错，嗯，整理出来，大家一起看喽1、看题： (function(){ var a = b = 3; })(); console.log("a defined? " + (typeof a !== 'undefined'));//a defined? false console.log("b defined? " + (type...原创 2018-06-06 20:35:58 · 2175 阅读 · 0 评论 -
前端面试题整理
习惯了，每天不管再忙都要整理至少一篇博客，一来是强迫自己把不会的或有疑问的问题进行深入的研究，另外也是不想给自己的偶尔想要偷懒的心留下放纵的机会，最重要的是，每天都能够学到点前端的知识，是件很开心的事，如果实在没得写就看面试题，哈哈。在网上找的面试题，只把我自己可能有疑问的，易错的整理了出来，如果想要看全部的话，文章后面会有参考文章链接哦1、猜猜下面这道题的结果var str = "123abc"...原创 2018-06-23 22:19:15 · 336 阅读 · 0 评论 -
href和src的区别
1、请求资源类型不同（1） href是Hypertext Reference的缩写，表示超文本引用。用来建立当前元素和文档之间的链接。常用的有：link、a。（2）在请求 src 资源时会将其指向的资源下载并应用到文档中，常用的有script，img 、iframe；2、作用结果不同（1）href 用于在当前文档和引用资源之间确立联系；（2）src 用于替换当前内容；3、 浏览器解析方式不同（1）...原创 2018-06-24 22:20:20 · 18554 阅读 · 0 评论 -
前端面试题
在家容易贪玩，嗯，睡前看点面试题，不然会睡不着，哈哈以前觉得自己的前端学得还不错，看面试题的时候，才发现，前路漫漫，还是要不断的学习，嗯，看下面的几道题1、猜猜下面这道面试题打印的结果 var a = [1, 2]; var b = [3, 4]; console.log(a + b); console.log(typeof (a + b));嗯、请看答案 va...原创 2018-06-25 22:46:23 · 244 阅读 · 0 评论