前端面试题

前端面试题

1、js 常见的设计模式有哪些？

2、编写一个方法去掉数组里面重复的内容 var arr=[1,2,1,4,3,2]

3、ajax的步骤

4、xml和json的区别

5、浮动的方法

6、常见的http的状态码

7、如何进行网站的性能优化

8、react 和 vue有哪些不同，说说你对这两个框架的看法

9、什么是mvvm mvc mvp 是什么 原理

10、css选择符有哪些？优先级算法如何计算

11、数组和链表的区别

12、列出你所知道的排序算法，并标出时间与空间的复杂度，并选择其一实现

13、如何实现一个块元素水平垂直居中

14、跨域请求数据的方法有哪些

15、写出你知道的css选择器

16、编写一个类和类继承，类名为person,含有属性name,age,含有方法sayHello,编写一个student类，继承person,自有属性score,自由方法 study.

17、for(var i=0;i<5;i++){setTimeout(()=>{ console.log(i) },1000)}
分析上面代码运行的结果

18、写出alert的弹出内容
if(!(“a” in window)){ var a=1 } alert(a)

19、用正则实现如下功能：给定的字符串str,检查其是都包含连续重复的字母（a-zA-Z）,包含返回true,否则返回false

20、var name =“222”
var a={ name=“111”,say:function(){ console.log(tjis.name) } }
var fun =a.say; fun();a.say();
请写出代码的结果

21、HTML5 & css3新特性有哪些类型？

22、移动端跨设备常用的自适应的布局方法?

23、iphone6物理像素和逻辑像素的值分别是什么？

24、请列举几点页面性能优化&css优化方案？

25、可以通过哪些方法优化css3 animation

26、vue有哪些常用的指令，请举例说明

27、vue的slot插槽有几种类别，请分别说明

28、已知容器width:100%,通过哪些方法使容器的高度为宽度的1\2

29、 请分析一下渐变的方向
background:-webkit-gradirnt( inear,0 50%, 100% 50%,from(#ace),to(#f96) )

30、".item" 所属容器的宽度值

A

.box{ width:200px;margin:10px;padding:10px;border:15px solid #fff;box-sizing: }

31、div所有子元素的文本颜色

title

a

b

.list{color:black} .list dd:nth-child(1){color:red}

32、如下定义，背景颜色素材img.png 展示尺寸是否发生变化？
.main { width:100px; hright:200px;background:url() no-repeat 0 0;background-size:cover } img素材尺寸为200 200

33、请画出以下代码的布局

.box{ width:100%;display:flex }
.box2{ width:200px } .box3{ flex:1; }

34、请画出以下图形

<ellipse cx=“300” cy=“150” rx=“80” style=rgb(200,100,50)

35、eval是做什么的，性能、安全如何

36、node.js的有点和缺点，适用场景

37、position 的只有那些，简单介绍

38、什么是闭包，举例说明

39、jquery 中如何将数组转化为字符串，然后再转化回来

40、为什么会有跨域问题，如何解决

41、简述css盒子模型

42、分别使用css2 和css3实现块元素在父元素内水平和垂直居中

43、如何组织事件冒泡

44、瀑布流实现的基本原理

45、lazy load 实现的基本原理

46、列举原生查找DOM 的方法

47、ES6 中数组的新特性

48、分别写出ES5中新增的储存本地数据的方法，并说明区别

49、请说明 Angular js 1.x 中的几大模块

50、no-repeat 对数字有何约束，如何处理

51、简述一下react的生命周期

52、state 和 props的区别

53、用原生的方式实现选项卡的切换

54、介绍下generator函数，怎么使用

55、ArrayBuffer 和 Array 的区别

56、js 中使用typeof 能得到那些类型

57、js 中何时使用–

58、window.onload 和 DOMContent.oaded的区别

59、用js创建10个a标签 点击的时候弹出来对应的序号

60、列出常用的js字符串处理函数和数组处理函数

61、js实现数组的随机排序

62、标准盒子模型的宽度计算公式是

63、边框盒子和标准盒子的不同？

64、css清除浮动样式

65、web storage 和 cookie 的区别

66、position 4种定位的简述

67、用纯CSS创建一个三角形的原理是什么？

68、：：before 和 ：after 中 双冒号 和 单冒号 有什么区别

69、如何实现一个数组去重

70、写一个方法，传入一个DOM元素，如何找到他的先祖元素中所有div的个数 并放回

71、实现一个三列布局，高度撑满整个屏幕，中间一个div宽度200px,左右2个div宽度自适应

72、如何是手机端设计哟个瀑布流，你觉得应该注意哪些问题

73、什么是回调函数，写一个例子

74、写一个简单的promise 函数

75、使用jquery 查找title-“web” 的 a 元素并且移动到fd=“wrap” 的div元素内

76、使用jquery 为div 加上鼠标划上，背景颜色变蓝，划出变红的事件

77、使用jquery环境内，如何阻止元素的默认事件，如何阻止事件冒泡
event.preventDefault 阻止默认事件
event.stoppropgation 阻止事件冒泡

78、node环境下如何安装一个组件

79、创建一个学生对象，包含2个属性一个公有方法

80、如何继承学生对象，并画出内存图

81、用CSS3实现一个图不停的旋转

82、设计一个网页的倒计时

83、给页面所有的A链接绑定一个事件，点击后弹出该元素对应的父级元素标签

84、简述一下你对html文化的理解

85、解释一下css sprites,以及你如何在页面或网站中使用它

86、js有哪些内置对象

87、call() 和 apply() 的区别和作用

88、解释一下JS 中的this是如何工作的

89、new操作具体干了什么

90、什么是闭包，如何使用它，为什么要使用

91、H5有哪些新特性

92、你是用过哪些前端框架，谈谈他们各自的优缺点