- 博客(101)
- 收藏
- 关注
RSS订阅
原创 其实，大部分前端岗都是先混过面试再说的
为了更好地备战 2025 年的 Web 前端开发岗面试，求职者需要制定合理的学习路径和策略。一方面，要深入学习各类场景题的解题思路和方法，通过实际案例进行练习，积累经验。另一方面，要注重项目经验的打磨，突出项目中的技术亮点和解决的实际问题。此外，模拟面试也是提升面试能力的有效手段，通过录制答题过程，分析表达逻辑与知识点盲区，有针对性地进行改进。
2025-08-25 17:48:24
825
原创 2025年前端面试突破秘籍：最快进步的黄金法则
2025年的前端面试，不再是知识的比拼，而是思维和能力的较量。场景化深度训练法之所以成为进步最快的方法，在于它直击面试本质——在真实环境中解决真实问题的能力。坚持这套方法3个月，你将发现自己不仅能轻松应对各种面试挑战，更具备了推动团队和技术前进的实力。记住：在前端这个快速变化的领域，唯一不变的就是变化本身。掌握这套方法，你收获的不仅是一份理想工作，更是持续成长的核心能力。现在就开始你的场景化训练之旅吧！点这里不收米，可领取。
2025-07-22 18:30:54
1037
原创 2025Web前端八股面试题，精选题型，附带详细答案解析，堪称最强题库
2025面试前必看web前端八股文题库！25年准备换工作或者想要跳槽的小伙伴快来看啊！
2025-07-16 16:09:39
1254
原创 2025Web前端面试题大全，1000+面试题题训练，附带详细答案解析，看完面试直接就稳了
我们深知，真正有价值的面经不在于"押题"，而在于构建扎实的知识体系和解决问题的思维模式。本文的1000+题目覆盖了2025年前端技术栈的最新趋势，从传统的JavaScript核心原理到前端高阶算法，从微前端架构设计到智能组件开发，每个专题都经过行业大佬精心编排，更是配套了完整详细的答案解析，让你更全面的开拓面试思路。
2025-05-26 14:28:49
1756
原创 2025年我的前端面试八股文总结
* 如果是三次的话，那么服务端的 ACK 和 FIN 合成一个挥手，那么长时间的延迟可能让 TCP 一位 FIN 没有达到服务器端，然后让客户的不断的重发 FIN。
2025-05-12 17:24:35
1291
原创 2025年前端面试必问八股文，刷完通过率超99%
随着互联网的快速发展，前端开发领域成为了IT行业中的热门领域之一。很多求职者都希望能够进入这个领域，但是面对着如此激烈的竞争，很多人都感到无从下手。为了帮助大家更好地掌握前端开发的相关知识，小编整理了一份前端面试题合集，供大家参考。这份面试题文档的主要内容包括九个相关模块：HTML相关，CSS相关，JavaScript相关，jQuery相关，浏览器相关，HTTP相关，Vue相关，React相关，小程序相关。篇幅限制小编只展示了部分内容，需要完整的看文末。
2025-04-28 10:44:17
1145
原创 2025年4月我的前端面试总结
2025年3月，很荣幸，我也加入了跳槽求职的大部队 ,虽然招聘热潮没有每年年初那样疯狂，但是还是看得出很多公司都在大量的求贤，和以往的跳槽不同，这次我主要通过猎头去寻找面试机会，因为在上一份工作中从猎头那里尝到了一点甜头，那就是会帮你要薪资嘛。
2025-04-22 14:20:36
1255
原创 2025金三银四，春招最全最新前端八股文+场景题+项目，背完让你offer拿到手软
工具与工程化 版本控制：Git 的基本使用（如 git clone、git branch、git merge、git rebase）、Git 工作流。性能优化 加载性能：减少 HTTP 请求、使用 CDN、压缩资源（如 Gzip）、懒加载、预加载。JavaScript ES6+ 新特性：箭头函数、模板字符串、解构赋值、let/const、Promise、async/await、模块化（import/export）。闭包：什么是闭包，闭包的应用场景，闭包的优缺点。数据结构：数组、链表、栈、队列、树、图。
2025-04-16 15:06:43
2307
原创 2025金三银四字节跳动前端面试趋势与核心策略
navigator . sendBeacon()方法使得网页可以异步地将数据发送到服务器，与页面的卸载过程同 时进行，这一点非常重要，因为它允许在不影响用户体验的情况下，安全地结束会话或者发送统计数 据。这方法主要用于追踪和诊断信息，特别是在需要确保数据被成功发送到服务器的场景中——比如记 录用户在网页上的行为数据。基本语法●url：一个字符串，代表您想要发送数据到的服务器地址。● data：可选参数，要发送的数据。
2025-04-11 14:41:28
2853
原创 React 状态管理进阶：受控组件与非受控组件的原理与区别
受控组件是指其值由 React 组件的状态（state）控制的表单元素。这意味着输入框的值总是通过 React 状态来同步和更新。非受控组件是指其值由 DOM 自身管理，而不是由 React 的状态控制。React 通过useRef获取 DOM 元素的引用，并在需要时（如表单提交）读取其值。受控组件：数据由 React 控制，适合需要高交互性的场景。非受控组件：数据由 DOM 控制，性能更优，适合简单输入。
2025-07-22 18:33:26
658
原创 useMemo & useCallback ：React 函数组件中的性能优化利器
useMemo是 React 提供的一个 Hook，它的核心功能是缓存复杂计算的结果。比如，当我们需要执行一个耗时的计算任务时，如果每次组件刷新都重新执行一遍，不仅浪费资源，还可能导致用户体验变差，useMemo就像一个“记忆本”，它会记住上一次的计算结果，只有当依赖项发生变化时，才会重新计算，从而避免重复劳动。是 React 提供的另一个 Hook，它的核心目标是缓存函数引用。在开发中，我们常常会为组件定义回调函数，但如果每次渲染都生成新的函数实例，即使逻辑没变，子组件也可能因此重新渲染,
2025-07-22 18:32:18
532
原创 React 全家桶开发之 Zustand 状态管理：轻巧、简单、还不磨人
Zustand 是适合大多数中前端项目的状态管理工具。小项目你可以不用它（用 useState 就行）中大型项目建议直接上它 Hook 化写法优雅，组件刷新精准，性能极佳“组件是骨架，状态是灵魂，Zustand 是状态管理界的灵魂画手。
2025-07-22 18:31:40
850
原创 [特殊字符]React 中的 Fragment 是个“隐形人”？你不知道的 ＜＞...＜/＞ 的神秘力量！
如果你写过下面这样的 JSX：jsx体验AI代码助手代码解读复制代码你已经见识过 React 的“只能返回一个根节点”规则。为了让它合法，我们经常套个没用的<div>，像是个“打包盒”。会污染 DOM 结构会影响 CSS 布局可能让你的结构语义变差还浪费性能Fragment对比项divFragment（<>...</>渲染到 DOM✅ 会渲染❌ 不会渲染是否增加嵌套层✅ 会❌ 不会可否添加属性✅ 可以❌ 简写不行，标准才行是否语义清晰❌ 容易多余✅ 更干净语义好。
2025-07-16 16:04:25
585
原创 [特殊字符]useReducer：前端状态管理的星际跃迁术
当你的组件开始像宇宙膨胀一样疯狂增长时，useReducer就是那艘能带你穿越虫洞的星际飞船🚀。用快递小哥传递命令让CEO专注决策把中央厨房当后盾下次遇到状态管理难题时，不妨对着代码说："嘿，让我们用useReducer来个星际穿越吧！" 🚀原文：https://juejin.cn/post/7527203498599415847。
2025-07-16 16:03:52
789
原创 Flutter Web 的发展历程：Dart、Flutter 与 WasmGC
所以，也许 Flutter Web 在开发者领域并不是很受宠，但是 Flutter 和 Dart 对它的投入并不少，因为 Wasm 的潜力已经远远超出了浏览器的范畴 ，例如 WASI（WebAssembly System Interface）就是未来的重要趋势之一，作为新兴的标准，它的目的是为 Wasm 模块提供一种安全、可移植的方式来与系统资源（如文件系统）进行交互。，其实这是一项吃力不讨好的过程，Google 从一开始就深度参与了标准的制定，好处就是确保了这个标准能尽可能满足 Dart 的需求。
2025-07-16 16:03:02
958
原创 Web前端面试官常问面试题整理【从基础到进阶，精心整理，2025最强面试题库】
在2025年的前端领域，技术迭代的速度已远超大多数开发者的学习速度。根据Stack Overflow最新开发者调查报告显示，前端技术栈的平均"半衰期"已缩短至18个月，这意味着两年前掌握的技能可能已经过时。与此同时，企业对前端工程师的要求却越来越高——全栈能力、性能优化、架构设计成为标配，智能化开发、Web3.0、边缘计算等新兴领域又带来了全新挑战。需要更多前端25年面试资料，或面试题，请看文末嗱● 合理的title、description、keywords：搜索对着三项的权重逐个减小，title值强调重点
2025-07-11 16:37:25
823
原创 前端开发控件折叠面板（Accordion）——详解与实现
对于那些希望在项目中快速实现折叠面板效果的开发者，可以选择使用已有的前端库，这些库不仅封装了常见的交互逻辑，还提供了主题、动画和响应式设计支持。无论是在独立开发的个人项目中，还是在大型企业级应用中，折叠面板都能以其直观、灵活的特性，为用户提供极佳的交互体验，成为界面设计中的亮点之一。组件、 Bootstrap 中的折叠组件以及 Material-UI 中的 Accordion 组件，它们在功能上基本相似，但提供了更多可配置选项和优化措施，以便在不同场景下获得更好的性能与用户体验。以便应用统一的样式。
2025-05-26 14:31:25
584
原创 Taro on Harmony C-API 版本正式开源
Taro on Harmony C-API 版本经历了京东鸿蒙 APP 的实践，综合性能、生态以及开发体验来讲，毫无疑问已经成为了开发鸿蒙应用的最佳框架选型之一。当下，我们也仍然在不断完善着鸿蒙的适配方案，基于当前的 Taro on Harmony C-API 方案，我们会进行多线程的架构升级以及 React 的 C++ 化，进一步提升 Taro 在鸿蒙端侧的性能，并极大地降低应用的丢帧率，整体进展也已经处于验证和测试阶段。
2025-05-26 14:30:55
995
原创 [特殊字符][特殊字符][特殊字符]手把手Flex实战：从空白文件到完整页面的思考过程
上一期我们介绍了关于flex-box的各种属性，有容器属性和项目属性，并探讨了利用flex布局如何更简便地使得元素居中🎯 《Flex布局奇妙历险：从菜鸟到面试王者！
2025-05-26 14:30:23
744
原创 Compose Multiplatform Skia 对比 Flutter Impeller ，都是跨平台自绘有什么差异
Impeller 着色器是提前编译，而 Skia 是运行时动态编译Impeller 定位只为 Flutter 服务，而 Skia 更多考虑兼顾通用性支持方面Flutter (使用 Impeller)Compose Multiplatform (使用 Skia/Skiko)关键考量主要渲染引擎Impeller (C++ 原生)Skia (通过 Skiko)Impeller 与 Flutter 引擎紧密集成，Skiko 需要考虑引入了 JNI 开销着色器策略预编译 (AOT)
2025-05-26 14:29:41
864
原创 掌握 Dart 的 sealed class(一)
在写 Flutter 项目的时候，经常会瞄到的类，但是当时也就把它们当常规类，没有进一步了解，恰巧今天早上又遇到，索性深入研究一番。对于这种概念性问题，一般都是从第一手资料出发，直接前往官网：👉密封类是 Dart 3.0 引入的重要特性，通过限制类的继承范围和提供编译时检查，显著提升了代码的健壮性和可维护性。在 Flutter 开发中，它尤其适用于状态管理、错误处理等需要明确类型分支的场景。合理使用密封类，可以避免因类型遗漏导致的运行时错误，同时使代码逻辑更加清晰。我们简单归纳下核心特性：。
2025-05-14 10:51:18
426
原创 让代码流动起来：掌握Vibe Coding的艺术
你不再只是机械地敲键盘，而是进入一种“状态”——比如放着你喜欢的音乐、坐在一个舒服的角落、穿着最爱的拖鞋、脑袋里还飘着点灵感的小火花。这些示例仅仅是冰山一角，接下来我将深入探讨一个具体的实例，展示如何利用最新的AI编辑器和大模型技术，开发出一个既独特又实用的产品。还有更刺激的：碰了个 bug，本来只想花十分钟解决，结果变成了三小时的“侦探之旅”，越查越懵，越改越错，整个人都魔怔了。一查资料，一问问题，编辑器一关，思路直接断片，像刚找到节奏的 DJ 被拔了插头——啪！最近在硅谷特别火的一个概念，叫。
2025-05-14 10:50:39
725
原创 深入JavaScript面向对象设计：代理模式与接口互换
通过本篇文章，我们不仅学习了如何使用JavaScript实现面向对象编程的核心概念，还深入探索了代理模式和面向接口编程的重要性。这些技术不仅增强了代码的灵活性和可扩展性，也为解决实际问题提供了强大的工具集。无论你是新手还是经验丰富的开发者，掌握这些技能都将极大地提升你的编码能力。希望这篇文章能激发你对JavaScript更深的兴趣，并鼓励你在未来的项目中实践这些设计理念，创造出更加优雅和高效的解决方案。记住，在软件开发的世界里，理解和应用设计模式是你通往成功的重要一步。
2025-05-14 10:49:52
344
原创 一个简单的MCP Server本地搭建过程
(MCP) 是由Anthropic公司推出的一个开放协议，它标准化了应用程序如何向大型语言模型 (LLM) 提供上下文和工具的方式。我们可以将 MCP 理解为 AI 应用的"USB-C 接口"——就像 USB-C 为各种设备提供了标准化的连接方式，MCP 为 AI 模型提供了与不同数据源和工具连接的标准化方式。读取和写入本地文件查询数据库执行命令行操作控制浏览器与第三方 API 交互这极大地扩展了 AI 助手的能力边界，使其不再仅限于对话框内的文本交互。py体验AI代码助手。
2025-05-14 10:49:19
1362
原创 用JavaScript讲透面向对象：从“黄同学”介绍到代理模式送花
JavaScript是弱类型、动态、灵活的脚本语言，前端后端都能运行。”这是多数人对JS的第一印象。但在我看来，JS的“灵活”远不止语法特性——它更像一把“建模现实世界的瑞士军刀”：用“对象”抽象万物，用“方法”模拟动作，甚至能用“代理模式”复刻生活中的人情往来。作为一名“JS生活建模师”，我的工作不是写复杂的框架或优化性能，而是用JS的语法规则，把现实中的人、事、关系“翻译”成代码。
2025-05-14 10:48:41
1118
原创 Node.js时间魔法：用process.hrtime揭开高精度计时之谜
在Node.js的世界里，就像外科医生的手术刀——当普通计时器给你的是一张模糊的X光片时，它能提供清晰的核磁共振影像。下次当你需要诊断性能疑难杂症时，不妨让这把"时间手术刀"出鞘。试着在项目中用hrtime分析一个函数性能吧！遇到有趣发现欢迎留言交流~🚀链接：https://juejin.cn/post/7503343246904688652。
2025-05-13 10:44:44
314
原创 vite本地运行-启动本地服务
vite本地访问项目时， 通过 http、https、http2启动本地服务。使用第三包包 connect 作为服务的中间件。使用第三方包 sirv 做静态资源的代理链接：https://juejin.cn/post/7503347659954159651。
2025-05-13 10:44:14
603
原创 Three.js 性能优化指南
优化 Three.js 应用的性能需要综合考虑多个方面，包括几何体、材质、纹理、渲染设置、场景管理和动画等。通过使用本文介绍的优化技巧，你可以显著提高 Three.js 应用的性能，使其在各种设备上都能流畅运行。记住，性能优化是一个迭代的过程，需要使用性能分析工具来识别瓶颈，然后针对性地进行优化。不要过早优化，而是在确实遇到性能问题时再进行优化。链接：https://juejin.cn/post/7503412369442095156。
2025-05-13 10:43:40
924
原创 别再用 useEffect 写满组件了！试试这个三层数据架构 [特殊字符][特殊字符][特殊字符]
这篇文章介绍了一个适用于复杂 React/Next.js 应用的 三层数据架构，通过将数据获取流程拆分为 Server Components、React Query 和用户交互三层，解决了传统 useEffect + fetch 带来的各种性能与维护问题。该模式强调 关注点分离，提升了组件的复用性、可测试性和扩展能力。尽管对小项目可能偏重，但在中大型应用中具备良好的可扩展性和清晰的逻辑组织能力，是构建健壮前端架构的实用指南。
2025-05-13 10:42:58
686
原创 一个人的战场 —— Vibe Coding 与 Cursor、Trae、Vercel 的沉浸式开发实战
在传统印象中，开发一个产品需要一个完整的团队：前端、后端、UI、运维、产品经理……大家各司其职，通宵改需求，开会扯功能。但今天我要告诉你的是——一个人也可以搞定一切。我越来越坚信：工具决定效率，氛围决定灵感。而这种新潮又实用的开发方式，正是我们这代开发者打开未来世界的一把钥匙。这篇文章，我会结合当下最火的 AI 编辑器Cursor和Trae，以及上线神器Vercel，带你完整走一遍从灵感到部署的全过程。请坐稳扶好，准备起飞🚀。它不是“摸鱼”，是“沉浸式创作”。，翻译成中文叫“氛围编程”。听起来有点抽象。
2025-05-13 10:42:24
833
原创 万能的渐变！CSS 渐变实现自适应进度条
以上就本文的全部内容了，一些关于渐变的实际应用，你学到了吗？下面总结一下用html标签来实现一个个装饰性的小圆点有点过于冗余了，不够优雅CSS 渐变天然支持内容平铺，可以避免大量无意义的标签小圆点本质上是一个从白色到透明的径向渐变可以使用CSS变量自动计算需要平铺的背景尺寸除了使用径向渐变，还可以使用自适应SVG来实现，可以不用考虑繁杂的径向渐变语法当前进度可以再叠加一层线性渐变实现使用渐变的好处是可以用在各种场景上，没有html结构限制，可以实现一个自定义样式的滑动选择器。
2025-05-12 17:20:19
768
原创 Three.js 飞线可视化教程：从基础到进阶
飞线图（Flow Map）是一种数据可视化方式，用于展示从一个点到另一个点的流动关系和强度。在三维空间中，飞线图可以更直观地展示地理数据、网络流量或粒子运动等信息。
2025-05-12 17:19:15
514
原创 解释 React 中PureComponent与普通组件的区别，在性能优化方面有何不同？
前端打工人，每天除了和各种需求、Bug斗智斗勇，还要时刻准备应对面试挑战。在React的世界里，有两个兄弟——PureComponent和普通组件，面试官特别爱拿他俩来考我们。为啥呢？因为这背后藏着React性能优化的关键知识点，掌握了它们，不仅面试稳了，工作中也能让项目跑得更丝滑！今天咱就掰开了、揉碎了，用大白话唠一唠这俩兄弟到底有啥不一样。
2025-05-12 17:18:36
743
原创 Flutter Widget IDE 预览新进展，开始推进落地发布
看得出来其实 IDE 预览的话核心其实来自 Flutter Web ，由于 Flutter Web 支持 hotload 之后，用一个阴影工程来做实时预览确实是一个相对低成本的选择，不过真的要完整落地，需要考虑的细节还是很多，其中最重要的莫过于使用过程中的性能影响，如果体验太差，还不如直接 hotload 运行实际。在预览里，开发者可以和预览进行交互，支持缩放和平移，甚至可以预览动画，不过预览时的实际帧率最高只会是 60 FPS。，在开发者的项目中添加路径依赖，并列出开发者项目中的资源。
2025-04-28 10:21:45
687
原创 Lodash源码阅读-sortedUniq
sortedUniq是 Lodash 库中的一个数组方法，用于创建一个新的去重数组，专门针对已排序的数组进行优化。它的功能类似于uniq，但由于假设输入数组已经排序，因此能够更高效地去除重复元素。sortedUniq是一个针对已排序数组优化的去重函数，相比通用的uniq函数具有更好的性能。其实现利用了排序数组中相同元素相邻的特性，只需一次线性遍历即可完成去重。
2025-04-28 10:19:55
391
原创 Nuxt3框架入门：第一个简单demo
上篇文章中我们初始化了一个nuxt的项目，对nuxt项目结构有了基本的认识。本篇开始来完成nuxt的第一个简单demo。至此，使用nuxt3完成了一个非常简单的小demo。在这个过程中遇到的一些问题也都最终解决了。作者：尖椒土豆sss链接：https://juejin.cn/post/7497858962394906650来源：稀土掘金著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
2025-04-28 10:19:17
948
原创 Vue3 首款 3D 数字孪生编辑器 正式开源！
对于多数前端开发者而言，用打造炫酷的并非易事，需掌握大量专业知识。如今，一款基于Vue3ThreeJS和Naive UI的数字孪生开发框架 ——正式开源，为开发带来新转机。
2025-04-28 10:18:52
2365
原创 AutoLayout的自适应大小
如果不设定绿色view的宽度约束或距父视图右侧约束,xib就会报错,而其宽度又是根据子视图的内容决定的,同时导致右侧label的位置也无法确定.优先级设置的比绿色view高就行,当绿色view过长,会压缩绿色view的宽度,依然完整显示右侧label.,约束添加正确的话,可以直接调用就获取对应的view的宽高,然后更新view的宽高就行。不还是需要根据内容,计算绿色view的子视图的宽度并相加,再加上子视图的间隔吗?都可以设置宽度和高度的优先级.值越大,优先级越高.就可以根据内容自适应view的大小了.
2025-04-24 14:05:23
312
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人