书诚小驿

首页

简介
微语
属于程序员的浪漫

知识库

面经

归档

时间轴

导航

Githubopen in new window
微信公众号
CSDNopen in new window
知乎open in new window
牛客open in new window
华为云open in new window
腾讯云open in new window
简书open in new window
掘金open in new window
博客园open in new window
51CTOopen in new window

Series

Algorithm

1.嵌套数组的环形遍历
2.JSON.stringify 的实现，要考虑 null、undefined
3.驼峰化字符串
4.柯里化
5.合并两个有序数组
6.二叉树
7.实现队列函数（先进先出）
8.实现类似于模板字符串的功能
9.变量提升
10. js实现两个链表的第一个公共节点
11. 反转从位置 m 到 n 的链表。
12. 斐波那契函数
13. 打印二叉树
14. 获取小数点后n位方法
15. 获取小数点后n位方法
16. js 实现 person 类
17. 实现堆排序
18. 最大子序和
19. 64 匹马
20. 拿苹果问题
21. 涉及到单调栈
22. Scheduler
23. 连连看用前端如何实现
24. 变色龙问题
25. 反转数字相加后再反转
26. for 循环+定时器的代码题
27. 数组拍平，和最大的最长子数组
28. 单向链表判断是否有环
29. 平衡二叉树
30. 二叉树先序遍历
31. 给定一个字符串，输出该字符串所有排列的可能。
32. 多行字符串转二维数组
33. 用 JavaScript 的异步实现 sleep 函数
34. 倒计时
35. 两个栈->符号优先级
36. `[1,6,5,9,11,-5]` 找出和为 6 的多个数的序列？
37. for 循环中用 let 声明 i 和立即执行函数实现闭包
38. 宏任务和微任务
39. this指向问题
40. 对称数字
41. 快排
42. 两个链表的第一个公共结点
43. 联想搜索组件
44. 归并排序
45. 二路归并
46. 两个数组的交集
47. 多叉树的最大深度
48. 羊和老虎
49. 找到一串数组中出现超过一半以上的数字
50. 连续子数组的最大和
51. 实现类似 lodash 的 get 方法。
52. Promise+setTimeout 实现 fetch
53. defer 函数
54. parallelAll 函数
55. JavaScript 中的 this 指向问题
56. 连续子数组的最小值
57. 红蓝两瓶墨水问题
58. 最后一个单词的长度
59. 实现一个 36 进制加法
60. 异步调度器
60. 手写桶排序
62.高阶函数的输出值
63.幼儿园分饼干（贪心算法）
64.反转链表
65.js 对象转换为树形结构
66.Promise 链式调用的输出结果
67.树的深度优先遍历
68.树的深度优先遍历与章节编号
69.手撕深拷贝
70.用数组方法实现求和
71.反向输出数字，例如 123 输出 321
72.手写虚拟dom的结构
73.n对括号的有效组合数量用回溯
74.青蛙跳格子问题
75.有效的括号
76.最长公共子序列
77.求多个数组的公共子集（交集）
78. 子集
79.把字符串的字母转换成ascii码加n的字母
80.插入区间 (LeetCode 57)
81.区间列表的交集 (LeetCode 986)
82. 无重叠区间 (LeetCode 435)
/blogs/web_interview/Algorithm/demo_86.html

Html

1.说说 html5 新增哪些标签
2.说说data-name、data-age 等 HTML5 自定义属性
3.title 的作用
4.列表循环
5.script 是什么
6.盒模型是什么
7.虚拟列表去优化性能，在优化之前和优化之后有做一个加载性能的数据的对比嘛
8.html 块元素、行内元素有哪些？区别？
9.行内块元素用过吗？
10.元素水平垂直居中方法
11.设计一个单点登录的系统，类似阿里系那种
12.设计一个类似百度搜索框那样随输随搜的，有哪些注意点
13.分页怎么做？在列表的当前页中删除了一条，怎么处理？如何减少性能代价？增加一条呢？
14.一个滑动到底部自动加载下一页的长列表，当列表内容过长时，页面卡顿明显，怎么解决？
15.给一段 html，说出页面会怎么显示
16.如果页面上图片很多，怎么优化
17.encodeURI 和 encodeURIComponent 区别
18.说说你了解到的前端的更新（一些新特性）
19.spa 应用的优缺点
20.什么叫排序稳定性？快排稳定吗？说一下快排的原理，时间复杂度，空间复杂度。
21.虚拟滚动如何实现
22.实现一个 antd modal 组件
23.正向代理与反向代理
24.img src 为什么不能用空应该用什么
25.性能优化有哪些
26.Html 中的 Doctype 的作用
27.移动端在 PC 预览时会布局会随着字体放大到不合适的比例，怎么解决。
28.这种信息给谁用的？（搜索引擎爬虫用来做索引）
29.如何设置网页编码？（charset）
30.viewport 的作用？
31.设计一个即时搜索框，怎么设计，考虑哪些技术点

Javascript

1.说说JavaScript中的数据类型？存储上的差别？
2.任意元素垂直水平居中（多种方法）
3.bind 实现/手写 bind
4.排序算法，冒泡，归并、快排
5.禁止浏览器缓存的三种方法
6.说出你知道的所有类数组对象转换为标准数组对象的方法（5，6）
7.localStorage 和 sessionStorage 存在哪里
8.说说函数节流
9.cookie、sessionStorage、LocalStorage 区别，项目中的使用，细问在公司里如何共享会话数据
10.new 操作都做了什么
11.如何实现链式调用
12.函数防抖，函数节流
13.ajax，能不能封装一个类似 axios 的工具
14.setTimeOut 和 promise 区别
15.实现一定时间内事件只触发一次
16.defer 和 async 的区别
17.DOMContentLoaded 和 window.onload 的区别
18.DOM 事件流的顺序
19.什么是事件委托和事件冒泡
20.setTimeout、Promise、Async、Await 异步原理和执行顺序
21.数据类型有哪些,如何判断数据类型
22.instanceof 原理
23.IE 中如何触发 click 事件
24.跨域手写 JSONP
25.事件分发
26.闭包
27.Array.flat
28.Java 和 JS 的区别
29.如何判断数组？
30.讲原型链，如何判断属性是自身属性还是原型属性
31.js 中动画如何实现，造成页面堵塞如何解决
32.将一个普通函数封装成 promise 风格，或是将 ajax 封装成 promise 风格
33.[] == ![]和[] == []的值ajax 封装成 promise 风格
34.new 操作符原理
35.获得页面所有节点数
36.`…`在内部是如何封装？如何实现的？….这样为什么会报错？数据结构的 Iterator 接口(遍历器)？
37.JavaScript 异步编程原理
38.setimmediate settimeout process.nextTick 执行顺序
39.bind call apply 的使用
40.实现一个 Promise.all
41.axios 如何实现缓存请求
42.异步加载
43.滑动窗口拥塞控制
44.ajax 实现原理，以及和 fetch 的区别
45.讲讲 JavaScript 执行上下文。
46.脚本的几种引入方式。知道 script 标签的哪些特性。
47.暂时性死区的定义
48.如何判断一个对象为空（如何判断 symbol 对象为空）
49.迭代器生成器了解吗
50.for in for of 区别
51.event loop
52.事件循环机制
53.Promise、async 与 Generator
52.JSON 的操作函数（parse，stringify）
52.addEventListener 与 on 的区别
52.检测数据类型(typeof Obejct.prototype.toString.call(),instacnceof 各自的原理与缺点）
57.map 和 object 的区别
58.手写继承 inherit(A, B)
59.宏任务有哪些，pormise.then 是什么任务，nextTick 和一个定时器，哪个更先执行
60.数组有哪些方法
61.原型和实例的区别和作用
62.原型链和作用域链
63.闭包
64.垃圾回收的新旧算法
65.weakmap和map的区别
66.构造函数（打印结果）

Css

1. CSS3 transform 新特性
2. 清除浮动
3. css 中 position 哪些？
4. 宽度不定，如何实现三个元素按照 1：1：1 布局
5. 介绍一下 BFC
6. box-sizing 的两个属性
7. 实现响应式布局的五种方式
8. 实现水平居中和垂直居中的方法
9. translate3d
10. 常见图片的格式（jpg，png，gif，webp 以及各自的优势）
11、隐藏元素的几种方式。
12、CSS 动画，transition 和 animation，哪一个性能更好
13、场景题
14、display:table
15、rem、em、px
16、rem 实现页面自适应
17、transform:translateZ(0)的作用
18、margin/padding 百分比如何计算
19、CSS Reset 与 CSS Reboot
20、画半圆
21. 怎么实现边框宽度是 0.5px
22. 实现左边固定,右边自适应的布局
23. BFC 的作用
24. CSS 布局场景题
25. absolution 计算时包括父元素 margin 吗？
26. 三列布局
27.实现一个全屏居中的盒子布局，全屏弹窗的内容框
28.为什么要清除浮动和清除浮动的方法
29. css 选择器权重
30.一段长文本如何进行换行展示、省略展示
31.什么时候会导致重排重绘，如何减少
32.怎么解决样式冲突的问题，样式名称冲突
33.根节点的 font-size 设置了一个不好计算的值，不能修改。之后写 em 的时候不方便怎么解决

Es6

1.了解ES6吗？ES6有哪些特性？
2.es6 的模块化和 commenjs 模块化区别
3.说说var、let、const之间的区别

Webpack

1. webpack 的认识
2.loader、plugin 的区别
3.vue-cli 做过哪些配置，loader 和 plugins 的区别以及常用
4.前端工程化
5.引申到 webpack（详细说 webpack 优化）

Vue

1.懒加载讲下原理和在vue中又怎么实现懒加载
2.说出你知道的所有 vue 组件通信相关方法
3.vue 生命周期都做了什么事情
4.new vue 里面具体发生了什么
5.vue dep watcher observer 一些细节，怎么发布订阅的
6.vue 的计算属性怎么实现的
7.vue 的双向绑定实现原理
8.vur-router 的基本使用啊
9.vue2 与 vue3 的区别
10.vue 中的 key
11.Vue 的 v-model 的原理，Vue 实例是怎么拿到 data 属性的
12.Hash 和 History 模式的区别，原理
13.vue 响应式原理
14.vue 原理，包括计算属性、依赖收集等等
15.对 vuex 的理解，单向数据流
16.vue.nextTick
17.v-if v-show 的区别 v-if 与 v-for 比较先后顺序
18.父子组件的生命周期如何进行
19.watch与computed的区别和计算属性与方法相比
20.Vuex 上保存哪些变量？为什么不直接用全局变量？Vuex 上的状态最终保存到哪去？
21.vue 和 jquery 的区别
22.vue 生命周期（什么时候会使用 keep-alive 组件）
23.实现一个 vue 组件，底部可以滑入滑出。
24.vue 相比 react 解决了什么问题
25.Vue 数据双向绑定
26.Vue 的 template 模板怎么渲染的？
27.Vue 改变数据后，视图怎么更新的（劫持数据变化，通过发布订阅通知视图更新）
28.听说过骨架屏吗，谈谈对骨架屏的理解和实现方式
29.数据劫持+发布订阅
30.有没有封装过指令
31.data 为什么是一个函数
32.vue 的 compositionAPI 可以用来干什么
33.react 和 vue 的响应式的区别

React

1. React 的 Fiber 的原理，知道怎么实现的吗，是否了解 Hook 的实现原理
2. 聊了一下 Redux 和 React-Redux
3.react 生命周期，虚拟 dom，diff 算法，keys，路由，setState 原理
4.hooks 和 class Component 的区别.
5.useEffect里面定义了一个原生事件react有一个组合事件，useState在原生事件中的值不能正确更新，怎么办
6.fiber和深度遍历的区别
7.fiber 的 diff 算法比较的三层级
8.useState 的原理

TypeScript

ts

Node

1. Koa 和 Express 的区别，以及 Koa 中间键的原理
2.nodejs 项目你是怎么进行运行维护的
3.koa 洋葱圈模型运行机制
4.Nginx 反向代理
5.实现并发任务
6.为什么Node在使用esmodule时必须加上文件扩展名
7.浏览器和 Node 中的事件循环有什么区别?
8.Node性能如何进行监控以及优化?
9.如果让你来设计一个分页功能，你会怎么设计?前后端如何交互?
10.如何实现文件上传?说说你的思路
11. 如何实现iwt鉴权机制?说说你的思路
12. 说说对中间件概念的理解，如何封装node中间件?
13. 说说对Nodeis中的事件循环机制理解?
14. 说说Node中的EventEmitter?如何实现-个EventEmitter
15. 说说对 Node 中的 Stream 的理解?应用场景?
16. 说说对 Node 中的 Buffer 的理解?应用场景?
17.说说对 Node 中的fs模块的理解?有哪些常用方法
18.说说对 Node 中的 process的理解?有哪些常用方法?
19. Node.is 有哪些全局对象?
20. 说说你对Node.is的理解?优缺点?应用场景
21. body-parser 这个中间件是做什么用的?
22. 在没有async await的时候，koa是怎么实现的洋葱模型
23. koa框架中，该怎么处理中间件的异常?
24.Node.is 如何调试?
25.两个 Node.is 进程如何通信?

Http

1.说说各种协议吧
2.tcp 为什么三次握手，两次有什么问题，怎么防止
3.tcp 四次挥手
4.知道状态码吗？常用的状态码有哪些？400与500的区别？
5.https 过程
6.http 和 https 区别
7.输入 url 到网页显示的具体过程
8.AI 对话的后端服务通常通过 API 或 WebSocket 等通信协议与前端进行通信。
9.网络模型是啥
10.http1.0、http1.1、http2、https 都有哪些了解
11.网络攻击知道哪些
12.tcp 和 udp 的区别
13.https 如何实现加密，数字证书中都包括哪些内容？
14.HTTP2 头部压缩是如何实现的，多路复用的原理？
15.tcp 拥塞控制
16.简单说了一下，XSS 和 CSRF 攻击的原理和常用的预防手段。问了CSP
17.状态码 301，302，304
18.知道 referer 头部吗，直接请求服务器时 refer 是多少，顺便聊了其在 CSRF 中的作用
19.两个同域的页面之间的通信。postMessage，storage
20.如何统计用户的浏览时长，要考虑到用户会切换页面，缩放页面等。
21.HTTP 和 Websocket 的联系
22.打开一个网页的解析过程
23.websocket 握手过程
24.进程之间如何通信
25.浏览器的缓存机制，如果本地缓存是有效的，那一定不会向服务器发送请求吗
26.HTTP 请求有哪些方式
27.http 头部了解吗，get 和 post 的区别，get 的请求一定会被浏览器缓存吗
28.https 是非对称还是对称加密（非对称为什么？因为背的定义....)
29.原地转换一个网站
30.浏览器协商缓存
31.浏览器渲染页面的过程说一下，怎么优化
32.缓存怎么做性能优化，相关的状态码
33.cdn 为什么能让渲染性能变快
34.输入一个 URL 到渲染
35.打开一个链接，浏览器怎么知道是渲染网页还是图片
36. webworker 使用（使用限制，数量上限）
37.讲一下 SSE

Git

1. 讲一下 gitflow 工作流

微信小程序

小程序

7.说下vite的原理

书诚小驿2025/02/25前端面经Webpack

说下 vite 的原理

最后更新时间' 2025/3/13 11:19:51