- 博客(54)
- 资源 (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
2765
16
原创 八、浏览器同源策略
同源策略是浏览器的一种安全机制，用于限制一个源（origin）的文档或脚本如何与另一个源的资源进行交互。同源策略是Web安全的基础，有效防止了跨站脚本攻击（XSS）和跨站请求伪造（CSRF）等安全问题。本文介绍了同源策略的基本概念、实现方式及其在Web开发中的重要性。
2024-06-29 21:38:37
1676
8
原创 高德地图JS API 一些常见使用方法（急救包）
本文档总结了高德地图JS API中的一些常见使用方法，包括初始化地图、添加标记等。这些方法可以帮助开发者快速实现地图相关的功能。
2024-04-22 18:47:33
1729
3
原创 React v19稳定版发布12.5
React v19 稳定版正式发布，本文将介绍 React 19 中引入的关键新特性，包括服务器组件（Server Components）以减少客户端渲染负担、增强的 Actions 和 useOptimistic Hook 用于优化数据更新操作等，展示这些功能如何提升应用性能和开发体验。
2024-12-09 14:43:55
2098
11
原创 高德地图JS API地图组成和常用名词
本文简要介绍了高德地图 JS API 的地图组成结构和常用名词，帮助开发者理解地图的基本构成和核心概念，为复杂功能实现及高阶开发提供理论基础。
2024-12-05 15:13:58
756
1
原创 ECMAScript 与 JavaScript区别与联系
本文详细探讨了 ECMAScript 和 JavaScript 之间的区别与联系。首先，文章介绍了 JavaScript 的起源和发展，以及它作为一种多范式编程语言的特点。接着，解释了 ECMAScript 作为标准化脚本语言规范的角色，以及其版本更新的规律。通过对比 ECMAScript 和 JavaScript 的定义、关系、版本、实现差异等方面，本文帮助读者理解两者的本质区别和相互关系。
2024-09-25 16:27:03
1634
23
原创 前端框架对比与选择
在当今快速发展的Web应用环境中，选择一个适合项目需求的前端框架是至关重要的。本文详细对比了React、Vue和Angular三大主流前端框架，从技术特性和实际应用两个层面出发，为开发者提供了一套全面的选择指南。首先，文章简述了每个框架的基本概念及其发展历程，为后续的技术分析奠定了基础。接着，深入探讨了框架的核心技术特点，包括但不限于组件化设计、虚拟DOM优化、双向/单向数据流管理等，以帮助读者理解各个框架的技术优势。此外，本文还关注了框架的性能表现、学习难度、社区活跃度及生态系统完整性等多个维度，并结合实
2024-09-25 14:30:21
1591
14
原创 高德地图JS API AMap.MouseTool绘制
AMap.MouseTool 是高德地图提供的鼠标工具插件，通过该插件，用户可以在地图上进行各种绘制操作，如画标记点、线、多边形、矩形、圆、距离量测、面积量测、拉框放大和拉框缩小等。
2024-09-20 18:05:25
1539
3
原创 高德地图JS API加载行政区边界AMap.Polygon
在使用高德地图JS API开发过程中，对其地图所呈现的地区加上边界及区域面，一般来讲采用AMap.Polygon进行渲染，对API可谓是即拿即用，快速开发。
2024-09-11 08:22:40
2747
11
原创 《开发环境使用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
1263
8
原创 《mkcert介绍及使用》
mkcert 是一个非常有用的工具，可以帮助我们在本地开发环境中快速生成可信的 SSL/TLS 证书。通过简单的命令行操作，就可以为我们的本地开发域名生成证书，并在各种 Web 服务器中使用这些证书来启用 HTTPS。这有助于确保我们的应用程序在本地开发环境中也能使用安全连接。👀。
2024-09-09 14:40:13
1965
14
原创 《Docker：实现开发环境一致性与高效部署的利器》
Docker 是一个开源的应用容器化平台，它允许开发者将应用程序及其所有依赖项打包到一个独立的容器中。Docker 的基本概念包括：镜像（Image）：一个只读的模板，包含了运行应用程序所需的所有文件和设置。容器（Container）：镜像的一个运行实例，是一个独立的、轻量级的、可执行的软件包。每个容器都运行在一个隔离的环境中。fill:#333;color:#333;color:#333;fill:none;commit定义需求和架构编写Dockerfile代码版本控制代码提交至仓库。
2024-08-16 18:52:19
1887
15
原创 开源项目：机遇与挑战并存的创新之路
尽管面临挑战，但开源项目所带来的机遇无疑是巨大的。它不仅推动了技术创新，促进了全球协作，也为个人成长提供了广阔的舞台。作为开发者和企业，我们应该积极拥抱开源，共同探索和应对挑战，让开源之花在全球范围内绽放得更加灿烂。无论是个人还是企业，参与开源项目都是提升竞争力、促进技术进步和社会发展的有效途径。
2024-07-12 18:17:58
1022
2
原创 九、浏览器事件机制
浏览器事件机制是Web开发中一个重要的概念，它允许开发者响应用户的交互行为和浏览器的行为变化。通过事件机制，可以实现动态的用户界面和复杂的交互逻辑。本文将简要介绍浏览器事件机制的基本概念、事件流、事件类型以及事件处理的方式。
2024-07-01 09:03:48
1219
1
原创 六、浏览器缓存
浏览器缓存是一种提高Web应用性能的技术，通过存储已经访问过的资源（如HTML、CSS、JavaScript文件、图片等），减少重复请求，加快页面加载速度。本文将简要介绍浏览器缓存的基本概念、类型、工作原理以及常见的缓存策略。
2024-06-26 20:53:52
831
原创 五、浏览器存储
浏览器本地存储技术（如 localStorage 和 sessionStorage）允许在客户端存储数据，无需依赖服务器。这些技术提供了简单易用的 API，适用于多种应用场景，如用户偏好设置、表单数据保存、临时缓存等。
2024-06-24 20:09:06
791
原创 四、浏览器进程与线程
现代浏览器为了提高性能和安全性，采用了多进程和多线程的架构。进程和线程是操作系统的基本概念，浏览器利用这些概念来管理和优化资源的使用。本文将简要介绍浏览器的进程和线程模型，以及它们在浏览器中的具体应用。
2024-06-24 08:57:26
1680
原创 二、浏览器渲染原理
浏览器渲染是指浏览器将HTML、CSS和JavaScript等资源解析并呈现为用户可见的网页的过程。这一过程涉及多个步骤和技术，包括解析HTML、构建DOM树、样式计算、布局计算、绘制和合成等。本文将简要介绍浏览器渲染的基本概念、主要步骤以及关键技术和优化方法。
2024-06-21 19:29:34
682
1
原创 一、浏览器组成的介绍
浏览器是用户访问互联网的主要工具，它将HTML、CSS、JavaScript等资源解析并呈现为用户可见的网页。现代浏览器通常由多个组件构成，每个组件负责不同的任务，共同协作完成网页的加载和渲染。本文将简要介绍浏览器的主要组成部分及其功能。
2024-06-20 20:40:20
1265
原创 三、浏览器安全
浏览器安全是指保护用户在使用浏览器时免受各种安全威胁的技术和措施。随着互联网的普及，浏览器安全变得越来越重要，涉及多个方面，包括数据保护、隐私保护、恶意软件防范等。本文将简要介绍浏览器安全的基本概念、主要威胁、安全机制。
2024-06-19 19:49:59
1603
原创 DNS协议
本文详细介绍了DNS（域名系统）协议，这是一种用于将人类可读的域名转换为机器可识别的IP地址的关键互联网协议。DNS协议的产生背景是为了简化互联网用户的访问过程，使其能够通过易于记忆的域名而不是复杂的IP地址来访问网站。文章首先描述了DNS协议的工作原理，包括域名解析过程和DNS服务器的层级结构。在域名解析过程中，客户端发送查询请求到本地DNS服务器，后者通过递归查询或迭代查询的方式，最终从权威DNS服务器获取所需的IP地址并返回给客户端。DNS服务器的层级结构包括根服务器、顶级域服务器、权威域名服务器等，
2024-06-19 18:46:43
574
原创 前端优质代码推荐
本文介绍了高质量前端代码的关键要素，涵盖函数式编程、ES6新特性和最佳实践。通过纯函数和高阶函数提升代码的可读性和复用性；利用箭头函数、解构赋值、模板字符串和默认参数简化语法；并通过模块化、代码复用和性能优化确保代码的可维护性和高效性。这些示例帮助开发者编写更优雅、高效的前端代码。
2024-06-16 16:58:58
1260
原创 计算机网络模型认识
本文全面介绍了计算机网络模型，重点探讨了两种最常用的模型——OSI模型和TCP/IP模型。OSI模型分为七层，从物理层到应用层，每一层都有明确的功能和职责，为网络通信提供了详细的标准化框架。相比之下，TCP/IP模型分为四层，分别是链路层、网络层、传输层和应用层，更加简洁实用，广泛应用于互联网通信中。文章详细阐述了各层的主要功能，如物理层负责信号传输，数据链路层负责节点间的数据传输，网络层负责路由选择，传输层负责端到端的通信，应用层则提供各种网络应用服务。此外，本文还对比了OSI模型和TCP/IP模型的优缺
2024-06-16 15:50:13
1191
原创 HTTP3协议
本文详细介绍了HTTP/3协议，这是一种基于QUIC协议的最新版本HTTP协议，旨在进一步优化互联网数据传输的性能和可靠性。HTTP/3协议的产生背景是为了解决传统HTTP协议（如HTTP/1.1和HTTP/2）中存在的问题，特别是TCP协议的队头阻塞问题。
2024-06-14 19:19:44
636
原创 TCP与UDP传输层协议的理解
本文对比分析了TCP（传输控制协议）与UDP（用户数据报协议），这两种广泛应用于互联网通信的传输层协议。TCP是一种面向连接的协议，提供可靠的数据传输服务，包括错误检测、数据包排序和重传机制，适用于要求高可靠性的应用场景，如文件传输和电子邮件。相比之下，UDP是一个无连接的协议，不保证数据的可靠传输，但它具有更快的传输速度，更适合对速度敏感且可以接受一定程度数据丢失的应用，
2024-06-13 20:50:44
598
原创 HTTP协议
本文全面介绍了HTTP（超文本传输协议），这是一种用于在互联网上进行数据传输的基础协议。HTTP协议的诞生和发展极大地推动了互联网的普及和应用，成为现代Web应用的核心技术之一。
2024-06-13 20:42:11
725
原创 WebSocket通信协议
本文详细介绍了WebSocket通信协议，这是一种基于TCP的双向通信协议，旨在克服传统HTTP协议在实时通信方面的局限性。传统HTTP协议采用请求-响应模式，无法实现实时数据推送，而WebSocket协议通过建立持久连接，支持服务器主动向客户端推送数据，实现了真正的双向通信。
2024-06-07 17:56:07
884
原创 前端开发之性能优化
分割前端开发性能优化，#CDN、懒加载、图片压缩、分割、sprite精灵图雪碧图、代码分割Code Splitting、gzip数据压缩、GPU加速、Ajax缓存、Tree Shaking摇树
2024-06-06 20:44:36
1531
原创 PC项目使用Edge调用浏览器API：https://api-edge.cognitive.microsofttranslator.com/translate
Edge 浏览器自带翻译功能，其翻译 API 接口为 https://api-edge.cognitive.microsofttranslator.com/translate ，用于集成文本翻译功能。若未在开发代码中明确调用该 API 却在 Edge 浏览器中观察到频繁调用，可能原因包括浏览器扩展或插件、内置浏览器功能、网页脚本、错误配置或误操作。解决问题可先通过浏览器开发者工具监控网络活动确认请求来源，再采取相应措施。直接阻止 Edge 浏览器自动翻译非英语网页，可在网页 HTML 头部添加特定
2024-06-06 16:01:50
1769
原创 前端面试宝典总结4-手搓代码JavaScript（场景篇）
前面段面试JavaScript场景代码，#深拷贝、#图片的异步加载、#图片的异步加载、#发布-订阅、#计时器、#轮询请求 、#缓存机制、 #节流
2024-06-05 20:01:41
488
2
原创 前端面试宝典总结4-手搓代码JavaScript（基础篇）
前端面试手写代码JavaScript,#手写 instanceof 、类型判断、call , apply、 bind 、防抖、 节流、 Object.create、 new 操作符 、Promise 、深拷贝、 波那契数列
2024-06-04 20:50:03
1214
1
原创 前端面试宝典总结4-手搓代码JavaScript（数据处理）
前端面试手写代码JavaScript， #数组的元素求和、乱序输出、过滤、排序、去重、查找、扁平化，#日期格式化函数
2024-06-04 19:28:29
458
1
原创 前端面试宝典总结3-JavaScript（2）
JavaScript知识点 #正则表达式、 #JSON、 # JavaScript脚本延迟加载的方式、 #JavaScript 类数组对象、 #数组原生方法、 # JavaScript内置对象、 #new操作符、 #
2024-06-03 20:01:52
1055
原创 前端面试宝典总结3-JavaScript（1）
JavaScript知识点 #数据类型、#展开运算符、 #intanceof 操作符、 #undefined、 #typeof NaN 、 #isNaN 和 Number.isNaN 、 #Proxy 、 #对象与数组的解构、 #this对象、 #箭头函数、 #call() 和 apply() 、 #Promise、 #async/await
2024-06-03 18:48:04
1232
2
高德地图行政区划浏览-示例中心-JS API UI 组件HTML示例
2024-06-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人