九月面试题总结

最新推荐文章于 2024-09-16 11:30:43 发布

IT go

最新推荐文章于 2024-09-16 11:30:43 发布

阅读量170

点赞数

分类专栏：面试文章标签：面试 js vue css

本文链接：https://blog.csdn.net/Arminmlc/article/details/108671459

版权

面试专栏收录该内容

2 篇文章 0 订阅

订阅专栏

九月面试题总结

下列html tag中属于块级元素的有？（span，ol，img，ul）
浮动元素引起的问题和解决方法？
document.write和innerHTML的去别？
以下可以被子元素继承的属性是？（font-size，margin，padding，color）
如何在页面实现一个圆形的可点击区域？
,有一个已知宽是14px，高是15px，css中width:200px;height:200px;请问这个矩形渲染出来的面积是多少？
下列布局在页面的左右宽度比是多少？

//css
.flex{
  display:flex;
  width:200px;
  height:100px;
}
.left{
	flex 3 0 50px;
	background:red;
}
.right{
	flex:2 0 100px;
	background:blue;
}

//html
<div class="flex">
	<div class="left"></div>
	<div class="right"></div>
</div>

Function.prototype的原型链最终指向哪里？
如何实现浏览器多个tag之间的通信？
跨域请求中，主要设置那个属性为true才能携带cookie信息？
不借助临时变量，将两个整数交换，输入a = 2，b = 4，输出 a = 4，b = 2
下列代码输出的结果是什么？

for(var i = 0; i < 5; i++){
  
  setTimeout(() => {
    
    console.log(i);
    
  },i*100)
  
}

箭头函数和function有什么区别？
下列代码块的执行结果是什么？


var a = 1;
function fn1(){
	console.log(this.a);
}

const fn2 = () => {
	console.log(this.a);
}

fn1();
fn2();

promise的状态有哪些？
下列程序的运行结果是什么？

console.log(1);

new Promise((resolve,reject) => {
	reject();
  resolve();
}).then(function(){
	console.log(2);
},function(){
	console.log(3);
});

console.log(4);

js对象的深度克隆代码实现？（手写出具体实现代码）
var arr = [1,20,11,7,7,66,…],数组长度不定且元素类型全部为number类型，手写对arr的去重代码，并从小到大排序。
label的作用是什么？怎么用？
有AB两个div，高宽未知，A为B父级，如何实现B相对于A上下左右居中？
如何用css实现一个三角形？
谈一谈什么是外边距合并？
如何将字符串转换成数字？
已知ID的input输入框，如何获取这个输入框的值？
写一个function，清除字符串前后空格。
介绍一下函数节流和防抖，如何实现？写出相应的代码。
什么是强缓存和协商缓存?
png,jpg,gif解释一下这些图片格式，分别什么时候用，有没有了解过webp？
介绍一下px,pt,em,rem,vw。
web应用从服务器主动推送Data到客服端有哪些方式？
说说对AMD和CommonJS的了解。
描述一下在地址栏输入一个URL到页面渲染完成，这个过程中发生了什么？（越详细越好）
简述一下对HTML语义化的理解？
为什么最好把css的link标签放到head之间？为什么最好把JS的script标签放到body之后，有没有例外？
什么是渐进式渲染？（progressive rendering）
描述一下JS的原型，原型链？有什么特点？
有数组 var arr = [1,[2],[3,[4,5]],6,7],如何将arr扁平化？
使用 var let const声明变量有什么区别？
不用loop循环，创建一个长度为100的数组，且每个元素的值等于数组的index。
如何解决跨域的问题？

描述一下cookies，sessionStorage，localStorage的区别？
下列程序会alert出什么结果？


function fn(){
	this.a = 0;
  this.b = function (){
  	alert(this.a);
  }
}

fn.prototype = {
	b:function(){
  	this.a = 20;
    alert(this.a);
  },
  c:function(){
  	this.a = 30;
    alert(this.a);
  }
}

var myFun = new fn();
myFun.b();
myFun.c();

下列程序会输出什么结果？


var name = 'world';
(function(){
	if(typeof name === 'undefuned'){
  	var name = 'jack';
    console.log('Goodbye' + name);
  }else{
  	console.log('Hello'+name);
  }
})();

下列程序会输出什么结果？

for(var i = 0; i < 3; i++){
	setTimeout(() =>{
  	console.log(i);
  },0)
}

列程序会输出什么结果？


var user = {
	const:1,
  getConst:function(){
  	return this.const;
  }
};
console.log(user.getConst());
var func = user.getConst;
console.log(func());