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

一直觉得，实习应该先安身立命，再多多体验。首先确定当下最需要解决的事情——下一份实习，是要作为大厂的敲门砖，或者是秋招的胜负手？这种情况下就应该“精”。所谓精，也需要看具体情况来分析。不是说一定要业务核心，或者公司title多么大，才叫一段“精”的实习——毕竟不是所有人初出茅庐就可以找到一份title金光闪闪的实习。我的理解是，精不精其实由你的态度决定，大厂的边缘部门也好，中小厂也好，只要你认真对待，挖掘出这段实习的每一点价值，那都是一份有效的实习。有的牛油可能就要说，“我天天干的都是些碎片活，脏活，没意义的活，接触不到核心业务，这种情况下我怎么学到东西？”我的想法是：带着问题去做，带着目的去学，注意复盘和积累。如果实在不知道做什么，那就养成一个习惯：每天记录当日的需求，自己的进度，解决一个问题时的方法以及改进点，code review和请教前辈时的收获，碎片化的信息，等等……事无巨细地流水账记下来。等一个项目阶段性完成后，再进行小结，补充背景信息和阶段性的成果。现在的ai很好用，只要你能坚持记录，提供详实的基础材料，一定可以跟你一起挖掘出有用之处。等你填充出一份漂亮的简历，能够完成下阶段（秋招/暑期实习）的要求后，就可以考虑“多”的问题啦~（前提是你有余力。上班还是很累的，想多休息下是人之常情）去不同的城市，不同的企业实习，可以见识到很多不一样的东西，同时积累大量的信息，为你未来的职业选择和生活规划 提供道听途说无法替代的体验。攒钱当然也是其中的一环，但这可不仅仅是钱的问题，这种相对起正式工作和定居几乎无成本的尝试，会影响你今后一生中大大小小的决定

1.实习介绍 2.JavaScript中的this指向规则有哪些? 3.什么是深拷贝和浅拷贝? 4.React中组件的生命周期有哪些阶段? 5.Vue组件间通信方式有哪些? 6.HTTP缓存机制中，强缓存和协商缓存的区别是什么? 7.什么是事件委托?事件委托的原理是什么?请结合实例说明事件委托在前端开发中的应用场景及优势? 8.TypeScript中的泛型约束、泛型默认值、泛型工具类型(如Partial、Required、ReadonlyPick)分别是什么?请举例说明其使用场景? 9.前端工程化中，ESLint、Prettier、Babel的作用分别是什么? 10.浏览器的同源策略及跨域解决...

1.项目介绍。2.HTTP和HTTPS的区别是什么，HTTPS的加密过程是怎样的，对称加密和非对称加密分别在哪个环节使用3.解释一下浏览器的事件循环机制，宏任务和微任务的执行顺序是怎样的，能举例说明吗4.Vue3相比Vue2有哪些重要的改进，CompositionAPI解决了什么问题，在实际项目中你是如何使用的5.谈谈你对React Hooks的理解，useEffect的依赖项是如何工作的，如何避免无限循环6.CSS中的BFC是什么，如何触发BFC，它能解决哪些实际问题7.前端性能优化有哪些常见手段，你在项目中具体实施过哪些优化措施，效果如何8.讲一下浏览器从输入URL到页面渲染完成的整个过程，越详细越好9.webpack的打包原理是什么，常用的loader和plugin有哪些，你是如何进行webpack优化的10.讲讲Promise的实现原理，async/await是如何工作的，如何处理异步错误11.虚拟DOM的diff算法是如何工作的，key的作用是什么，为什么不建议用index作为key