首页 > 其他分享> 文章详细

前端面试题

2022-01-10 19:00:06 阅读：88 来源： 互联网

标签：index 面试题函数前端请求客户端 border 构造函数

面试题积累

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)

标签：index,面试题,函数,前端,请求,客户端,border,构造函数
来源： https://www.cnblogs.com/ma1998/p/15785582.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9