西天取经,前端面试汇总, 持续补充中...

121 阅读5分钟
html篇
  1. HTML语义化? 为什么使用
  2. html5新特性
  3. 响应式原理
  4. head和body 引用js文件有什么不同, 需要注意什么
  5. H5是什么? 用到过H5那些技术
  6. meta viewport 是做什么用的,怎么写
  7. WebSocket了解吗
css篇
  1. 盒模型和标准模型的区别?
  2. canvas和svg比较
  3. 实现左边div宽度200px, 右边自适应铺满的布局
  4. 常见清除浮动
  5. css选择器 < + , 以及选择器优先级
  6. flex布局
  7. BRC是什么,原理
  8. display 属性
  9. 重绘与回流
  10. float定位原理
  11. z-index 如何形成层叠上下文
  12. 什么是雪碧图
  13. 隐藏内容可以用什么方法
  14. 如何解决浏览器样式兼容
  15. 使用css 预编译(sass)优缺点
  16. inline和inline-block和block三者有什么区别
  17. 响应式设计与自适应设计有何不同
  18. 去除inline-block元素间间距的方法
  19. relative和absolute 的区别
  20. css3动画,渐变,滤镜(加分项),FLIP动画(加分项)
  21. css变量,自定义变量(加分项)
javaScript篇
  1. es6新特性,是否了解es7, es8其他新特性
  2. let, const, var 的区别
  3. setTimeout 和 setInterval 的区别
  4. for遍历 里面使用setTimeout 输出啥
  5. 怎么使用setTimeout 实现setInterval
  6. 闭包的理解和代码实现
  7. js实现类的方式? 怎么继承
  8. iframe怎么用,优缺点
  9. async/await
  10. 立即执行函数this指向
  11. 节流和防抖
  12. 实现过promise吗, promise怎么用, 能不能手写下promise
  13. 面向对象你怎么理解
  14. 说说事件循环(Eventloop), 微任务和宏任务区别
  15. 事件委托
  16. 深/浅拷贝
  17. 作用域和作用域链
  18. 原型和原型链
  19. GET和POST的区别
  20. Map和Set的区别和用法
  21. typeof输入那些类型, instance of呢
  22. new一个对象发生了什么
  23. 简单阐述下Proxy拦截器
  24. 递归实现
  25. 柯里化
  26. 手写Ajax
  27. 正则实现trim()
  28. 前端模块化
  29. this的指向
  30. bind 实现方式
  31. 用过Symbol吗,什么场景用
  32. 迭代器是什么,怎么自定义迭代(for of),异步迭代
  33. Promise A+规范,手写all、race、any、allsettled
  34. 用过生成器吗,什么场景用
  35. 推测async/await的原理,用生成器模拟下
  36. 宏任务和微任务,node和浏览器差异
  37. 正则表达式,NFA和DFA(加分项)
  38. CMD和UMD,ES Module的差别
  39. V8的GC过程,堆栈区别
  40. http缓存机制,CDN原理
  41. https,http2,http3(加分项)
  42. node端web框架,express,koa,egg/nest,洋葱模型,AOP,IOC(加分项)
  43. 流的概念,怎么处理
  44. 异步和同步API,libuv(加分项)
  45. Worker,thread worker(加分项)
  46. typescript基础
  47. 内存泄漏是什么
Vue篇
  1. vue 生命周期 (10个), 钩子函数执行顺序
  2. 说下vue3 setup编程方式的理解
  3. 双向数据绑定原理, v-model原理
  4. 父子、兄弟组件之间传参及通信
  5. vue-router两种实现方式,区别
  6. watch, computer, filter用法和区别
  7. 虚拟DOM
  8. MVC和MVVM
  9. axios 理解,怎么用promose 实现axios
  10. 说说vuex
  11. 路由守卫
  12. 预渲染和SSR
  13. Vue的seo问题
  14. vue中$set有什么用
  15. Vue怎么实现对象和数组的监听
  16. 说明下slot插槽的理解
  17. v-show和v-if 的区别
  18. vue组件data为什么必须是函数
  19. vue中key的作用
  20. 对vue项目做过哪些优化
  21. vue源码有做过研究吗
  22. 单点登录原理,权限控制怎么做(加分项)
react篇
  1. React 的 diff 算法工作过程
  2. React Hooks
  3. React 中的 setState 是同步还是异步
  4. React 性能优化
  5. 高阶组件
小程序篇
  1. 生命周期
  2. hybrid用过吗
  3. 怎么传参,跳转页面
  4. webview
webpack篇
  1. loader和plguin的区别
  2. webpack工作原理,插件原理,module federation(加分项),vite为什么快
  3. 常用loader 和 plguin
  4. 怎么配置反向代理
  5. 减少页面加载时间方法
  6. webpack构建流程
  7. 如何按需加载代码
  8. 转义出的文件过大怎么办
  9. webpack与gulp的不同
  10. 如何利用webpack来优化前端性能
  11. webpack的热更新是如何做到的?说明其原理
浏览器篇
  1. 常见跨域方案 (JSONP, postMessage, CORS)
  2. HTTPS 原理
  3. 页面输入url 到页面加载发生了什么?
  4. 三次握手,四次挥手
  5. session, cookie, token区别
  6. 什么是 XSS? 如何预防
  7. 什么是 CSRF? 如何预防
  8. 什么是 Rss? 如何预防
  9. http状态码有哪些
  10. HTTP 各版本
算法篇
  1. 常见排序算法 (冒泡,插入,快排,选择,二分查找, 计数,归并) 数组去重
  2. 时间空间复杂度理解
  3. 求N个数之和 1/2 + 1/3 + ... + 1/N ?
  4. 第N个数是多少? 1, 3, 2, 42, 19, 输入getNumber(2) // 3
  5. 求数组中,连续多少个数相加的和最大
    [2, 7, -10, 8, 22, -2, 13, -9, 5, 3, -8, 7]
    // 8+22-2+13 = 44 4个数
  6. 农夫养牛
  7. 玻璃瓶装糖果
  8. 无人机运沙
项目篇
  1. 微前端了解吗
  2. 介绍下乾坤微服务框架
  3. 你是怎么设计搭建一个项目的?
  4. 怎么做前端性能优化
  5. 谈谈对前端、客户端架构的认识?
  6. 微前端(加分项),WebComponent(加分项)
  7. CI/CD怎么做,git操作,容器部署特点,怎么做监控,线上问题排查思路
  8. 是否了解混合式开发框架uniapp, taro
面试篇
  1. 离开上家公司的原因
  2. 公司吸引你的点是有哪些
  3. 最近做了什么
  4. 有什么职业规划
  5. 对新环境新公司有什么要求