专业编程教程与实战项目分享平台

网站首页 > 技术文章 正文

前端面经2 前端面经手册

ins518 2024-10-04 01:51:39 技术文章 10 ℃ 0 评论

js处理异步的机制

async await

promise

回调函数

事件机制

什么是跨域

是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实施的安全限制。浏览器从一个域名的网页去请求另一个域名的资源时,出现域名、端口、协议任一不同,都属于跨域。

web页面优化

减少http请求

使用cdn

将样式表放在头部

使用ajax

箭头函数与普通函数的区别

箭头函数的this看外层是否有函数,如果有,外层函数的this就是内部箭头函数的this,如果没有,则this是window

箭头函数没有arguments,caller,callee

箭头函数本身没有arguments,如果箭头函数在一个function内部,它会将外部函数的arguments拿过来使用。

箭头函数中要想接收不定参数,应该使用rest参数...解决。

箭头函数没有原型属性

箭头函数返回对象时,要加一个小括号

多重箭头函数就是一个高阶函数,相当于内嵌函数

箭头函数常见错误

Javascript的typeof返回哪些数据类型

function object undefined number string boolean

Javascript如何实现继承

//原型链继承

function Animal() {

this.age = 20;

}

function Cat() {

this.name = 'ghl'

}

Cat.prototype = new Animal();//这一步是让cat 拥有animal的属性和方法

var cat = new Cat();


// 借用构造函数继承

function Animal() {

this.age = 20;

}

function Cat() {

this.name = "ghl";

Animal.call(this);//这一步让cat 属性拥有了animal的属性

}

var cat = new Cat();

//原型加构造函数的混合继承

function Animal() {

this.age = 20;

}

function Cat() {

this.name = 'ghl'

}

Cat.prototype.sayHello =function () {

alert('123');

};

var cat = new Cat();

//构造函数的继承

function Animal() {

this.age = 20;

}

function Cat() {

this.name = 'ghl';

this.run =function () {

alert('this.name+"跑步');

};

}

var cat = new Cat();


//寄生构造函数

function Person(name,age,job) {

var o= new Object();

o.name = name;

o.age = age;

o.job = job;

o.getName =function () {

console.log(this.name);

};

return o;

}

var per = new Person("ghl",21,"teacher");

per.getName();

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表