- 博客(77)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 身份验证机制：Session、JWT、SSO 和 OAuth 2.0，以及（Magic Links、QR Code、Push 、Biometric、Social ）
本文探讨了前端身份验证和授权机制，旨在为开发者提供多种安全且高效的解决方案，以适应不断发展的网络安全需求和个人隐私保护。文中归纳了几种前沿的身份验证方法，包括基于会话（Session）、JSON Web Tokens (JWT)、Single Sign-On (SSO)、OAuth 2.0 等传统与现代技术，以及 Magic Links、QR Code Login、Push Authentication、Biometric Authentication、Passwordless Authentication
2024-08-09 15:23:56
3593
19
原创 八、浏览器同源策略
同源策略是浏览器的一种安全机制，用于限制一个源（origin）的文档或脚本如何与另一个源的资源进行交互。同源策略是Web安全的基础，有效防止了跨站脚本攻击（XSS）和跨站请求伪造（CSRF）等安全问题。本文介绍了同源策略的基本概念、实现方式及其在Web开发中的重要性。
2024-06-29 21:38:37
2030
10
原创 高德地图JS API 一些常见使用方法（急救包）
本文档总结了高德地图JS API中的一些常见使用方法，包括初始化地图、添加标记等。这些方法可以帮助开发者快速实现地图相关的功能。
2024-04-22 18:47:33
2715
4
原创 TypeScript 中高频出现的类型结构与用法
本文整理 TypeScript 在实际项目中高频使用的 15 个核心类型模式，涵盖类型推断、联合与交叉类型、泛型约束、映射类型、条件类型、infer、as const 等关键能力。重点说明每项技巧的语义，帮助开发者系统掌握类型系统的核心机制，提升代码的可维护性与静态检查能力。
2025-08-07 17:10:29
460
原创 一步步构建统一代码规范：ESLint 在 JavaScript、TypeScript 与 Vue 项目中实践
本文深入探讨了项目规范化的重要性，并围绕 ESLint 这一强大的静态代码检查工具，详细讲解其在 JavaScript、TypeScript 和 Vue 项目中的配置与应用实践。内容涵盖 ESLint 的核心原理、规则配置、与 Prettier 的集成、团队协作中的统一风格策略、以及通过 Git Hooks 和 CI/CD 实现自动化规范落地。旨在帮助团队提升代码质量、一致性与可维护性，实现高效协作开发。
2025-07-22 09:00:00
636
原创 基于 fetch + ReadableStream 流式输出 实现 AI 聊天问答
本文介绍了如何通过 fetch + ReadableStream 实现 AI 聊天问答的流式响应输出，模拟 SSE 行为以支持 POST 请求和复杂参数传递。同时，结合 contenteditable 实现了支持内容高亮、代码块插入等功能的富文本输入框，并通过自定义指令实现 Vue 数据双向同步，提升交互体验。
2025-07-18 14:27:49
1202
2
原创 深入理解浏览器渲染帧
本文围绕浏览器的渲染机制展开，详细解析了页面在 60Hz 刷新频率下的渲染流程，包括主线程（Main Thread）与合成线程（Compositor Thread）之间的协作关系。通过分析 Google 官方案例 Jank 中因频繁读取 offsetTop 导致的页面卡顿问题，揭示了回流（Reflow）和重绘（Repaint）对性能的影响机制，并结合 Performance 工具进行深度剖析。
2025-07-18 06:00:00
1810
9
原创 Git 日常开发实战命令大全
本文整理了 Git 在日常开发中常用的命令集合，涵盖代码提交规范、分支管理、远程仓库操作、冲突处理、Stash 暂存、Tag 打标、版本回退等高频操作。内容分为清晰的功能模块，并附有详细说明和使用示例，适合开发者快速查阅与实践，是提升 Git 使用效率的实用手册。
2025-07-07 09:22:10
1253
原创 Webpack 5 核心机制详解与打包性能优化实践
本文系统讲解了 Webpack 5 相较于 Webpack 4 的主要改进，包括模块联邦、持久缓存、Tree Shaking 增强等核心特性。深入剖析了 Webpack 的构建流程、Compiler 生命周期钩子、Loader 工作原理及自定义开发、Plugin 的编写方式，并提供了完整的配置示例与打包优化技巧，高效掌握现代前端构建工具的使用与调优方法
2025-07-03 18:47:46
1120
3
原创 Nginx 攻略总结
本文全面讲解了 Nginx 在多种典型场景下的配置与优化方案，涵盖单体部署、负载均衡、动静分离、资源压缩、缓冲区控制、缓存机制等核心知识点。通过合理配置 Nginx，可以有效提升系统性能、增强稳定性，并支撑高并发、低延迟的业务需求，是构建高性能 Web 架构的重要基石。
2025-06-10 19:39:13
1319
1
原创 React 编译器 RC
本文介绍了 React Compiler RC（候选版本 的最新更新，它是 React 的构建时优化工具，通过自动记忆化提升应用性能。RC 版本更加稳定，新增对 SWC 的支持、改进依赖项推断、并默认关闭了部分误报规则。同时，eslint-plugin-react-compiler 已合并至 [email protected]，简化了配置流程。React 官方鼓励开发者试用并提供反馈，计划在收集社区意见后发布正式版。文章还提供了安装配置指南、兼容性说明及未来路线图，建
2025-05-29 19:15:00
930
2
原创 React 编译器
本文介绍了 React Compiler，这是一个新的构建时工具，旨在通过自动记忆化（memoization）优化 React 应用性能。它能够智能跳过不必要的组件重新渲染和昂贵计算，提升应用效率，同时兼容 React 17+。文章还指导了如何安装编译器、配置 ESLint 插件以检测违反 React 规则的代码，并提供了在新旧项目及库中的使用建议。此外，文中提到了如何通过 use no memo 指令临时排除特定组件或 hook 的优化，以及出现问题时的排查方法。最后强调了开发者可逐步采用该工具，无需立即
2025-05-29 19:00:00
1445
3
原创 Sunsetting 创建 React App
React官方于2025年2月14日宣布弃用Create React App (CRA)，推荐使用Next.js、Vite等现代框架以获得更好的性能和功能支持，如路由、数据获取及代码拆分。现有CRA项目可通过官方提供的迁移指南进行升级。此外，文章强调了服务器端渲染（SSR）和静态站点生成（SSG）在提升应用性能方面的重要性，并指出这些方法能够减少页面加载时间，提高用户体验。
2025-05-14 20:00:00
1340
4
原创 深入理解 Webpack 核心机制与编译流程
本文详细解析了 Webpack 的核心工作原理，包括其基于 Tapable 的插件系统、构建生命周期中的 Compiler 与 Compilation 流程，以及从入口文件解析、依赖构建到最终打包输出的全过程。通过源码分析和流程拆解，帮助开发者深入理解 Webpack 的模块打包机制
2025-05-12 19:09:21
892
原创 VUE SSR（服务端渲染）
这篇文章主要围绕 Vue 框架的 SSR（服务器渲染）展开，详细介绍了 SSR 的相关知识，包括概念、优势、与 SSG 的对比、基础教程、通用解决方案、书写 SSR 友好代码的原则以及实施时的难点和亮点等内容。
2025-04-17 08:00:00
783
1
原创 如何自动检测使用的组件库有更新
本文详细介绍了update-notifier库的实现组件库更新机制，该库用于检查项目中使用的组件库是否有新版本，并在有可用更新时通过命令行通知用户。它基于ConfigStore保存配置信息，使用一系列第三方库如chalk、semver等进行版本比较和美化输出。
2025-04-10 18:46:25
986
原创 一套代码如何同时优雅适配移动端和PC端
本文探讨了多种响应式布局方案，推荐根据项目需求选择：移动端为主的项目适合使用rem/vw-vh或lib-flexible方案；PC与移动端共存的项目可采用useMediaQuery结合Tailwind CSS；而对于PC和移动端UI差异较大的复杂项目，则建议使用双端组件分开管理的策略。最终方案的选择应基于项目的具体定位（主要面向PC或移动端）及布局复杂度。
2025-04-07 17:37:34
914
原创 babel-runtime 如何缩小打包体积
本文详解如何通过babel-runtime与@babel/plugin-transform-runtime配合，将重复的辅助函数转换为模块引入，减少打包体积，并对比corejs配置差异，解决类库开发中全局污染问题，提升项目性能。适用于Babel 7.4.0+的项目优化。
2025-04-07 17:36:59
1555
3
原创 如何实现高性能的在线 PDF 预览
文章针对大体积 PDF 文件在线预览加载慢问题，提出切片下载与按需渲染优化方案，利用 pdf.js 库实现浏览器端对 PDF 分片的获取、下载与渲染，通过滚动加载及清除可视范围外页面元素等策略，提升用户阅读体验，并探讨了页面大小不一致时的解决思路 。
2025-03-31 09:30:01
1153
原创 首屏加载时间优化解决
本文详细介绍了前端首屏渲染优化的多种策略和技术，主要涵盖了减少网络请求、延迟加载非关键资源、使用浏览器缓存、优化代码和文件大小、异步加载和执行、使用CDN加速、响应式设计和图片优化、预渲染技术以及优化关键渲染路径等方面。特别地，以Webpack为例，讨论了如何通过代码分割、按需加载、图片优化、代码压缩和混淆、缓存策略、Tree Shaking、提取公共代码及预渲染等手段实现首屏优化。
2025-03-31 09:10:25
1054
原创 前端优质文章整理
本篇文章汇集了一系列精选的前端技术文章，旨在为前端开发者提供一个全面的学习资源库，涵盖了JavaScript、Vue、React等多个重要领域，同时也包括浏览器性能优化及面试技巧等实用内容。无论你是刚刚起步的新手，还是寻求突破的中级开发者，亦或是希望对某些概念进行深化理解的高级工程师，这里都有适合你的内容
2025-03-14 10:42:20
777
原创 el-tree组件节点优化
本文介绍了Element UI的el-tree组件使用及优化，包括如何解决非全选状态下获取父节点和回显选中节点的问题。提供了主要方法说明，以及后续的更新。
2025-03-14 10:20:38
820
原创 页面白屏出现的原因
本文介绍了SPA页面白屏现象及其主要原因，包括资源加载问题（如网络或设备性能导致的加载延迟）和代码执行错误（如前端逻辑错误）。针对这些问题，提出了几种检测方法，如检查根节点是否有子元素、使用Mutation Observer监听DOM变化以及通过页面截图分析。此外，还提供了减少白屏现象的解决方案，包括减小打包体积、优化渲染速度、使用CDN资源及启用gzip压缩等措施。
2025-03-12 13:52:45
1393
原创 前端实现版本更新自动检测✅
本文详细介绍了在现代Web应用中，特别是在单页面应用（SPA）环境下，如何实现前端版本更新的自动检测和提示用户刷新的功能。通过这种机制，可以有效避免用户因使用旧版代码而遇到的问题，确保功能一致性、减少接口兼容性问题并提高应用的可靠性。
2025-03-06 17:01:11
2168
9
原创 Canvas电子签名✍️
本文详细讲解基于HTML5 Canvas实现电子签名功能。通过JavaScript监听鼠标/触摸事件，结合Canvas路径绘制能力，完成签名轨迹的实时渲染。代码兼容PC与移动端，无第三方依赖，提供笔触样式配置、高清屏适配 等场景提供轻量级前端解决方案。
2025-03-06 14:50:37
1411
原创 前端如何把SEO优化做到极致✅
SEO 是 Search Engine Optimization 的缩写，即搜索引擎优化。它是一种通过调整网站的内容、结构、外部链接等方面的优化手段，来提高网站在搜索引擎中的自然排名，以求得获得更多的流量，从而达到互联网营销及品牌建设的目标。
2025-02-20 18:53:40
2242
2
原创 React v19稳定版发布12.5
React v19 稳定版正式发布，本文将介绍 React 19 中引入的关键新特性，包括服务器组件（Server Components）以减少客户端渲染负担、增强的 Actions 和 useOptimistic Hook 用于优化数据更新操作等，展示这些功能如何提升应用性能和开发体验。
2024-12-09 14:43:55
2449
12
原创 高德地图JS API地图组成和常用名词
本文简要介绍了高德地图 JS API 的地图组成结构和常用名词，帮助开发者理解地图的基本构成和核心概念，为复杂功能实现及高阶开发提供理论基础。
2024-12-05 15:13:58
905
1
原创 ECMAScript 与 JavaScript区别与联系
本文详细探讨了 ECMAScript 和 JavaScript 之间的区别与联系。首先，文章介绍了 JavaScript 的起源和发展，以及它作为一种多范式编程语言的特点。接着，解释了 ECMAScript 作为标准化脚本语言规范的角色，以及其版本更新的规律。通过对比 ECMAScript 和 JavaScript 的定义、关系、版本、实现差异等方面，本文帮助读者理解两者的本质区别和相互关系。
2024-09-25 16:27:03
1684
24
原创 前端框架对比与选择
在当今快速发展的Web应用环境中，选择一个适合项目需求的前端框架是至关重要的。本文详细对比了React、Vue和Angular三大主流前端框架，从技术特性和实际应用两个层面出发，为开发者提供了一套全面的选择指南。首先，文章简述了每个框架的基本概念及其发展历程，为后续的技术分析奠定了基础。接着，深入探讨了框架的核心技术特点，包括但不限于组件化设计、虚拟DOM优化、双向/单向数据流管理等，以帮助读者理解各个框架的技术优势。此外，本文还关注了框架的性能表现、学习难度、社区活跃度及生态系统完整性等多个维度，并结合实
2024-09-25 14:30:21
1903
15
原创 高德地图JS API AMap.MouseTool绘制
AMap.MouseTool 是高德地图提供的鼠标工具插件，通过该插件，用户可以在地图上进行各种绘制操作，如画标记点、线、多边形、矩形、圆、距离量测、面积量测、拉框放大和拉框缩小等。
2024-09-20 18:05:25
2639
6
原创 高德地图JS API加载行政区边界AMap.Polygon
在使用高德地图JS API开发过程中，对其地图所呈现的地区加上边界及区域面，一般来讲采用AMap.Polygon进行渲染，对API可谓是即拿即用，快速开发。
2024-09-11 08:22:40
4204
16
原创 《开发环境使用HTTPS调试》
本地需要使用自签SSL证书使用的CA证书添加到系统或浏览器的可信CA证书，解决浏览器的信任。Vue3也可以向上面Vue2一样配置https，但没必要这么操作臃肿，vue3使用vite插件vite-plugin-basic-ssl来配置https，如果没有用vite😂，那这是天命人了。mkcert是一个使用go语言编写的生成本地自签SSL证书的工具，具有跨平台，支持多域名，自动信任CA等一系列方便的特性可供开发者快速地为本地域名设置安全的https环境。注意的是安装证书存储选择。
2024-09-09 15:40:58
1490
9
原创 《mkcert介绍及使用》
mkcert 是一个非常有用的工具，可以帮助我们在本地开发环境中快速生成可信的 SSL/TLS 证书。通过简单的命令行操作，就可以为我们的本地开发域名生成证书，并在各种 Web 服务器中使用这些证书来启用 HTTPS。这有助于确保我们的应用程序在本地开发环境中也能使用安全连接。👀。
2024-09-09 14:40:13
2327
16
原创 《Docker：实现开发环境一致性与高效部署的利器》
Docker 是一个开源的应用容器化平台，它允许开发者将应用程序及其所有依赖项打包到一个独立的容器中。Docker 的基本概念包括：镜像（Image）：一个只读的模板，包含了运行应用程序所需的所有文件和设置。容器（Container）：镜像的一个运行实例，是一个独立的、轻量级的、可执行的软件包。每个容器都运行在一个隔离的环境中。fill:#333;color:#333;color:#333;fill:none;commit定义需求和架构编写Dockerfile代码版本控制代码提交至仓库。
2024-08-16 18:52:19
2203
16
原创 开源项目：机遇与挑战并存的创新之路
尽管面临挑战，但开源项目所带来的机遇无疑是巨大的。它不仅推动了技术创新，促进了全球协作，也为个人成长提供了广阔的舞台。作为开发者和企业，我们应该积极拥抱开源，共同探索和应对挑战，让开源之花在全球范围内绽放得更加灿烂。无论是个人还是企业，参与开源项目都是提升竞争力、促进技术进步和社会发展的有效途径。
2024-07-12 18:17:58
1084
3
Git 日常开发实战命令大全
2025-07-04
高德地图DistrictExplorer区划浏览- 组件源码
2024-06-07
OBS以及虚拟摄像头插件25.0.8版本下载
2025-05-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人