干了五年前端，说下一次过面试的感受！
顺道再来说些实战经验
1.算法手撕没啥捷径，靠刷题就能保底。我那时对自己挺狠，每天雷打不动10道LeetCode，5道简单5道中等，逼自己90分钟内必须全AC。练的就是两个：看题要准，写码要稳。边界条件与异常处理必须一次过，尤其是涉及数组、字符串和树类的前端高频题型。
2.语言与框架特性理解是关键。每天至少深挖1-2个核心机制，比如EventLoop、闭包、原型链、Vue响应式原理或React Hooks的实现逻辑，做到看到代码能反应出执行顺序和状态变化。模块化、依赖管理、性能优化的思维已经决定了日常怎么写才稳健。
3.高频手写题把这几类吃透：Promise（all、race、并发控制）、函数式工具（防抖/节流/柯里化）、DOM操作（事件委托、动态渲染）、数据结构转换（对象扁平、树遍历）。保证看到就能5分钟内写出健壮版本，面试时一眼扫过去，清晰的直接拿下，复杂场景先确保基础解法，再谈优化。
4.浏览器与网络知识是拉开差距的关键。这部分我花的时间最多，每天固定1小时，从渲染机制、缓存策略、HTTP/2、Web安全分块练，每块都搭配实际案例调试。第二天看新内容前，先用Performance面板或Lighthouse把前一天写的页面再过一遍，分析加载、渲染与交互问题。
5.工程化与构建工具涉及面广，全靠背不现实。我每天利用通勤或午休这种碎片时间，快速看2-3篇高质量文章或官方文档选节（比如Webpack优化、Vite原理、CI/CD配置），不求记住所有细节，建立概念索引就行，知道遇到问题该查哪、怎么配。
6.项目复盘的话，我比较重视‘难点与解决’部分，这里提分空间大。要会归纳问题本质，分点陈述方案，比如首屏加载慢、内存泄漏、复杂状态管理，总结出技术选型的权衡，逻辑清晰，每条都用技术语言准确描述，尽量使用量化数据（如Lighthouse分数提升X%、打包体积减少Y%）支撑。
7.架构与设计能力想要提升，还是要多积累。我一般是看优秀开源项目源码（如Vue、React生态库）、大厂技术架构分享和博客。建立一个自己的案例库，分类整理各种场景的设计模式、状态管理方案、性能优化策略，每周定期回顾，并尝试用绘图工具重画一遍加深理解。
这里说一句：前端面试，尤其是社招，面到深处就是在验证你的工程直觉和调试韧性。上面这些‘笨办法’，是我从一次挂、两次挂里试出来的！同时，希望下面这些面试题对你有用。
总览：
一、Vue面试题
- 说说vue动态权限绑定渲染列表〔权限列表渲染)
- Vue用的哪种设计模式
- 说说vue操作真实dom性能瓶颈
- Vue中如何获取dom、操作dom、更新dom
- Vue的双向数据绑定原理是什么
- mvvm框架是什么
- 谈谈Vue的token存储
- 知道nextTick的作用吗，谈谈对它的理解，是什么，怎么用
- nextTick和setTimeout区别
- vue中为什么用虚拟dom而不操作真实dom
- Vue如何进行组件传值
- 说说vue里面的父子通信
- 谈谈如何实现vue组件通信和传值方式(两个问题为同一个答案问法不一样)
- 说说vue中Key值的作用
- 说说vue中的虚拟dom和diff算法
- vue3.0有了解过吗，你觉得vue3.0好吗，好在哪
- VUE组件如何与iframe通信问题
二、 React面试题
- 说说React中onClick绑定后的工作原理
- 说说react里面bind与箭头函数
- 说说react中的性能优化
- 高阶组件和高阶函数是什么
- setState和repalceState的区别
- redux中核心组件有哪些,reducer的作用
- 什么是受控组件
- hooks+context和redux你是怎么选择的，都在什么场景下使用
- useffect模拟生命周期
- setsate更新之后和usestate的区别
- react父组件props变化的时候子组件怎么监听
- usememo在react中怎么使用
- React Hooks各种函数介绍
- React Component和Purecomponent区别
- hooks相对于class的优化
- hooks父组件怎么调用子组件的方法
- 讲一下react中的通信
- react通过什么方法修改参数
- 说你对react native的了解
- redux的实现原理
三、小程序面试题
- 简单谈谈微信小程序
- 小程序的原生组件有哪些
- 小程序的安卓版和ios版是怎么开发出来
- uni-app弹窗被覆盖怎么解决
- 小程序生命周期
- 小程序路由跳转
- 小程序的兼容问题有哪些
- 小程序框架都学握哪一些,uniapp都会哪一些，平时开发遇到的困难
- 小程序怎么获取手机号
- 小程序的登录流程
- 小程序如果版本更新了怎么通知用户
- 小程序嵌入H5页面怎么做
- 小程序的生命周期函数有哪些?分别有什么作用?
四、Webpack面试题
- webpack了解吗，讲一讲原理，怎么压缩代码
- webpack怎么配置
- webpack怎么打包
- vue打包内存过大，怎么使用webpack来进行优化
- webpack打包用过什么插件
- 说说gulp和webpack的区别
五、TypeScript面试题
- 了解过TS吗?
- 使用ts写一个对象属性约束
- 说一下typescript中的泛型
- 如何在TS中对函数的返回值进行类型约束
- ts和js相比有什么区别
- RX了解吗?
六、Node.JS面试题
- 说说对nodejs的了解
- nodejs如何写接口，返回参数如何处理，有多少种方法
- websocket和http的区别
- 常见的 HTTP Method有哪些?GET/POST区别?
- 说一说Tcp三次握手，四次挥手
- 阐述一下http1.O与http2.0的区别,及http和https区别
- node.js如何导出页面数据形成报表
- 协商缓存和强缓存
- 强缓存
- Expires
- Cache-Control
- 协商缓存
- Etag和If-None-Match
- Last-Modify/lf-Modify-Since
- 为什么要有Etag
- http常用状态码有哪一些，说—说他们的作用
- 网络攻击方案有哪些，自己有写过什么安全性方面的东西吗?
- 静态资源部署到哪?
- 说说你对nodejs的了解
七、GIT面试题
- git经常用哪些指令
- git出现代码冲突怎么解决
- 你们团队是怎么管理git分支的
- 如何实现Git的免密操作
八、其它面试题
- loadsh了解过吗?
- 是否用过混合APP开发
- 项目中的组件是如何使用的
- hash和histoty的原理
- window.location.href和history.push的区别
- 商城项目中有写到调用微信，支付宝支付，简单讲述—下
- 这个支付与后台对接的过程，微信支付的原理
- 混合开发知道吗?你是怎么理解混合开发的,在项目中用到过混合开发吗?
- 平时工作中有是香有接触linux系统?说说常用到linux命令?
- echarts是什么，怎么用
- Hash和history的区别
- 谈谈宏任务与微任务的理解，举一个宏任务与微任务的api
- 对Event loop的了解?
有想要： https://github.com/encode-studio-fe-coder/natural_traffic/wiki/scan_material3
