前端面试题
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" 所属容器的宽度值
.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、你是用过哪些前端框架,谈谈他们各自的优缺点