- 博客(67)
- 资源 (4)
- 收藏
- 关注
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
3363
18
原创 八、浏览器同源策略
同源策略是浏览器的一种安全机制，用于限制一个源（origin）的文档或脚本如何与另一个源的资源进行交互。同源策略是Web安全的基础，有效防止了跨站脚本攻击（XSS）和跨站请求伪造（CSRF）等安全问题。本文介绍了同源策略的基本概念、实现方式及其在Web开发中的重要性。
2024-06-29 21:38:37
1882
9
原创 高德地图JS API 一些常见使用方法（急救包）
本文档总结了高德地图JS API中的一些常见使用方法，包括初始化地图、添加标记等。这些方法可以帮助开发者快速实现地图相关的功能。
2024-04-22 18:47:33
2288
4
原创 深入理解 Webpack 核心机制与编译流程
本文详细解析了 Webpack 的核心工作原理，包括其基于 Tapable 的插件系统、构建生命周期中的 Compiler 与 Compilation 流程，以及从入口文件解析、依赖构建到最终打包输出的全过程。通过源码分析和流程拆解，帮助开发者深入理解 Webpack 的模块打包机制
2025-05-12 19:09:21
499
原创 VUE SSR（服务端渲染）
这篇文章主要围绕 Vue 框架的 SSR（服务器渲染）展开，详细介绍了 SSR 的相关知识，包括概念、优势、与 SSG 的对比、基础教程、通用解决方案、书写 SSR 友好代码的原则以及实施时的难点和亮点等内容。
2025-04-17 08:00:00
689
1
原创 如何自动检测使用的组件库有更新
本文详细介绍了update-notifier库的实现组件库更新机制，该库用于检查项目中使用的组件库是否有新版本，并在有可用更新时通过命令行通知用户。它基于ConfigStore保存配置信息，使用一系列第三方库如chalk、semver等进行版本比较和美化输出。
2025-04-10 18:46:25
906
原创 一套代码如何同时优雅适配移动端和PC端
本文探讨了多种响应式布局方案，推荐根据项目需求选择：移动端为主的项目适合使用rem/vw-vh或lib-flexible方案；PC与移动端共存的项目可采用useMediaQuery结合Tailwind CSS；而对于PC和移动端UI差异较大的复杂项目，则建议使用双端组件分开管理的策略。最终方案的选择应基于项目的具体定位（主要面向PC或移动端）及布局复杂度。
2025-04-07 17:37:34
619
原创 babel-runtime 如何缩小打包体积
本文详解如何通过babel-runtime与@babel/plugin-transform-runtime配合，将重复的辅助函数转换为模块引入，减少打包体积，并对比corejs配置差异，解决类库开发中全局污染问题，提升项目性能。适用于Babel 7.4.0+的项目优化。
2025-04-07 17:36:59
1492
3
原创 如何实现高性能的在线 PDF 预览
文章针对大体积 PDF 文件在线预览加载慢问题，提出切片下载与按需渲染优化方案，利用 pdf.js 库实现浏览器端对 PDF 分片的获取、下载与渲染，通过滚动加载及清除可视范围外页面元素等策略，提升用户阅读体验，并探讨了页面大小不一致时的解决思路 。
2025-03-31 09:30:01
1039
原创 首屏加载时间优化解决
本文详细介绍了前端首屏渲染优化的多种策略和技术，主要涵盖了减少网络请求、延迟加载非关键资源、使用浏览器缓存、优化代码和文件大小、异步加载和执行、使用CDN加速、响应式设计和图片优化、预渲染技术以及优化关键渲染路径等方面。特别地，以Webpack为例，讨论了如何通过代码分割、按需加载、图片优化、代码压缩和混淆、缓存策略、Tree Shaking、提取公共代码及预渲染等手段实现首屏优化。
2025-03-31 09:10:25
947
原创 前端优质文章整理
本篇文章汇集了一系列精选的前端技术文章，旨在为前端开发者提供一个全面的学习资源库，涵盖了JavaScript、Vue、React等多个重要领域，同时也包括浏览器性能优化及面试技巧等实用内容。无论你是刚刚起步的新手，还是寻求突破的中级开发者，亦或是希望对某些概念进行深化理解的高级工程师，这里都有适合你的内容
2025-03-14 10:42:20
641
原创 el-tree组件节点优化
本文介绍了Element UI的el-tree组件使用及优化，包括如何解决非全选状态下获取父节点和回显选中节点的问题。提供了主要方法说明，以及后续的更新。
2025-03-14 10:20:38
717
原创 页面白屏出现的原因
本文介绍了SPA页面白屏现象及其主要原因，包括资源加载问题（如网络或设备性能导致的加载延迟）和代码执行错误（如前端逻辑错误）。针对这些问题，提出了几种检测方法，如检查根节点是否有子元素、使用Mutation Observer监听DOM变化以及通过页面截图分析。此外，还提供了减少白屏现象的解决方案，包括减小打包体积、优化渲染速度、使用CDN资源及启用gzip压缩等措施。
2025-03-12 13:52:45
1003
原创 前端实现版本更新自动检测✅
本文详细介绍了在现代Web应用中，特别是在单页面应用（SPA）环境下，如何实现前端版本更新的自动检测和提示用户刷新的功能。通过这种机制，可以有效避免用户因使用旧版代码而遇到的问题，确保功能一致性、减少接口兼容性问题并提高应用的可靠性。
2025-03-06 17:01:11
2002
9
原创 Canvas电子签名✍️
本文详细讲解基于HTML5 Canvas实现电子签名功能。通过JavaScript监听鼠标/触摸事件，结合Canvas路径绘制能力，完成签名轨迹的实时渲染。代码兼容PC与移动端，无第三方依赖，提供笔触样式配置、高清屏适配 等场景提供轻量级前端解决方案。
2025-03-06 14:50:37
1320
原创 前端如何把SEO优化做到极致✅
SEO 是 Search Engine Optimization 的缩写，即搜索引擎优化。它是一种通过调整网站的内容、结构、外部链接等方面的优化手段，来提高网站在搜索引擎中的自然排名，以求得获得更多的流量，从而达到互联网营销及品牌建设的目标。
2025-02-20 18:53:40
1468
原创 React v19稳定版发布12.5
React v19 稳定版正式发布，本文将介绍 React 19 中引入的关键新特性，包括服务器组件（Server Components）以减少客户端渲染负担、增强的 Actions 和 useOptimistic Hook 用于优化数据更新操作等，展示这些功能如何提升应用性能和开发体验。
2024-12-09 14:43:55
2349
12
原创 高德地图JS API地图组成和常用名词
本文简要介绍了高德地图 JS API 的地图组成结构和常用名词，帮助开发者理解地图的基本构成和核心概念，为复杂功能实现及高阶开发提供理论基础。
2024-12-05 15:13:58
836
1
原创 ECMAScript 与 JavaScript区别与联系
本文详细探讨了 ECMAScript 和 JavaScript 之间的区别与联系。首先，文章介绍了 JavaScript 的起源和发展，以及它作为一种多范式编程语言的特点。接着，解释了 ECMAScript 作为标准化脚本语言规范的角色，以及其版本更新的规律。通过对比 ECMAScript 和 JavaScript 的定义、关系、版本、实现差异等方面，本文帮助读者理解两者的本质区别和相互关系。
2024-09-25 16:27:03
1667
24
原创 前端框架对比与选择
在当今快速发展的Web应用环境中，选择一个适合项目需求的前端框架是至关重要的。本文详细对比了React、Vue和Angular三大主流前端框架，从技术特性和实际应用两个层面出发，为开发者提供了一套全面的选择指南。首先，文章简述了每个框架的基本概念及其发展历程，为后续的技术分析奠定了基础。接着，深入探讨了框架的核心技术特点，包括但不限于组件化设计、虚拟DOM优化、双向/单向数据流管理等，以帮助读者理解各个框架的技术优势。此外，本文还关注了框架的性能表现、学习难度、社区活跃度及生态系统完整性等多个维度，并结合实
2024-09-25 14:30:21
1754
15
原创 高德地图JS API AMap.MouseTool绘制
AMap.MouseTool 是高德地图提供的鼠标工具插件，通过该插件，用户可以在地图上进行各种绘制操作，如画标记点、线、多边形、矩形、圆、距离量测、面积量测、拉框放大和拉框缩小等。
2024-09-20 18:05:25
2200
6
原创 高德地图JS API加载行政区边界AMap.Polygon
在使用高德地图JS API开发过程中，对其地图所呈现的地区加上边界及区域面，一般来讲采用AMap.Polygon进行渲染，对API可谓是即拿即用，快速开发。
2024-09-11 08:22:40
3525
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
1383
9
原创 《mkcert介绍及使用》
mkcert 是一个非常有用的工具，可以帮助我们在本地开发环境中快速生成可信的 SSL/TLS 证书。通过简单的命令行操作，就可以为我们的本地开发域名生成证书，并在各种 Web 服务器中使用这些证书来启用 HTTPS。这有助于确保我们的应用程序在本地开发环境中也能使用安全连接。👀。
2024-09-09 14:40:13
2141
16
原创 《Docker：实现开发环境一致性与高效部署的利器》
Docker 是一个开源的应用容器化平台，它允许开发者将应用程序及其所有依赖项打包到一个独立的容器中。Docker 的基本概念包括：镜像（Image）：一个只读的模板，包含了运行应用程序所需的所有文件和设置。容器（Container）：镜像的一个运行实例，是一个独立的、轻量级的、可执行的软件包。每个容器都运行在一个隔离的环境中。fill:#333;color:#333;color:#333;fill:none;commit定义需求和架构编写Dockerfile代码版本控制代码提交至仓库。
2024-08-16 18:52:19
2065
16
原创 开源项目：机遇与挑战并存的创新之路
尽管面临挑战，但开源项目所带来的机遇无疑是巨大的。它不仅推动了技术创新，促进了全球协作，也为个人成长提供了广阔的舞台。作为开发者和企业，我们应该积极拥抱开源，共同探索和应对挑战，让开源之花在全球范围内绽放得更加灿烂。无论是个人还是企业，参与开源项目都是提升竞争力、促进技术进步和社会发展的有效途径。
2024-07-12 18:17:58
1061
3
原创 九、浏览器事件机制
浏览器事件机制是Web开发中一个重要的概念，它允许开发者响应用户的交互行为和浏览器的行为变化。通过事件机制，可以实现动态的用户界面和复杂的交互逻辑。本文将简要介绍浏览器事件机制的基本概念、事件流、事件类型以及事件处理的方式。
2024-07-01 09:03:48
1337
2
原创 六、浏览器缓存
浏览器缓存是一种提高Web应用性能的技术，通过存储已经访问过的资源（如HTML、CSS、JavaScript文件、图片等），减少重复请求，加快页面加载速度。本文将简要介绍浏览器缓存的基本概念、类型、工作原理以及常见的缓存策略。
2024-06-26 20:53:52
899
原创 五、浏览器存储
浏览器本地存储技术（如 localStorage 和 sessionStorage）允许在客户端存储数据，无需依赖服务器。这些技术提供了简单易用的 API，适用于多种应用场景，如用户偏好设置、表单数据保存、临时缓存等。
2024-06-24 20:09:06
899
原创 四、浏览器进程与线程
现代浏览器为了提高性能和安全性，采用了多进程和多线程的架构。进程和线程是操作系统的基本概念，浏览器利用这些概念来管理和优化资源的使用。本文将简要介绍浏览器的进程和线程模型，以及它们在浏览器中的具体应用。
2024-06-24 08:57:26
1876
1
原创 二、浏览器渲染原理
浏览器渲染是指浏览器将HTML、CSS和JavaScript等资源解析并呈现为用户可见的网页的过程。这一过程涉及多个步骤和技术，包括解析HTML、构建DOM树、样式计算、布局计算、绘制和合成等。本文将简要介绍浏览器渲染的基本概念、主要步骤以及关键技术和优化方法。
2024-06-21 19:29:34
722
1
原创 一、浏览器组成的介绍
浏览器是用户访问互联网的主要工具，它将HTML、CSS、JavaScript等资源解析并呈现为用户可见的网页。现代浏览器通常由多个组件构成，每个组件负责不同的任务，共同协作完成网页的加载和渲染。本文将简要介绍浏览器的主要组成部分及其功能。
2024-06-20 20:40:20
1456
原创 三、浏览器安全
浏览器安全是指保护用户在使用浏览器时免受各种安全威胁的技术和措施。随着互联网的普及，浏览器安全变得越来越重要，涉及多个方面，包括数据保护、隐私保护、恶意软件防范等。本文将简要介绍浏览器安全的基本概念、主要威胁、安全机制。
2024-06-19 19:49:59
1646
原创 DNS协议
本文详细介绍了DNS（域名系统）协议，这是一种用于将人类可读的域名转换为机器可识别的IP地址的关键互联网协议。DNS协议的产生背景是为了简化互联网用户的访问过程，使其能够通过易于记忆的域名而不是复杂的IP地址来访问网站。文章首先描述了DNS协议的工作原理，包括域名解析过程和DNS服务器的层级结构。在域名解析过程中，客户端发送查询请求到本地DNS服务器，后者通过递归查询或迭代查询的方式，最终从权威DNS服务器获取所需的IP地址并返回给客户端。DNS服务器的层级结构包括根服务器、顶级域服务器、权威域名服务器等，
2024-06-19 18:46:43
607
OBS以及虚拟摄像头插件25.0.8版本下载
2025-05-13
高德地图行政区划浏览-示例中心-JS API UI 组件HTML示例
2024-06-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人