前端面试
文章平均质量分 73
zhang070514
不喜欢运动的程序员不是好的工程师!
展开
-
面试官:说一下css盒子模型
所谓盒子模型(Box Model)就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器。每个矩形都是由元素的内容(content)、内边距(padding)、边框(border)和外边距(margin)组成。所有的文档元素(标签)都会生成一个矩形框,我们称为元素框,它描述了一个文档元素在网页布局汇总所占的位置大小。每个盒子除了有自己的大小和位置外,还影响着其他盒子的大小和位置,因此正确了解css盒子模型对我们前端页面布局十分重要。css的盒子模型包括IE盒子模型(怪异模型) 和 标准原创 2021-02-24 14:06:15 · 4208 阅读 · 0 评论 -
浏览器输入URL后发生了什么
相信大多数的前端小伙伴对这个问题并不陌生,在面试中或多或少都遇到过这个问题,不知道当时你们回答的怎么样。最近利用春节放假时间又复习了一下这个知识点,在此总结一下,一是加深印象,二是方便以后自己面试的时候看。整个过程大体分为六步。一、URL解析用户输入URL,浏览器会根据用户输入的信息判断是搜索还是网址。如果是搜索内容,就将搜索内容+默认搜索引擎合成新的URL;如果用户输入的内容符合URL规则,浏览器就会根据URL协议,对一些默认的东西进行补齐,合成合法的URL二、DNS域名解析DNS:域名系统,全原创 2021-02-16 16:46:21 · 459 阅读 · 0 评论 -
call、apply了解一下
对javascript的call()和apply()这两个方法可以说是既熟悉又陌生,熟悉的是经常会在面试或是平常开发中会遇到,陌生的是对它俩一直是一知半解。刚好最近工作不是太忙,抽出时间来学习一下这两个方法。1、定义在javascript中,call和apply都是为了改变某个函数运行时的上下文(context)而存在的,换句话说,就是为了改变函数体内部this的指向。 function ...原创 2019-12-22 11:50:31 · 184 阅读 · 0 评论 -
面试官:如何实现深拷贝
写在前面 深拷贝应该是前端面试中经常被问到的问题之一,搞定它可以让我们在面试中如鱼得水。那么什么是深拷贝呢?它和浅拷贝有什么区别呢?如何实现一个深拷贝?相信看完这篇文章你就能回答上面的问题了。一、简单解释 我们都知道js的数据类型包括两种:基本数据类型和引用数据类型。我们今天所说的深拷贝和浅拷贝都只针对引用数据类型,浅拷贝只复制指向某个对象的指针,而不复制对象本身,新旧对象还是共享同一块内...原创 2019-11-06 10:37:13 · 358 阅读 · 0 评论 -
JS继承
最近在面试中被问到js的继承,当时回答的不太好,所以今天特别总结一下。我们先来看一个基于原型链的继承 //父类 function Person(){} //子类 function Student(){} //继承 Student.prototype = new Person();我们只要把子类的prototype设置为父类的实例,就完成了继承,也就是js里面的原型链继承。接...原创 2018-11-11 11:05:41 · 8482 阅读 · 6 评论 -
京东面试题分析
今天有幸去京东面试了,做了一套面试题,考察的都是很基础的东西,但也暴露出了不少问题。1、以下代码执行后a、b的值分别是(c) var a=0; var b=false || a++; A、1,1 B、0,0 C、1,0 D、0,false分析:在运算过程中,首先js 会将 && 或|| 两边的值原创 2017-09-01 15:55:37 · 1344 阅读 · 0 评论 -
前端面试之跨域请求
背景跨域是由浏览器的同源策略引起的,是指页面请求的url地址,必须与浏览器上url地址处于同域上(即域名,端口,协议相同)。这是为了防止某域名下的接口被其他域名下的网页非法调用,是浏览器对javascript施加的安全限制。原创 2017-08-26 18:06:18 · 3279 阅读 · 2 评论 -
前端面试题总结一
1、css样式 display:none;元素隐藏不占位; visibility:hidden 元素隐藏占位; 2、js实现阶乘 function jie(n){ if(n<1){ return 1; }else{ return n*jie(n-1); } } 3、数组去重 思路:创建一个新数原创 2017-08-24 16:52:23 · 291 阅读 · 0 评论 -
jquery中四种事件监听的区别
我们知道jquery提供了四种事件监听方式,分别是bind、live、delegate、on,下面就分别对这四种事件监听方式分析。已知有4个列表元素: 列表元素1 列表元素2 列表元素3 列表元素41.bindbind(type,[data],function(eventObject)) bind是使用频率较高的一种,作用就是在选择到的元原创 2017-08-06 23:20:18 · 56929 阅读 · 0 评论 -
sessionStorage和localStorage的区别
sessionStorage窗口临时存储,页面关闭,本地存储消失;数据不能共享localStorage永久存储(可以手动删除数据)数据能够共享(两个窗口同时打开一个页面,数据能够共享)、相同点:存储限制(5M)客户端完成,不会请求服务器处理代码: <input type="button" value="设置"> <input type="button" value="获取"原创 2017-07-02 11:50:06 · 421 阅读 · 0 评论 -
前端面试之cookie
今天面试的时候问到了cookie,回答的不是太好,刚好趁此机会总结一下。cookie的作用: 1.可以在客户端上保存用户数据,起到简单的缓存和用户身份识别等作用。 2.保存用户的登陆状态,用户进行登陆,成功登陆后,服务器生成特定的cookie返回给客户端,客户端下次访问该域名下的任何页面,将该cookie的信息发送给服务器,服务器经过检验,来判断用户是否登陆。 3原创 2017-06-30 23:58:18 · 2200 阅读 · 0 评论