- 博客(86)
- 收藏
- 关注
RSS订阅
原创 25年，前端开发项目中的难点亮点【最强面试版】
本书将聚焦前端开发中的与，通过真实案例、最佳实践和前沿探索，剖析技术背后的思考与解决方案。无论你是初入行业的新人，还是经验丰富的工程师，希望这些经验能为你提供启发，助你在瞬息万变的技术浪潮中把握方向，打造更高效、更可靠、更极致的用户体验。—— **代码不止于运行，更在于创造价值。**有需要更多前端资料，看文末免费领取。
2025-05-26 14:42:13
1087
原创 2025年，前端岗最全面试攻略，吃透15个技术栈Offer拿到手软
无论您是初入职场的新人，还是寻求突破的中高级开发者，本指南都将带您深入15个核心技术栈的与。JavaScript、CSS、ES6、Vue2、vue3、React、Node.JS、小程序、HTTP、TypeScript、Webpack、Git、Linux、算法与数据结构、设计模式，我们不仅提供高频面试题的精准解析，更注重培养您举一反三的和。
2025-04-28 10:48:23
1651
原创 互联网工程师111道前端面试场景题及答案整理( 2025年 整理最新版)
而大厂所需要的程序员是有限的，高薪也只能给到少数人，所以前端的竞争才会如此激烈，内卷化也越来越严重。但说到底，你通过分析网上的一些数据后你就会发现：卷的最厉害的其实只是初中级岗，高端岗还是有很多空缺的机会。所以，为了更好的帮助一直以来支持我的粉丝朋友，更好的助力你们面试跳槽涨薪，小编今天也是在这里为大家准备了一份出自于阿里的【2025 版】前端架构师场景题参考指南。而程序员在应聘时更是需要经历层层面试。俗话说，磨刀不误砍柴工，做好面试前的准备工作可以帮助大家更好的应对面试官的问题以及面试中的突发情况。
2025-04-22 14:44:34
1700
原创 2025年，金三银四，Web前端学习步骤及路线（超详细）
感觉学前端学到自己的瓶颈期了，各种框架乱七八糟，感觉好乱。小编精心整理出来的前端程序员初、中、高级的进化之路！前端技术栈说实在的知识点很多，绝不仅仅是随便敲敲代码那么简单。如果下面的大部分没用过，甚至都没听说过，那就怀疑你是不是个假程序员了，要加油了。学习是有顺序的，不要太跳脱，这样到头来反而是最慢的。很多东西真的都是基础阶段已经讲过的，只是你没意识到。这些都是前端程序员必备的技术栈，有些不一定是首选的选择，但这些一定是前端程序员必备的。最后：对这份笔记感兴趣的小伙伴，对这份笔记感兴趣的小伙伴，
2025-04-18 15:19:57
418
原创 2025金三银四春招Web前端八股文汇总【助你备战金三银四】
inner();// 执行过程中，先将全局执行上下文压入执行栈， // 调用outer函数时，将outer函数的执行上下文压入执行栈， // 调用inner函数时，将inner函数的执行上下文压入执行栈， // inner函数执行完毕，其执行上下文弹出， // outer函数执行完毕，其执行上下文弹出。例如，当一个字符串和一个数字进行加法运算时，字符串会被转换为数字（如果可以转换的话），如 "3" + 2 会被转换为 3 + 2 ，结果为 5；映射也是键值对的集合，与对象不同的是，键可以是任意类型。
2025-04-15 10:59:58
2140
原创 其实25年Web前端面试风向已经很明显了！
从今年开始，前端面试的题型就已经大幅度的变了，很多往年的题型在今年已经不适合背了，最近也是有很多小伙伴和我聊，说今年的前端面试真的不知道该背什么了，下面就由我来带大家了解一下今年前端的行情。从今年年初开始到现在，有很多朋友去面试了几家大厂，发现今年问的最多的就是场景题，普通的八股文虽然也问，但是已经不多了，基本都是场景题，然后考察项目，我也是托了很多关系，才从一位阿里大佬手中要到了一份今年的最新场景题库。我刚开始觉得也许并没有那么好用，因为这些题实际开发根本就用不到，有什么用呢？
2025-08-25 18:02:01
146
原创 25年，前端面试背八股文意义已经不大了，别再死磕了，现在前端面试都问这些......
navigator.sendBeacon(）方法使得网页可以异步地将数据发送到服务器，与页面的卸载过程同时进行，这一点非常重要，因为它允许在不影响用户体验的情况下，安全地结束会话或者发送统计数据。这方法主要用于追踪和诊断信息，特别是在需要确保数据被成功发送到服务器的场景中——比如记录用户在网页上的行为数据。基本语法● url：一个字符串，代表您想要发送数据到的服务器地址。● data：可选参数，要发送的数据。
2025-07-22 18:55:41
1176
原创 Console.log 重度使用者！必备的 2 个 VSCode 神级插件！
如果你写前端框架时，一天能敲几十条，却还在和编辑器之间疯狂切窗口！那么请立刻把这2个插件装进——写日志、看结果、一键清场，全部在 5 秒内完成。
2025-07-22 18:47:56
487
原创 让 VitePress 文档”图文并茂“的魔法插件：vitepress-plugin-legend
原文：https://juejin.cn/post/7529666793007824915。今天给大家分享一个 VitePress 插件，除了代码块，你还可以用。先看效果，再学怎么用！
2025-07-22 18:47:25
635
原创 Android Deep links
ini体验AI代码助手代码解读复制代码当存在多个能够处理相同scheme的应用时，app会打开一个对话框选择。被调用方使用：获取intent.data，拆分解析，组件封装，通过规则+Arouter跳转目标业务。官方文档：developer.android.com/training/ap…准备域名和资产关联文件确保你拥有一个 HTTPS 域名，比如 。在该域名的服务器根目录下创建一个 文件，内容类似： json体验AI代码助手代码解读复制代码部署后，在浏览器访问 能拿到该 JSON。在 Andr
2025-07-22 18:46:50
462
原创 2025年我的前端面试八股文总结，已成功帮助1000+人入职，最全整理！
这份面试题文档的主要内容包括九个相关模块：HTML相关，CSS相关，JavaScript相关，jQuery相关，浏览器相关，HTTP相关，Vue相关，React相关，小程序相关。篇幅有限，这里只列出了部分面试题，和部分截图，不过前端面试宝典都已经整理成PDF文档，如果你需要这份完整版的前端面试宝典。5.PUT和PATCH都是给服务器发送修改资源，有什么区别？10.你对css sprites的理解，好处是什么？10.同样是重定向307，303，302的区别？9.知道img的srcset的作⽤是什么？
2025-07-16 16:25:45
779
原创 React大厂面试问答系列之Hooks
在React中，Hooks是非常重要的内容，很多人在学习或者备考的时候遇到各种各样的Hooks函数难免会头晕，太多了容易记混，这篇文章通过问答的格式来帮你巩固一下Hooks相关的考点，看看你能不能接住这些大厂中的常考问题吧！本文为Hooks相关的React面试问答系列，以后作者有空，还会陆续更新React中路由、模块化、组件通信等知识点的面试系列！尽情期待吧！原文：https://juejin.cn/post/7527210802961694774。
2025-07-16 16:23:24
558
原创 21、前端权限体系设计：动态路由、按钮级权限与灰度控制
权限系统是前端架构中极易被忽略又极其重要的模块。页面级访问控制是否安全不同用户是否看到“自己该看的”按钮、菜单、模块灰度发布是否精准可控不管你是 ToB 管理系统，还是大型 C 端应用，权限设计都必须“前后联动 + 动态精准”。优秀的权限系统应当做到灵活拆分、全局统一、颗粒精细、后端驱动、前端接入轻量化。构建自动化系统支撑业务规模增长👉第22篇：《前端工程化深度实践：构建、发布、CI/CD 流程重构指南》
2025-07-16 16:22:51
1010
原创 协程学习记录之提问Kimi：介绍一下Flow的用法
Kotlin Flow 是 Kotlin 协程生态中专门处理的 API，官方推荐的响应式编程利器。下面按照“”的顺序，一次性讲透 Flow 的核心用法与最佳实践。
2025-07-16 16:22:05
866
原创 Three.js 视锥体裁剪（Frustum Culling）
视锥体裁剪是一种在 3D 渲染中提高性能的技术。它的核心思想很简单：只渲染摄像机视野内的物体，而忽略那些不在视野内的物体。这样可以显著减少需要处理的几何体数量，从而提高渲染效率。在 Three.js 中，视锥体是一个棱台形状的区域，由摄像机的位置、方向和视野范围决定。这个区域包含了所有可以被摄像机看到的物体。视锥体裁剪是 3D 渲染中一项重要的性能优化技术，特别是在处理复杂场景时。Three.js 为我们提供了内置的视锥体裁剪功能，同时也允许我们自定义裁剪逻辑。视锥体裁剪的基本概念视锥体的六个面。
2025-05-26 14:44:28
421
原创 VScode settings.json 文件配置
若配置文件中，有些插件没有或用不上的，可以直接将其相关配置删除即可（该配置更适合前端开发同学）原文：https://juejin.cn/post/7507888457706307647。
2025-05-26 14:43:58
253
原创 抛弃!important：从优先级战争到 CSS 可维护性革命
important如同编程中的goto语句，虽能快速解决问题，却破坏了代码的可维护性。真正的 CSS 高手懂得利用优先级规则、架构方法论和现代工具，让样式自然层叠而非暴力覆盖。下次当你准备写下!important时，不妨问自己：能否通过组合选择器提升特异性？是否遵循了 BEM 或原子化设计原则？这个样式是否真的需要最高优先级？抛弃!important，你将从 "样式消防员" 转变为 "架构设计师"，让 CSS 代码成为可维护的艺术品，而非充满补丁的破布衫。
2025-05-26 14:43:27
545
原创 前端写TypeScript的时候必须改掉的 16 个坏习惯
：用 JSDoc 或 TSDoc 描述复杂逻辑。：显式声明返回值类型，便于维护和文档化。：假设 API 返回的数据符合预期。：用注释掩盖问题，而非修复类型错误。：优先解决类型问题，或使用更安全的。：依赖类型推断，函数返回值不明确。：直接使用字符串/数字，难以维护。：将类型抽离到单独文件（如。：手动维护类型与值的同步。：类型定义与业务代码混杂。：代码缺乏文档，难以理解。：使用类型守卫或库（如。：用泛型抽象通用逻辑。：未穷举所有条件分支。：用枚举或常量替代。
2025-05-26 14:42:57
506
原创 React Hooks 的优势和使用场景
代码更简洁 - 减少约30%的代码量逻辑更清晰 - 相关代码集中在一起复用更方便 - 自定义 Hook 机制学习成本低 - 无需理解 class 的 this性能优化更简单 - 内置 memoization 机制推荐在新项目中全面使用 Hooks，老项目可以逐步迁移。对于复杂状态管理，可以结合 Context + useReducer 或第三方状态库如 Redux。链接：https://juejin.cn/post/7503738123689869348。
2025-05-14 11:11:31
266
原创 Nest入门教程（三：模块）
使用**@Global**装饰器可以声明全局模块，此时无需在每个模块通过import重复声明。链接：https://juejin.cn/post/7503756869787025444。动态模块主要就是为了给模块传递参数 可以给该模块添加一个静态方法 用来接受参数。此时在Order模块任何地方都可以共享UserService的服务了。装饰器提供元数据，Nest使用这些元数据来组织应用程序的结构。在Nest中注册根模块，例如配置根模块的全局服务或者中间等。或者构造函数注入UserService服务。
2025-05-14 11:10:58
293
原创 前端面试题-React基础篇
组件类型数据管理方式控制权受控组件 (Controlled)表单数据由 React 组件状态（state）驱动React 完全控制非受控组件 (Uncontrolled)表单数据由 DOM 节点自身维护DOM 原生控制维度类组件函数式组件定义方式ES6 类继承JavaScript 函数状态管理this.stateuseStateuseReducerHooks生命周期完整生命周期方法（如useEffect模拟生命周期副作用处理。
2025-05-14 11:10:28
1088
原创 webpack配置文件
链接：https://juejin.cn/post/7503771876750639113。从维护的角度来说，这种方式不够明显，我们希望可以在专门的文件统一维护，因此不建议这种方式。针对不同的环境，设置不同的系统全局可用的常量，比如不同环境的文件上传地址等。标志传递参数，参数会注入到 Webpack 配置函数的。构建时确定常量值，不同环境需要单独打包。需要集中管理多环境变量，支持。针对不同环境创建环境变量文件。修改webpack配置。
2025-05-14 11:09:53
841
原创 PostGIS Bundle 导入 Shp 到 PostGIS 空间数据库
❝PostGIS Bundle提供了高效的工具，可将Shapefile (Shp)空间数据快速导入 PostgreSQL/PostGIS 空间数据库，支持几何对象、属性数据及空间参考的完整迁移。无论是单文件导入还是批量处理，均可通过命令行或图形化工具轻松完成。是一套专为 PostgreSQL 数据库设计的空间数据库扩展包，它显著增强了 PostgreSQL 在地理空间数据处理方面的能力。
2025-05-14 11:09:22
861
原创 this多个绑定规则优先级比较
学习了四条规则，接下来开发中我们只需要去查找函数的调用应用了哪条规则即可，但是如果一个函数调用位置应用了多条规则，优先级谁更高呢？
2025-05-13 10:52:55
143
原创 76. Java 枚举类 - 什么是枚举？
在Java中，我们有时候会遇到某个变量只能有固定几个值星期（只能是周一到周日）性别（只能是男性、女性）方向（只能是东、南、西、北）如果用普通的int或String来表示，可能会遇到非法值（比如"hello"作为星期，999作为方向），这时候Java 枚举（Enum就能帮我们解决问题！枚举的特点✅是一种特殊的类，但只能有有限个实例（不能动态创建新实例）。✅所有实例在编译时已知，可以避免非法值。✅更加可读、可维护，比int或String更安全。✅默认继承，不能再继承其他类（但可以实现接口）。如何定义枚举。
2025-05-13 10:52:23
579
原创 彻底解决 Prismjs 代码高亮夜间模式下字体很糊的问题
我一开始使用的是prismjs。当然highlightjs也可以实现同样的效果，我也用了，但是觉得没找到好看的主题。可以看到，代码块出现了重影的效果，让人看了眼花。让我们看看使用开发者工具检查一下。链接：https://juejin.cn/post/7503412369440800820。我在开发个人博客的时候，需要实现一个代码高亮功能。所以我搜索了代码高亮库，比较主流的有。我们发现原来是默认的hilightjs给。这样即使在夜间模式也不会出现模糊的效果了！
2025-05-13 10:51:50
457
原创 css 小师系列：蝉原则
蝉原则在css中不仅仅可以实现上面提到的两个效果，当遇到其他需要实现随机性动画或者样式效果时，也要第一时间想到蝉原则这个概念。链接：https://juejin.cn/post/7503391054537080841。
2025-05-13 10:51:14
438
原创 CSS实现手电筒光照效果
最后觉得好玩的；可以直接复制完整代码去玩哦链接：https://juejin.cn/post/7503365162059268146。
2025-05-13 10:50:36
245
原创 一名【合格】前端工程师面试必备八股文
以前我在各平台上看到面试贴就直接刷掉的，从不会多看一眼，直到今年我开始准备面试时，才发现很多面试经验贴特别有用，看这些帖子的过程中对我的复习思维形成影响很大，所以我现在把最近自己整理好的一些前端高频面试题分享出来，希望能帮到接下来要找工作的朋友。9. react异步渲染的概念,介绍Time Slicing 和 Suspense。22. sum(2, 3)实现sum(2)(3)的效果。2. 介绍冒泡排序，选择排序，冒泡排序如何优化。7. ES6中的map和原⽣的对象有什么区别。5. 介绍⼆叉搜索树的特点。
2025-05-12 17:34:37
1362
原创 Ralph 开源资产管理与 DCIM 系统全解析：从入门到企业级实战
相比商业化的 DCIM 系统（如 NetBox），Ralph 完全免费且功能强大，适合中小企业和个人开发者使用。它能够帮助企业高效管理硬件资产、跟踪设备生命周期，并优化数据中心资源利用率。链接：https://juejin.cn/post/7502608144289497103。：某电商公司服务器数量超过 1000 台，手动管理效率低下。：机柜利用率提升 30%，能耗降低 15%。：资产管理效率提升 80%，减少人工错误。：某银行需要优化数据中心机柜利用率。，从采购到报废，全程可追溯。
2025-05-12 17:33:06
1108
原创 浏览器端上传文件限制文件编码，禁止二进制文件等非文本上传。
通过解码和不可读字符比例检查（排除\r\n\t等合法字符），代码能有效判断文件是否为二进制，并禁止二进制文件上传。40MB 大小限制和前 4KB 读取优化确保了性能。链接：https://juejin.cn/post/7502875709886152740。
2025-05-12 17:32:26
588
原创 做一个 Timeline
说实话，我当时还挺兴奋的，因为这正是我想挑战的一种 UI 模式。我从最初的草图开始，先勾勒了一种竖直线型结构：左边是一条主轴，右边是每个事件节点的内容模块，中间则是一个居中的点，或者是带图标的小圆圈。之后，我开始思考一个更贴近实际场景的问题：如果我要让这个组件能够动态绑定数据，并且在一些复杂的使用场景中，比如用户操作日志、项目进度追踪或者产品更新历史中，都能灵活胜任，我需要构建怎样的 API？除了基本的线性展示，我还加入了横向时间线的支持，这一部分比较复杂，特别是在内容宽度自适应和滑动体验上的优化。
2025-05-12 17:31:53
748
原创 JavaScript 中 apply 和 call 方法的区别与应用场景
apply和call方法虽然功能相似，但在参数传递方式上的不同使得它们适用于不同的编程场景。当我们明确知道参数的数量并且希望清晰地列出参数时，call方法是不错的选择；而当参数已经以数组或类数组的形式存在，或者参数数量不确定时，apply方法则更为便捷。熟练掌握这两个方法，能够让我们在 JavaScript 编程中更加灵活地操控函数，提高代码的复用性和可维护性，无论是在日常开发还是处理复杂的业务逻辑时，都能发挥出强大的作用。
2025-04-28 10:50:48
820
原创 【nodejs高可用】Nodejs应用安全防范的问题总结
事实上，许多运维团队和后端团队的视角里，对Nodejs的开发可以总结为两个字“玩具”，为什么这么说，很多传统的后端开发，认为Nodejs不够稳定，安全性不够，容易受到外部攻击，导致服务崩溃挂掉。但是对于前端开发来说，NodeJs无疑是进军服务端领域的不二选择，笔主曾经也是从服务端转来的前端开发。本文会针对NodeJs应用里常见的安全风险和防范方案，应对大流量，以及应用内系统异常处理的最佳实践，可以放心的使用Nodejs承载业务。
2025-04-28 10:50:16
1027
原创 封装思想：灰白表格如何优雅封装
常网IT源码上线啦！本篇录入技术选型专栏，希望能祝君拿下Offer一臂之力，各位看官感兴趣可移步🚶。有人说面试造火箭，进去拧螺丝；其实个人觉得问的问题是项目中涉及的点 || 热门的技术栈都是很好的面试体验，不要是旁门左道冷门的知识，实际上并不会用到的。接下来想分享一些自己在项目中遇到的技术选型以及问题场景。生怕体检像X光，把我们平常偷偷熬的夜、应酬喝的酒、解压吃进去的夜宵，都照的一清二楚。最讲封装，还是用组件例子来说吧，不然干巴巴说有点干巴巴。我们就来一个最简单的表格组件来讲。
2025-04-28 10:49:40
864
原创 [特殊字符][特殊字符][特殊字符] 2025 年了，我不允许你还不知道 vite-plugin-pwa
最近在给项目加 PWA 支持时，发现真的是一个又强大又丝滑的插件！本文就带大家系统了解一下它的安装使用、核心功能和进阶技巧，让你的 Vite 应用秒变原生 App！绝对是给Vite项目加Buff的神兵利器，无论是离线体验、推送通知还是热更新体验，都非常值得一试！原文：https://juejin.cn/post/7497868344223989794。
2025-04-28 10:49:10
731
原创 React Hooks 的优势和使用场景
更简洁的代码结构更好的逻辑复用更直观的组件编写方式更友好的TypeScript支持组件状态管理(useState)副作用处理(useEffect)上下文共享(useContext)复杂状态逻辑(useReducer)性能优化(useMemo/useCallback)随着React 18的并发特性推出，Hooks将成为未来React开发的标准模式。建议新项目全面采用Hooks，老项目可以逐步迁移。
2025-04-24 11:43:41
404
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人