JavaScript面试题11-20

最新推荐文章于 2023-01-27 14:08:34 发布

Ashy-

最新推荐文章于 2023-01-27 14:08:34 发布

阅读量283

点赞数

分类专栏：前端面试题文章标签： javascript css3 es6 html5

本文链接：https://blog.csdn.net/weixin_43794299/article/details/113617429

版权

前端面试题专栏收录该内容

21 篇文章 3 订阅

订阅专栏

JavaScript面试题11-20

每日坚持学10道题

11. 函数的对象

[填空题]
填写内容让下面代码支持 a.name = “name1”; b.name = “name2”;

function obj(name){ 
	_____
} 
obj._____ = "name2"; 
var a = obj("name1"); 
var b = new obj;

来自：阿里巴巴前端开发工程师笔试
答案：

if (name) {
    this.name = name;
}
return this;

prototype.name

12. js中的Object属性

[填空题]
javascript 语言特性中，有很多方面和我们接触的其他编程语言不太一样，比如说，javascript 语言实现继承机制的核心就是____，而不是 Java 语言那样的类式继承。Javascript 解析引擎在读取一个 Object 的属性的值时，会沿着_____向上寻找，如果最终没有找到，则该属性值为_____；如果最终找到该属性的值，则返回结果。与这个过程不同的是，当 javascript解析引擎执行“给一个 Object 的某个属性赋值”的时候，如果当前 Object 存在该属性，则改写该属性的值，如果当前的 Object 本身并不存在该属性，则赋值该属性的值。

来自：阿里巴巴前端开发工程师笔试
答案：prototype 原型链 undefined

13. html （又是一道混入js的题）

[单选题]
下面有关 html 的描述，不推荐的是？

A.在页面顶部添加 doctype 声明；
B.在</head> ···<body> 中间插入 HTML 代码；
C.避免使用<font> 标签；
D.使用 <table>元素展现学生成绩表等数据。

来自：阿里巴巴前端开发工程师笔试
答案：B

14. css布局（又是一道混入js的题）

[单选题]
下面关于 CSS 布局的描述，不正确的是？
A.块级元素实际占用的宽度与它的 width 属性有关；
B.块级元素实际占用的宽度与它的 border 属性有关；
C.块级元素实际占用的宽度与它的 padding 属性有关；
D.块级元素实际占用的宽度与它的 background 属性有关

来自：阿里巴巴前端开发工程师笔试
答案：D

15. js 鼠标触发事件

[单选题]
下列事件哪个不是由鼠标触发的事件（）
A.click
B.contextmenu
C.mouseout
D.keydown

来自：阿里巴巴前端开发工程师笔试
答案：D

16. js 如何获取和设置 cookie

[问答题]
js 如何获取和设置 cookie？

参考：
来自：前端工程师进阶检测

参考：

// 创建 cookie
function setCookie(name, value, expires, path, domain, secure) {
	 var cookieText = encodeURIComponent(name) + '=' + encodeURIComponent(value);
	 if (expires instanceof Date) {
		 cookieText += '; expires=' + expires;
	 }
	 if (path) {
		 cookieText += '; expires=' + expires;
	 }
	 if (domain) {
		 cookieText += '; domain=' + domain;
	 }
	 if (secure) {
		 cookieText += '; secure';
	 }
	 document.cookie = cookieText;
}
// 获取 cookie
function getCookie(name) {
	var cookieName = encodeURIComponent(name) + '=';
	var cookieStart = document.cookie.indexOf(cookieName);
	var cookieValue = null;
	if (cookieStart > -1) {
		var cookieEnd = document.cookie.indexOf(';', cookieStart);
		if (cookieEnd == -1) {
			cookieEnd = document.cookie.length;
		}
		cookieValue = decodeURIComponent(
			document.cookie.substring(cookieStart + cookieName.length, cookieEnd)
		);
	}
	return cookieValue;
}
// 删除 cookie
function unsetCookie(name) {
	document.cookie = name + "= ; expires=" + new Date(0);
}

17. cache-control

[问答题]
请说说 cache-control 是怎么回事？

来自：前端工程师进阶检测
参考：

	网页的缓存是由 HTTP 消息头中的“Cache-control”来控制的，常见的取值有 private、
no-cache、max-age、must-revalidate 等，默认为 private。<br>Expires 头部字段提供一个日期和
时间，响应在该日期和时间后被认为失效。允许客户端在这个时间之前不去检查（发请求），等同 max-age 的
效果。但是如果同时存在，则被Cache-Control 的 max-age 覆盖。
	Expires = "Expires" ":" HTTP-date 
	例如：
	Expires: Thu, 01 Dec 1994 16:00:00 GMT （必须是 GMT 格式）
	如果把它设置为-1，则表示立即过期
	Expires 和 max-age 都可以用来指定文档的过期时间，但是二者有一些细微差别
	1.Expires 在 HTTP/1.0 中已经定义，Cache-Control:max-age 在 HTTP/1.1 中才有定义，为
了向下兼容，仅使用 max-age 不够。
	2. Expires 指定一个绝对的过期时间(GMT 格式),这么做会导致至少 2 个问题：
		2.1 客户端和服务器时间不同步导致 Expires 的配置出现问题。 
		2.2 很容易在配置后忘记具体的过期时间，导致过期来临出现浪涌现象
	3. max-age 指定的是从文档被访问后的存活时间，这个时间是个相对值(比如:3600s)，相对的是文档第
一次被请求时服务器记录的 Request_time(请求时间) 
	4. Expires 指定的时间可以是相对文件的最后访问时间(Atime)或者修改时间(MTime)，而max-age 
相对对的是文档的请求时间(Atime) 
	5. 如果值为 no-cache,那么每次都会访问服务器。如果值为max-age，则在过期前不会重复访问服务器。

18. HTTP 状态码

[问答题]
你了解 HTTP 状态码吗，请介绍一下。

来自：前端工程师进阶检测
参考：

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

19. js 数组去重

[问答题]
说一下 js 数组去重。

来自：前端工程师进阶检测
参考：有两个地方需要注意：1、返回值是否是当前引用，2、“重复”的判断条件。

Array.prototype.uniq = function () {
    // 长度只有 1，直接返回当前的拷贝
    if (this.length <= 1) {
        return this.slice(0);
    }
    var aResult = [];
    for (var i = 0, l = this.length; i < l; i++) {
        if (!_fExist(aResult, this[i])) {
            aResult.push(this[i]);
        }
    }
    return aResult;
    // 判断是否重复
    function _fExist(aTmp, o) {
        if (aTmp.length === 0) {
            return false;
        }
        var tmp;
        for (var i = 0, l = aTmp.length; i < l; i++) {
            tmp = aTmp[i];
            if (tmp === o) {
                return true;
            }
            // NaN 需要特殊处理
            if (
                !o &&
                !tmp &&
                tmp !== undefined &&
                o !== undefined &&
                isNaN(tmp) &&
                isNaN(o)
            ) {
                return true;
            }
        }
        return false;
    }
};

20. UA

[问答题]
如何获取 UA？

来自：前端工程师进阶检测
参考：

function whatBrowser() {
    document.Browser.Name.value = navigator.appName;
    document.Browser.Version.value = navigator.appVersion;
    document.Browser.Code.value = navigator.appCodeName;
    document.Browser.Agent.value = navigator.userAgent;
}

~~ 今天的面试题完成 ~~

Ashy-

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript面试题11-20

JavaScript面试题11-20每日坚持学10道题11.[填空题]填写内容让下面代码支持 a.name = “name1”; b.name = “name2”;function obj(name){ _____} obj._____ = "name2"; var a = obj("name1"); var b = new obj;来自：阿里巴巴前端开发工程师笔试答案：if (name) { this.name = name; } return this; prototyp
复制链接

扫一扫