前端面试习题收集

1. React相对于传统的框架来说其优势是什么? 框架本身就是为了更好更方便而诞生的,而框架最具优势的就是各种使用便捷,接口规范的插件 插件是框架的灵魂。其本质的好处就是以框架规范代码,使项目工程化,提高可维护性。 (1)虚拟dom,可以减少dom的操作,减少dom的操作就是提高浏览器的渲染性能...

2018-06-12 20:52:28

阅读数:359

评论数:0

css3实现一个div设置多张背景图片及background-image属性

CSS3/CSS1 background-image 属性语法:background-image:<bg-image> [ , <bg-image> ]* <bg-image&am...

2018-03-11 09:47:48

阅读数:118

评论数:0

可以设置inline元素的padding和margin吗?

对于这个问题,我的第一感觉就是不能,后来查看资料才知道原来我把inline元素设置了width和height无效和题目搞混了,经过查资料和实际验证后,得出以下结论:    1. inline元素设置width,height属性无效    2.inline元素的padding和margin可以设置,...

2018-03-06 23:00:10

阅读数:402

评论数:0

左右两列定宽,中间自适应的方法

1. 使用flex布局<div class="container"> <div class="left">left&...

2018-03-06 15:37:43

阅读数:68

评论数:0

CSS盒模型的深度思考及BFC

题目:谈一谈你对CSS盒模型的认识专业的面试,一定会问 CSS 盒模型。对于这个题目,我们要回答一下几个方面:(1)基本概念:content、padding、margin。(2)标准盒模型、IE盒模型的区别。不要漏说了IE盒模型,通过这个问题,可以筛选一部分人。(3)CSS如何设置这两种模型(即:...

2018-03-06 11:26:38

阅读数:42

评论数:0

HTML实体

对于HTML而言,有一部分字符是预留的,不能出现在HTML中,如果在html中使用小于号(<)和大于号(>),浏览器会误认为是标签。如果希望可以正确显示标签,那么就必须在html源代码中使用HTML字符。下面是常用的HTML实体的对应表格:显示结果描述实...

2018-03-05 21:13:27

阅读数:23

评论数:0

判断两个参数是否相等

function diff(obj1, obj2) { if(typeof obj1 !== typeof obj2) { return false; } else { switch (typeof obj1) { case ...

2018-03-04 19:06:56

阅读数:128

评论数:0

判断是否是数组的几种方法

1. objName instanceof Array2. objName..constructor == Array3. Array.isArray(objName);4.Object.prototype.toString.call(objName) == "[object A...

2018-03-03 21:35:03

阅读数:64

评论数:0

4种方法生成三个并排的大小相等的元素

基本的dom结构如下:div class="container"> <div class="item">item1</di...

2018-03-03 17:08:01

阅读数:38

评论数:0

前端性能优化(CSS动画篇)

原理现代浏览器在使用CSS3动画时,以下四种情形绘制的效率较高,分别是:* 改变位置* 改变大小* 旋转* 改变透明度层?重绘?回流和重布局?图层重组?首先要了解CSS的图层的概念(Chrome浏览器)浏览器在渲染一个页面时,会将页面分为很多个图层,图层有大有小,每个图层上有一个或多个节点。在渲染...

2018-03-02 19:03:47

阅读数:67

评论数:0

HTTP协议GET和POST请求的区别

浏览器中输入网址访问资源一般都是通过GET方式;在FORM提交中,可以通过Method指定提交方式为GET或者POST,默认为GET提交。Http协议定义了与服务器交互的不同方法,最基本的方法有4种,分别是GET、POST、PUT、DELETE。URL全称是资源描述符,可以认为一个URL地址用于描...

2018-03-01 20:54:12

阅读数:29

评论数:0

判断一个js对象是否是Array,arr为要判断的对象

在一般情况下我们可以使用instanceof,但是instanceof会在跨iframe对象构建的场景下失效,尽管说现在已经不常使用iframe。但是还有一个可靠的方法可以在任何时候都可以调用:     Object.prototype.toString.call(arr) === '[objec...

2018-02-12 15:03:06

阅读数:96

评论数:0

javaScript中的 RegExp 对象的原生方法

JavaScript RegExp 对象有 3 个方法:test()、exec() 和 compile()。(1) test() 方法用来检测一个字符串是否匹配某个正则表达式,如果匹配成功,返回 true ,否则返回 false;(2) exec() 方法用来检索字符串中与正则表达式匹配的值。ex...

2018-02-12 14:35:31

阅读数:33

评论数:0

换行属性

通过使用 word-break 属性,可以让浏览器实现在任意位置的换行。值描述normal使用浏览器默认的换行规则。break-all允许在单词内换行。keep-all只能在半角空格或连字符处换行。white-space 属性设置如何处理元素内的空白。值描述normal默认。空白会被浏览器忽略。p...

2018-02-12 10:02:35

阅读数:38

评论数:0

css选择器的权重

id选择器权重100class类,伪类选择器10类型选择器和伪元素 1子选择器,通配符,相邻同胞选择器0

2018-02-12 09:51:53

阅读数:43

评论数:0

web网页 页面布局的几种方式

网页基本布局方式: (1)流式布局 Fluid 流布局与固定宽度布局基本不同点 就在于对网站尺寸的侧量单位不同。固定宽度布局使用的是像素,但是流布局使用的是百分比,这位网页提供了很强的可塑性和流动性。换句话说,通过设置百分比,我们不需要考虑设备尺寸或者屏幕宽度大小了,可以为每种情形找到...

2018-02-06 23:18:56

阅读数:303

评论数:0

CSS3伪类和伪元素的特性和区别

前端er们大都或多或少地接触过CSS伪类和伪元素,比如最常见的:focus,:hover以及标签的:link、visited等,伪元素较常见的比如:before、:after等。 其实上面提到的这些伪类和伪元素都是CSS1和CSS2中的概念,CSS1和CSS2中对伪类的伪元素的区别比较模糊,...

2018-02-06 22:42:16

阅读数:50

评论数:0

storage事件

对Storage对象进行修改,都会在文档上触发storage事件。当通过属性或setItem()保存数据,使用delete操作符或removeItem()删除数据或者调用clear()方法清除数据,都会发生这个事件。这个事件的event对象有以下属性: domain:发生变化的存储空间的域名, ...

2018-02-03 22:17:18

阅读数:41

评论数:0

XHR对象的readyState属性对应的值都有哪些,分别代表什么含义?

XHR对象的readyState属性对应有五个值,它们的含义如下: 0:未初始化。尚未调用open()方法 1:启动。已经调用open()方法,但是还没有调用send()方法 2:发送。已经调用send()方法,但是还没有接收响应 3:接收。已经接收到部分数据 4:完成。已经接收到全部响...

2018-02-03 17:17:05

阅读数:192

评论数:0

原生js如何获取某一元素的高度

一般有三种方法: 1.document.getElementById("id").style.height,这种方法的前提是必须之前已经显示的在css中声明过height,才能取得正确的值 2.document.getElementById("id")....

2017-11-27 16:27:59

阅读数:6173

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭