前端常见面试题

面试前端

小程序

小程序组件如何调用

有哪些参数传值的方法？

答：
一、给HTML元素添加data-*属性来传递我们需要的值，然后通过e.currentTarget.dataset或onload的param参数获取。但data-名称不能有大写字母和不可以存放对象
二、设置id 的方法标识来传值通过e.currentTarget.id获取设置的id的值,然后通过设置全局对象的方式来传递数值
三、在navigator中添加参数传值

css3的了解
display flex布局
position的relative absolute与fixed共同点与不同点

js
设计模式：单例模式 订阅者模式
es6了解 promise promise all的使用
ts
基本数据类型
闭包
”==”和“===”的不同
答案：前者会自动转换类型,再判断是否相等
后者不会自动类型转换，直接去比较
JavaScript 的同源策略。
Cookie 和localStorage
从输入URL到页面加载发生了什么
前端资源缓存有哪些（cdn缓存 客户端缓存），如何解决缓存和版本更新的矛盾
this丢失问题

function foo (){
        console.log(this.a);
    }
 var a = 2;

var student = {
    name:"Jack",
    say: function(){
    console.log("myname is ", this.name)    
   }
}
student.say()
let say = student.say;
say()
var teacher ={
  name:"teacher"
}
teacher怎么调用student的方法
student.say.call(teacher)

三级缓存原理
先去内存看，如果有，直接加载
如果内存没有，择取硬盘获取，如果有直接加载
如果硬盘也没有，那么就进行网络请求
加载到的资源缓存到硬盘和内存

http状态码
301 Moved Permanently 请求的网页已永久移动到新位置。
303 See Other 临时性重定向，且总是使用 GET 请求新的 URI。
304 Not Modified 自从上次请求后，请求的网页未修改过。403 Forbidden 禁止访问。
404 Not Found 找不到如何与 URI 相匹配的资源。

webpack gulp 文件打包
你遇到过比较难的技术问题是？你是如何解决的？

npm的使用dependencies devDependencies
git了解程度

vue
vue的使用 生命周期

linux
基本操作 复制 重命名 查看某个端口号是否被占用

题目1

说说最近最流行的一些东西吧？常去哪些网站？

1

let start = 0;
for(let i =0;i<100;i++){
    start++
}
console.log("start", start)

2

let start = 0;
ajax({
    url:XXX,
    success: ()=>{
        start++;
    }
})
console.log("start", start)

题目2

1

var a="hello js"
var b=a;
b = "hello python"

a输出什么

2

var a = {name:"hello js"}
var b = a;
b={name:"hello python"}

a输出什么

3

var a={name:"hello js"}
var b = a;
b.name="hello python"

a输出什么

数组去重
对这个数组进行去重 [1,2,2,1]

js报错有哪些类型

var employer;employer.say();会报什么错误