面试题积累
1.自我介绍：
略...
2.说一下盒模型，还问到了IE盒子与标准盒子的区别
margin外边距 border边框 padding内边距 content内容
IE盒子与标准盒子的区别：IE盒子的content包括border和padding
3.移动端响应式布局你会哪些？
-
百分比布局100%
-
rem布局16px=1rem
-
视口布局vw/vh
-
媒体查询@media screen and (max-width: 1024px)
4.写代码：鼠标经过一个div（有阴影），3s后div变成圆形
.box {
border-style: solid;
border-width: 1px;
display: block;
width: 100px;
height: 100px;
background-color: #0000FF;
}
.box:hover {
background-color: #FFCCCC;
border-radius: 50%;
transition:border-radius 3s, background-color 3s, transform 3s;
}
5.构造函数与普通函数的区别？
-
构造函数：用函数来初始化的一个新建的对象，我们称之为构造函数
-
普通函数：不适用new运算符的函数就是普通函数
两者的区别：
-
构造函数使用new关键字调用；普通函数不用new关键字调用
-
构造函数内部可以使用关键字this;普通函数内部不建议使用this,因为this指向的是window全局对象，这样无意间就会为window添加一些全局变量或函数
-
构造函数默认不用return返回值；普通函数一般都有return返回值
-
构造函数首字母建议大写；普通函数首字母建议小写；
6.http的理解
- 超文本传输协议的缩写（Hyper Text Transfer Protocol），超文本不仅仅是文本，还包括HTML，图片等。
- HTTP协议工作于客户端-服务器端架构上。浏览器作为HTTP客户端通多URL向HTTP服务端即web服务器发送所有请求。web服务器根据接受到的请求后，向客户端发送响应信息。
- 主要特点：简单快速、灵活、无连接、无状态、支持B/S及C/S模式(浏览器/服务器和客户端/服务器)
- 请求的常用方法有get、head、post
- 一个url:协议+域名+端口+虚拟目录+文件名+锚部分+参数
- 请求报文：请求报文由请求行、请求头部、空行和请求数据四个部分组成。
- 响应报文：响应报文包括：状态行、消息报头、空行和相应正文
- HTTP方法：get、post、head、options、put、delete、teace、connect
- 状态码：1XX表示信息，2XX表示成功，3XX表示重定向，4XX表示客户端错误，5XX表示服务器错误
7.写代码：遍历一个数组记录所有字符重复出现的次数，以及所有重复字符出现的索引值，不重复的也需要记录
// 遍历一个数组记录所有字符重复出现的次数，
// 以及所有重复字符出现的索引值，
// 不重复的也需要记录
const numbers=[1,2,3,2,4,6,8,9,3,5,9,9,9];//原始数组
let index=0;//声明一个下标
let indexs=[];//声明一个对象
for (let i=0; i<numbers.length; i++){
let sum=1;
for (let j=0; j<numbers.length; j++) {
if (numbers[i]==numbers[j]&&i!=j){
sum+=1;
// console.log(index+"出现相同的值,值为"+numbers[i]+"重复次数"+sum)
}
}
if (sum>0){
indexs[index]={index:index,count:sum}
}
index++;
}
// console.log("======分割线========")
console.log(indexs)