• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

笔试模拟面试题一

互联网 diligentman 1个月前 (10-26) 20次浏览

1:定位有哪几种? 分别简述其特点。

 1. static:默认值,没有定位,元素出现在正常的文档流中
 2. relative:生成相对定位的元素,不脱离文档流,相对于自身位置进行定位
 3. absolute:生成绝对定位的元素,脱离文档流,相对于最近一级的定位,而不是static的父元素来进行定位
 4. fixed:生成绝对定位元素(老IE不支持),脱离文档流,相对于浏览器窗口进行定位 

2: 请描述一下网页从开始请求到最终显示的完整过程。

1.在浏览器中输入网址;
2.发送至DNS服务器并获得域名对应的web服务器的IP地址;
3.与web服务器建立起TCP连接;
4.浏览器向服务器的IP地址发送相应的http请求;
5.web服务器响应请求并返回指定URL的数据, 或错误信息, 如果设定重定向, 则重定向到新的URL地址;
6.浏览器下载数据后解析HTML源文件, 解析的过程中实现对页面的排版, 解析完后在浏览器中显示基础页面;
7.分析页面中的超链接并显示在当前页面, 重复以上过程直至无超链接需要发送, 完成全部显示

3: link和import的区别?

1、link是html标签,import是css中定义的,只能加载在style标签内和css文件中
2、link在页面载入时同时加载,import在页面载入后加载
3、link无兼容问题,import在css2.1以下不支持,
4、js可以通过控制dom去修改link引入的样式,import不可以通过js修改

4:阅读以下代码:

var age = 20;
var test;
if (age > 20 && test.length > 0) {
    console.log(1);
} else {
    console.log(2);
} 

上述代码运行后, 是产生输出结果还是报错? 为什么?

产生输出结果, 结果为2,因为if判断中第一个就不满足要求为false,根据‘逻辑短路’,第二个执行不了,就执行else代码块啦

5:call() 和 apply() 的区别和作用?

1. 语法 call(function, var1, var2, var3) apply(function, [var1, var2, var3])
2.区别:
 call()传递给函数的参数必须逐个列举出来
 apply()只能接受两个参数 传递给函数的参数是数组
3.作用:改变this的指向

6:js深拷贝和浅拷贝的区别?

浅拷贝只复制指向某个对象的指针, 而不是复制对象本身, 新旧对象还是共享同一块内存;
深拷贝会另外创造一个一摸一样的对象,新对象跟原对象不共享内存,修改新对象不会改到原对象 

7:通过es6解构赋值的方法提取以下对象的street值和 prices的第2个元素。

let sth = {
    orderId: '123456',
    address: { city: 'HZ', street: 'XIHU' },
    prices: [10, 20, 30]
}
let {
    address: { street },
    prices: [, prices]
} = sth;
console.log(street, prices);

8:HTTP状态码知道哪些?

100 Continue 继续, 一般在发送post请求时, 已发送了http header之后服务端将返回此信息, 表示确认, 之后发送具体参数信息
200 OK 正常返回信息
201 Created 请求成功并且服务器创建了新的资源
202 Accepted 服务器已接受请求, 但尚未处理
301 Moved Permanently 请求的网页已永久移动到新位置。
302 Found 临时性重定向。
303 See Other 临时性重定向, 且总是使用 GET 请求新的 URI304 Not Modified 自从上次请求后, 请求的网页未修改过。
400 Bad Request 服务器无法理解请求的格式, 客户端不应当尝试再次使用相同的内容发起请求。
401 Unauthorized 请求未授权。
403 Forbidden 禁止访问。
404 Not Found 找不到如何与 URI 相匹配的资源500 Internal Server Error 最常见的服务器端错误。
503 Service Unavailable 服务器端暂时无法处理请求( 可能是过载或维护)。

9:vue.js的两个核心是什么?

数据驱动、 组件化系统

10:vue中,怎么使css只在当前组件起作用

 <style scope></style>
 实现样式私有化,不对全局造成污染 

以上如有不对可在评论区指出


喜欢 (0)