这里分享一份由字节前端面试官整理的「2021大厂前端面试手册」，内容囊括Html、CSS、Javascript、Vue、HTTP、浏览器面试题、数据结构与算法。全部整理在下方文档中，共计111道
HTML
-
HTML5有哪些新特性？
-
Doctype作⽤? 严格模式与混杂模式如何区分？它们有何意义?
-
如何实现浏览器内多个标签页之间的通信？
-
⾏内元素有哪些？块级元素有哪些？ 空(void)元素有那些？⾏内元 素和块级元素有什么区别？
-
简述⼀下src与href的区别？
-
cookies,sessionStorage,localStorage 的区别？
-
HTML5 的离线储存的使用和原理？
-
怎样处理 移动端 1px 被 渲染成 2px 问题？
-
iframe 的优缺点？
-
Canvas 和 SVG 图形的区别是什么？
JavaScript
-
问：0.1 + 0.2 === 0.3 嘛？为什么？
-
JS 数据类型
-
写代码：实现函数能够深度克隆基本类型
-
事件流
-
事件是如何实现的？
-
new 一个函数发生了什么
-
什么是作用域？
-
JS 隐式转换，显示转换
-
了解 this 嘛，bind，call，apply 具体指什么
-
手写 bind、apply、call
-
setTimeout(fn, 0)多久才执行，Event Loop
-
手写题：Promise 原理
-
说一下原型链和原型链的继承吧
-
数组能够调用的函数有那些？
-
PWA使用过吗？serviceWorker的使用原理是啥？
-
ES6 之前使用 prototype 实现继承
-
箭头函数和普通函数有啥区别？箭头函数能当构造函数吗？
-
事件循环机制 （Event Loop）
开源分享：docs.qq.com/doc/DSmRnRG… + - 2.1 环境准备 - 2.2 代码层面 - 2.3 拓展工具 + 三、拓展阅读
一、前言
应用运营过程中，考虑接入企业微信客服功能，大致看了下官方接入文档，并不困难，引入代码量也不大。按照手册来操作即可。
二、功能实现
2.1 环境准备
在接入企微客服前，需要启用微信客服，并添加客服账号，并在企微管理后台将APP信息、企业信息、企微客服关联起来。
第一步：登录微信开放平台，在「管理中心-应用详情」中查看并复制对应的AppID。
第二步：登录企业微信管理后台，在「应用管理-应用-微信客服-在微信外接入-关联App」处，填写AppID，关联已在微信开放平台审核通过的同主体App。
备注⚠️：一个 AppID 暂仅可同时被15家同主体的微信客服关联，关联后才可正常跳转微信并打开微信客服。
第三步：进入「我的企业」，在企业信息处复制企业ID。
第四步：进入「应用管理-应用-微信客服」，选择接入场景为「在微信外接入」。选择需要在App中接入的客服帐号，并复制对应的客服链接。
第五步：参照2.2小结，在App中接入调起企微客服逻辑。
第六步：用户在App中点击即可自动跳转微信并打开对应的微信客服会话，向客服发起咨询。
注⚠️：如果你想在其他企业的App中接入你的微信客服，可授权安装该企业创建的第三方应用。安装后，该应用关联的App，即可接入你的微信客服。
2.2 代码层面
APP调起企微客服代码如下：
// #ifndef APP-PLUS
uni.showToast({
title: '请在app打开',icon:"none"
});
// #endif
let wechat = null
plus.share.getServices(res => {
wechat = res.find(i => i.id === 'weixin')
if (wechat) {
wechat.openCustomerServiceChat({
corpid: 'ww1576eb419421ba30',//企业ID
url: 'https://work.weixin.qq.com/kfid/kfc8dw2f91c9ab6e60',//客服地址
}, src => {
console.log("success:", JSON.stringify(src))
}, err => {
console.log("error:", JSON.stringify(err))
})
} else {
uni.showToast({
title: '当前环境不支持微信操作',icon:"error"
});
}
}, function() {
uni.showToast({
title: "获取服务失败，不支持该操作。" + JSON.stringify(e),
**web浏览器中的javascript**
* 客户端javascript
* 在html里嵌入javascript
* javascript程序的执行
* 兼容性和互用性
* 可访问性
* 安全性
* 客户端框架
* **[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://docs.qq.com/doc/DSmRnRGxvUkxTREhO)**
**window对象**
* 计时器
* 浏览器定位和导航
* 浏览历史
* 浏览器和屏幕信息
* 对话框
* 错误处理
* 作为window对象属性的文档元素
