前端常见面试题

HTML

• HTML语义化的理解

• 和的区别

• link 和 @import 有什么区别

---

CSS

• 盒子模型

• 居中常见方法

• BFC

• flex布局

• em 和 rem的区别

• CSS 中哪些属性可以继承

• CSS中position定位

• 三栏布局

---

JS

• 闭包

• 原型

• 继承

• this

• Promise

• async 和 await

• 深拷贝 和 浅拷贝

• 防抖 和 节流

• cookie、session、web storage

• let 和 const：暂时性死区

• ES6新特性

• call、apply、bind

• 数组算法：判断、去重、扁平化

• 数组遍历

• 事件循环：宏任务、微任务

• 事件流：捕获、冒泡

• get 和 post

• for of 和 for in

---

vue

• 生命周期(父组件和子组件生命周期钩子执行顺序是什么)

• 路由动态加载

• 路由鉴权

• axios鉴权

• 虚拟DOM、diff算法、key作用

• computed 和 watch

• 组件之间的通信

• vuex

• 性能优化

---

浏览器

• 浏览器渲染过程

• 从输入URL到页面加载全过程

• 重绘与回流

• 跨域和同源策略

• CORS

• CSRF、XSRF

• 缓存机制：强制缓存、协商缓存

服务端渲染SSR
常见Http请求头
添加原生事件不移除为什么会内存泄露;还有哪些地方会内存泄露

---

小程序

1. 生命周期函数
   onLoad 页面加载时触发。一个页面只会调用一次，可以在 onLoad 的参数中获取打开当前页面路径中的参数
   onShow() 页面显示/切入前台时触发
   onReady() 页面初次渲染完成时触发。一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互
   onHide() 页面隐藏/切入后台时触发。 如 navigateTo 或底部 tab 切换到其他页面，小程序切入后台等
   onUnload() 页面卸载时触发。如 redirectTo 或 navigateBack 到其他页面时

2.登录流程
登录流程是调wx.login获取code传给后台服务器获取微信用户唯一标识openid及本次登录的会话密钥（session_key）等）。拿到开发者服务器传回来的会话密钥（session_key）之后，前端要保存wx.setStorageSync(‘sessionKey’, ‘value’)
持久登录状态：session信息存放在cookie中以请求头的方式带回给服务端，放到request.js里的wx.request的header里