度小满前端一二三面

1.平时用AI codeing吗2.实习项目拷打3.以后想从事哪方面的前端开发4.Vue3和Vue2区别5.竞赛项目优化拷打6.微前端的优势7.自动化部署流程结合Git相对来说偏聊天 毕竟三面编程题1、vue3+Ts实现useDataSelector 给了好几点要求 类似维护一个checkbox列表2、嵌套数组转html列表（ul-----li）

在前端面试中，Webpack 一直是高频考点之一。而在所有模块化相关的问题中，“import 导入时 Webpack 在干什么” 这类问题经常被问到。乍看只是一个语法糖，但背后其实包含了 模块解析、依赖图构建、代码转换、打包优化 等一整套复杂流程。本文小圆将带你从源码构建视角，彻底弄清楚 import 背后 Webpack 的工作原理～～～一、整体流程概览当你在代码中写下这一行时： import { foo } from './b.js'; Webpack 的处理流程大致如下：解析阶段（Parsing）：扫描代码，提取所有 import 语句；模块定位（Resolving）：根据路径或模块名找...

滴滴一面（45min）1. flex=1是哪些属性的简写2. 假如父盒子是 100，两个子盒子分别设置 flex 等于 0.1，flex 0.2，它的宽度怎么分配呢3. CSS 如何画三角形4. 移动端的适配，有各种宽高不同的手机嘛，想要前端的页面写一套在各个手机型号上都能有良好的运行的程序，有什么设计方案吗5. rem怎么计算的，小程序的屏幕适配用什么属性6. 了解开发这个屏幕比例适配用什么第三方库吗7. 代码在各个浏览器上，因为 API 的兼容性可能不同，有没有了解过前端的一些兼容的方案？8. Babel Polyfill 解决了什么问题（Promise 、 fetch 、 Array.includes）9. js作用域链的查找规则10. 代码阅读题，函数全局变量和局部变量输出11. 手撕1：手写 promise 串行不用 await12. 手撕2：给前序遍历和中序遍历的二叉树数组，构造二叉树并返回根节点13. 手撕3：最长不重复子串14. 前端的部署流程15. 前端打包的产物是啥16. 前端缓存方式（强缓存，协商缓存），CDN的原理，调度方式， js、css 文件是否可以放入CDN17. 单页面应用的路由实现原理是啥？它和普通多页面应用的路由有啥区别？18. 路由的两种模式（history和hash）的区别19. webpack主要是干啥的？解决什么问题的？20. 为啥要打包？ webpack 打包的产物，为什么 js 有增加一些哈希值啥之类的，了解吗？21. 为什么index.html它没有一个什么哈希标识呢？22. Vue中的diff 算法的头头比和头尾比的区别23. Vue2和Vue3对于数组和对象的响应式区别24. Vue2 技术上能劫持数组索引，但为什么不做？（性能成本极高，，初始化时要遍历 每一个索引 加getter/setter ，会导致内存爆炸）滴滴二面(50min)实习相关（白屏检测怎么处理JS报错的问题）1. TCP 和 UDP的区别2. WebSocket 是什么，它是基于 TCP 还是基于 UDP3. 介绍React 中虚拟 DOM4. 手撕：士兵身高从低到高的冒泡排序滴滴三面(30min)实习+项目

三面已挂，换到了tiktok泛架构业务组，重新从一面开始....1.自我介绍，因为简历是后端，上来就问你是选面后端还是前端？2.实习经历询问。3.进程和线程的区别。4.IO模型。5.数据库索引结构6.数据库的四种隔离级别。7.mysql主从同步机制，binlog日志的格式。8.长连接与短连接。9.场景题：积分排行榜，亿级用户，1-2秒延迟。10.自己的优缺点。