- 博客(15)
- 收藏
- 关注
RSS订阅原创 Webpack 5 经典高频面试题
将 JS/CSS/图片/字体等都视为模块，进行依赖分析、编译转换、打包输出。产物优化（tree-shaking / 代码压缩 / 代码分割）Vite/Esbuild快在编译，Webpack5快在。CommonJS 支持更强标记优化但仍不如 ESM。，运行时远程加载模块，实现应用拆分与模块共享。Webpack Dev Server 通过。依赖更精准分析（嵌套导出也能 shake）进入 Compile 触发 Plugin。，删除未使用代码，减少产物体积。二次构建更快，适合大型项目。代码转换（loader）
2025-12-01 14:46:11
445
原创 web前端面试，非常规，问题场景一
已选座位: ${Array.from(this.selectedSeats).join(', ') || '无'}
2025-11-20 17:05:08
837
原创 前端之 react 掌握知识点
React的事件是合成事件，是跨浏览器包装器，它提供了与原生事件相同的接口，但行为一致且兼容所有浏览器。事件名使用驼峰式（如onClick），而不是纯小写（如onclick你传递一个函数作为事件处理程序，而不是一个字符串。jsx必须显式调用，不能通过返回false的方式。this在类组件中，类方法默认不会绑定this。有三种常见解决方案：（不推荐在渲染内创建函数，可能引起性能问题）React可以将多个setState调用在一次循环中批量处理，然后只进行一次统一的重新渲染，避免不必要的中间状态渲染。
2025-09-29 10:35:14
637
原创 前端之 HTML 常见面试掌握
负责解析执行 JavaScript（比如 V8、SpiderMonkey）。浏览器第一次访问时下载 manifest 文件和资源，后续离线可加载本地缓存。：负责解析 HTML、CSS、布局、绘制（比如 WebKit、Blink）。新增语义化标签、表单控件、API（WebStorage、Canvas 等）。：input 新类型（email、date、number）。好处：代码可读性好、利于 SEO、利于屏幕阅读器等辅助设备。浏览器下载 manifest 和列出的资源，存入缓存。
2025-09-28 18:02:18
852
原创 前端之 微信小程序 常见面试问题掌握
组件properties（对外属性）。组件与页面通信（样式隔离（生命周期（createdattached等）。
2025-09-28 17:58:51
382
原创 前端之 vue 的路由面试总结
beforeRouteEnter 钩子中无法直接访问 this，因为组件实例还未创建，但可以通过 next(vm => {}) 访问组件实例。A: 可以在 beforeRouteEnter 钩子中获取数据，并通过 next(vm => {}) 将数据传递给组件实例。beforeRouteEnter: 在路由进入组件之前调用，此时组件实例还未创建。beforeRouteUpdate: 在当前路由改变，但是该组件被复用时调用。作用: 在导航被确认之前，同时在所有组件内守卫和异步路由组件被解析之后调用。
2025-03-10 10:48:54
939
原创 前端之 微信小程序的常见使用知识点和面试题
/ 输出: { data: 'test' }：保留当前页面，跳转到应用内的某个非 tabBar 页面。：关闭当前页面，跳转到应用内的某个非 tabBar 页面。：关闭当前页面，返回上一页面或多级页面。在跳转的 URL 中携带参数，目标页面通过。：关闭所有页面，打开到应用内的某个页面。获取当前的页面栈，决定需要返回几层。// 页面加载时的初始化操作。// 页面加载时的初始化操作。// 下拉刷新时触发的操作。// 下拉刷新时触发的操作。
2025-03-05 11:07:35
1029
原创 ts 经典面试
当您比 TypeScript 的类型推断系统更了解变量的类型时，例如在处理联合类型或任何类型时，它会很有用。答案：keyof 运算符生成给定类型的已知公共属性名称的并集，这对于限制可能的字符串值或创建映射类型很有用。typeof 运算符在类型上下文中使用时，获取变量、常量或对象文字的类型，这对于基于现有对象的形状创建类型非常有用，而无需手动重复其结构。答：TypeScript 的类型推断是指编译器在没有显式类型注释的情况下自动推断和分配类型的能力。当您事先不知道对象的键但知道其值的类型时，这是很有用的。
2025-02-17 14:14:11
3340
原创 TypeScript 常见面试题及实战
boolean;console.log(`调用方法：${key}`);// 输出：调用方法：add。，用于约束对象结构，提升可读性和可维护性。：泛型让代码更灵活，适用于组件、函数等。// interface 只能描述对象。// type 可表示联合类型。
2025-02-14 09:22:54
803
原创 前端之 Vue3 面试与实战的 的14种组件通信方式详细总结
最最常用的通信方式是了，父组件通过方式将属性传递给子组件，子组件接受并用于数据操作和页面渲染。1.2、子传父：通过可以让子组件的值传递到父组件中。其用法如下： 在父组件中通过监听子组件发射出来的事件，并接收其传过来的值。在的组件中还可以通过、来、事件，以达到传值的目的，但在中这种写法。如果需要在子组件中接收的很多，如果在声明比较繁琐，所以vue给我们提供了一个优雅的解决方案，即，指的是父组件传递给子组件的所有属性中，剔除在中定义的那部分之后，剩下的就会放在中。举个例子：这
2025-02-13 18:00:48
739
原创 deepseek 在cursor 上安装使用教程
打开Cursor的设置面板（File -> Preference -> Cursor Settings），找到Models选项卡，把其他模型的开关都关掉。访问 DeepSeek 官网https://platform.deepseek.com/api_keys ，注册账号。点击"Add Model"，添加一个自定义模型，名字就叫“deepseek-chat”。打开Chat窗口，想写什么代码，尽管吩咐DeepSeek！ursor虽然好用，但是这20美元每月的订阅费，很贵哇！但是，有DeepSeek！
2025-02-13 10:07:36
2848
原创 deepseek 在vscode 上安装使用教程
DeepSeek 官网https://platform.deepseek.com/api_keys。点击创建后会出现API key，记住只出现一次，保存好。将 API Key 存储在安全位置，如环境变量或配置文件中）进入下图页面创建key（
2025-02-06 17:25:19
399
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人