Files
mianshiya/前端场景面试题.md
2025-12-25 21:05:14 +08:00

4.4 KiB

如何在浏览器中执行 100 万个任务,并保证页面不卡顿?

如何在页面内一次性渲染 10 万条数据,并保证页面不卡顿?

前端如何处理后端接口一次性返回的超大树形结构数据?

如何禁止别人调试前端页面代码?

如何对前端应用中静态资源加载失败的场景进行降级处理?

前端页面白屏的原因可能是什么,如何排查?

如何在前端实现网页截图功能?可以将某部分或整个页面的内容保存为图片

如何使用节流或防抖技术优化频繁触发请求的搜索输入框?

如何调试和解决跨浏览器兼容性问题?

如何设计一个前端页面,实现 PC 端访问展示 Web 应用,移动端访问展示 H5 应用?

如何实现网站一键切换主题的功能?

前端如何处理超过 JS 的 Number 最大值的数字?

如何定位到前端页面发生错误的元素?

在网页中有大量图片时,如何优化图像加载以提高页面加载速度?

如何实现前端页面第一次加载不触发请求,但后续每次进入页面都触发?

如何通过 CSS 实现美观的自定义复选框和单选按钮?

前端如何判断一个点是否在 Canvas 的图形内?

如何对每个 JavaScript 函数的执行实现拦截?

如何通过 CSS 实现外观精美的、滚动效果流畅的滚动条?

如何在前端防止表单重复提交,并确保用户只能提交一次?

如何通过 CSS 实现可展开折叠、并且带有过渡效果的侧边栏菜单?

如何使用 JavaScript 实现一个轻量级本地存储方案,用于保存和读取用户偏好设置?

如何在前端实现一个无限滚动加载的页面,自动加载更多内容?

如何使用 JavaScript 实现一个拖拽排序列表,并保持排序后的顺序?

如何通过 CSS 实现圆形头像裁剪,并保证图片居中显示?

如何为前端按钮设计一个 hover 动画,使其在鼠标悬停时轻微放大并改变颜色?

如何使用 CSS 实现多行文本溢出显示省略号的效果?

如何使用 JavaScript 实现一个支持设置时间的倒计时器,并在倒计时结束时触发事件?

如何利用 CSS 实现一个自适应的渐变背景效果?

如何通过 CSS 实现 Tooltip 文字提示效果,当鼠标移到元素上时显示详细信息?

如何在前端实现页面向下滚动时固定的顶部导航栏?

如何使用 Flexbox 或 Grid 实现三栏布局,其中左右栏宽度固定,中间栏自适应?

使用 Vue 开发一个任务列表应用,你会怎么设计实现?

在 Vue 开发过程中需要同时与多个后端人员联调接口时,你会怎么做?

Vue 首页白屏可能是什么问题引起的?如何解决?

如何设计实现一款 Vue 的组件库?

Vue CLI 的实现原理是什么?如何自主实现一个类似 Vue CLI 的工具?

如何自主设计实现一个 Vue 路由系统?

如何使用 Vue 手写一个过滤器?

你会如何从零构建一个 Vue 项目?要经历哪些步骤?目录结构如何设计?使用哪些库或插件?

如何在 Vue 中实现权限管理?如何控制权限到按钮级别?

如果要实现一个 Vue3 的弹窗组件,你会如何设计?

使⽤同⼀个链接, 如何实现 PC 打开是 web 应⽤、⼿机打 开是⼀个 H5 应⽤?

如何解决⻚⾯请求接⼝⼤规模并发问题

在前端应⽤如何进⾏权限设计?

IndexedDB 存储空间⼤⼩是如何约束的?

为何现在市⾯上做表格渲染可视化技术的,⼤多数都是 canvas ,⽽很少⽤ svg 的?

将静态资源缓存在本地的⽅式有哪些

axios 是如何区分是 nodejs 环境还是 浏览器环境

如何拦截 web 页面的请求

对使用 token 进⾏⾝份验证了解多少?

⻚⾯加载速度提升(性能优化)应该从哪些方向来思考?

你认为组件封装的⼀些基本准则是什么

vite 和 webpack 在热更新上有什么区别

常见的登录鉴权方式有哪些?各自的优缺点是?

web 系统⾥⾯, 如何对图⽚进⾏优化?

如何检测⽹⻚空闲状态(⼀定时间内⽆操作)

Eslint 代码检查的过程是什么?

浏览器对队头阻塞有什么优化?