第一部分 导航1.DNS域名解析（应用层实现） 注意，如果配置过CDN，DNS解析过程会发生变化，第三步不再是查找权威域名服务器，而是智能DNS 2.传输层三次握手建立TCP连接 3.TLS协商对于HTTPS建立的安全连接，还需要额外进行一次TLS negotiate 客户端hello。浏览器向服务端发送一条消息，包含TLS版本号、 加密套件和一串在浏览器随机生成的字节，简记为第1随机数或

为什么需要环境变量现代前端项目往往有很多环境，比如开发环境、联调环境、测试环境、灰度环境、线上环境，不同环境请求的接口服务是不同的，如果人工维护请求服务的地址，一旦虚心大意忘记切换服务地址，很有可能导致线上出现事故。 能否有一个自动的环境管理方案保证接入的服务无误呢 environment variables使用方式命令行中手动指定环境变量pnpm run dev NODE_ENV=develop

多人开发的正确工作流程在dev1分支下我们开发一个新功能，并且在开发的时候分成3个stage提交（方便改bug），但是实际上我们最终只需要提交一个代表该新功能的commit到远端，并合入main分支，应该怎么做呢？ dev12345678910111213141516# dev stage 1➜ learn-git git:(dev1) git add .➜ learn-git git:(de

git规范性1.整理本地提交历史本地开发的时候，每开发了一个阶段，我们最好commit一次，但是这就造成了开发一个新功能，会有多个commit的情况，影响提交历史的整洁性 可以使用下面的命令，先查看我们在该功能上一共提交了多少commit，然后将这些合并成一个commit，作为新功能的最终commit 12git log # 查看commit次数git rebase -i HEAD~[num]

简介MongoDB是一个流行的开源NoSQL文档型数据库，由若干JSON格式且具备schema的document组成，可以在MongoDB Atlas云平台使用，并且内置服务性能分析模块等，非常强大。 本文分为mongoDB核心概念介绍、mongoose介绍和express实战三个方面。 mongoDB核心概念数据库常规概念回顾每个database由多张table组成，每张table的构成如下：

TCP 协议是传输层协议，有端口概念，可以基于此实现应用层 HTTP 报文收发 123456789101112131415161718192021222324// 基于传输层的TCP协议实现应用层HTTPimport net from 'net';const statusLine = 'HTTP/1.1 200 OK';const resBody = &#x

网络应用程序的安全漏洞攻击——XSS 攻击 Cross-Site scripting 跨站脚本 XSS 三种类型反射型 XSS反射型 XSS 只是简单地把用户输入的数据从服务器反射给用户浏览器，黑客设计一个 URL 引导用户访问才能开展攻击 url 中包含信息甚至 script 脚本，一旦点击这个链接，script 就会执行，黑客可能会在 script 中写入木马 比如 http://localh

前端获取网络状态navigator.onLine 获取网络环境状态除了使用事件监听器之外，JavaScript 还提供了另一种方式来检测浏览器的网络连接状态，即使用 navigator.onLine 属性。该属性返回一个布尔值，表示浏览器是否处于联网状态。 1console.log(navigator.onLine); online 和 offline 事件及其处理函数online 和 offl

jwt(json web token)用于鉴权，登录之后存储用户信息 生成的 token(令牌) 格式三段，每段由.连接 eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6MSwiaWF0IjoxNjg3Njc0NDkyLCJleHAiOjE2ODc3NjA4OTJ9.Y6eFGv4KXqUhlRHglGCESvcJEnyMkMwM1WfICt8xYC4 组

HTTPS = http + TLS/SSLHTTPS，全称为 Hypertext Transfer Protocol Secure，是一种通过加密通道传输数据的安全协议。它是 HTTP 协议的安全版本，用于在 Web 浏览器和 Web 服务器之间进行安全的数据传输。HTTPS 在传输过程中使用了 SSL（Secure Sockets Layer）或 TLS（Transport