为什么要使用HTTPS一、HTTP or HTTPS在 Web 发展的早期，HTTP（HyperText Transfer Protocol） 几乎支撑了整个互联网世界。它简单、高效、实现成本低，但随着互联网从“信息展示”走向“数据交互”，HTTP 的安全问题逐渐暴露，已经无法满足现代网络环境的需求。
1.HTTP明文传输的风险HTTP 最大的问题在于：所有数据都是明文传输。这直接带来了以下安全风险：
窃听风险（信息被偷窥）
在 HTTP 通信过程中，请求内容、响应数据、Cookie、Token 等都会以明文形式在网络中传输。只要攻击者位于同一网络环境（如公共 WiFi），就可以通过抓包工具轻松获取敏感信息。
例如：用户名、密码、登录态、接口返回数据等。
篡改风险（数据被中途修改）
HTTP 不具备数据完整性校验能力，攻击者可以在数据传输过程中对内容进行修改。
比如：
注入恶意脚本（比如我记得我小时候打开一些网站，然后就会有一些运营商的广告，这就是运营商通过http来向网页注入脚本）
替换下载资源
篡改接口返回数据
用户和服务器都无法察觉数据已被篡改。
伪装风险 ...
网站公安备案流程说明根据国内相关法律法规要求，在中国境内提供服务的网站，在完成工信部 ICP 备案后，还需要进行 公安机关联网备案（简称“公安备案”）。本文以我的备案经历记录一次完整、可复用的公安备案流程，供站长和开发者参考。
一、公安备案官方网址公安备案统一通过以下官方平台进行：
全国互联网安全管理服务平台https://beian.mps.gov.cn/#/
请务必使用该官方地址，避免进入非官方或钓鱼网站。
二、注册账号并登录
进入官网后，先进行 账号注册
账号类型 对后续申请业务 没有限制
个人账号、单位账号均可
后续如果需要，也可以修改账号类型
注册完成后，直接使用账号登录即可
建议如实填写注册信息，后续审核会用到
三、登录方式说明（公安一网通办）登录过程中需要进行身份验证：
系统会提示你 下载「公安一网通办」App
使用手机打开 App 后 扫码登录
完成实名认证后即可成功登录平台
这一环节是必须的，没有 App 无法继续操作
四、申请备案主体登录成功后，按流程填写 备案主体信息：
个人网站：填写个人身份信息
企业/组织网站：填写单 ...
ICP 备案流程详解一、什么是 ICP 备案？ICP 备案的全称是 互联网信息服务备案管理，是我国工信部及各地通信管理局要求的一项强制性备案制度。
简单来说：只要你的网站 / 应用使用的是中国大陆服务器，并对外提供互联网信息服务，就必须先完成 ICP 备案，获得唯一的备案号，网站才能合法上线访问。
可以把 ICP 备案理解为：
给你的网站在工信部“做一次官方登记”，明确网站的主办主体、负责人、服务器信息等。
其目的主要包括：
规范互联网信息服务
落实网络安全责任
防止非法、违规网站上线
需要注意的是：
使用国内（中国大陆）服务器 → 必须备案
使用海外服务器（如香港、海外云） → 无需 ICP 备案
二、备案前的准备工作在开始备案之前，需要提前准备好以下材料和条件（本文以阿里云为例）：
1. 云服务器与备案域名
一台中国大陆地区的云服务器
一条符合规定的域名
阿里云通常要求服务器开通满一定时间（3 个月）
2. 基础身份材料
主办者身份证（个人备案）
网站负责人信息
网站信息说明（网站用途、内容等）
3. 备案承诺书
《互联网信息服务备案承诺书》
...
那些年，那些事在初三的最后一个学期，我们几乎每个人都开始直面同一个问题：高中该去哪里。那段时间，压力其实已经不只是来自学习本身，而是对未来的不确定。
在当时的广安，最好的高中无非就是友谊中学和我们本校——友谊实验中学。友谊中学是公办学校，名气更大，也更被家长认可，最重要的是学费相对便宜，所以自然而然成了很多人的首选目标。相比之下，我们学校是私立的，在费用上并不占优势。
也正是在这个时候，学校给出了一个看起来相当“诱人”的方案：提前签订一个类似对赌的协议。具体来说，就是学生先交 3000 元的保证金，学校会提前录取你。如果中考成绩达到约定的分数线，这 3000 元会如数退还；如果没有达到，也依然可以正常就读，只是这笔钱不会退了。放在当时来看，这其实并不算亏——因为如果中考分数不够，又想上一个相对好的高中，后面需要花的钱往往只会更多。
那时我的成绩，在班里大概能排到前 10 名，年级差不多在 200 名左右。参考往年的录取情况，其实是比较稳地可以考上友谊中学的。可在和同学、老师聊过，也和家里反复商量之后，最后还是做了一个偏向稳妥的选择：交了这 3000 块钱，决定留在本校。
钱交完的那一刻 ...
那些年，那些事命运转动的那一天我的小学就读于镇上的苟角小学。那是一所再普通不过的乡镇小学，校园不大，楼也不高，生活与学习的半径，几乎都被限定在那个熟悉的小镇里。
小学六年级时，市里来了一所私立中学招生，叫广安友谊实验中学。那时，广安最有名的是“友谊中学”，而“友谊实验中学”这个名字，对我们来说几乎是陌生的。学校里议论纷纷，谁也说不上来它到底好不好。
班主任却对我们说，这是一次很难得的机会。她说，不一定非要考上，重要的是——走出去看看。去市里见识一下不同的学校，看一看别人是怎么出题、怎么考试的，对即将到来的小升初考试，本身就是一种锻炼。
于是，我们听从了老师的建议，交了一百多块钱的报名费，踏上了那趟未知的考试之旅。现在回头看，那一天，确实是我人生中命运齿轮第一次缓慢转动的时刻。
考试当天约定早上七点出发，但我六点就起床了。镇上到市区大约四十公里，那是当时我从未真正走过的距离。
那天是奶奶送我到集合点的。集合地点在镇上的“步步高”服装店门口——对我们来说，已经算是比较“体面”的地方了。负责带队的，是我们的语文老师。
语文老师人特别好，直接开着自己的私家车带同学们去考试。班里大概十几个人参加 ...
Vue3中常用的APIref、reactive Vue 3 的响应式系统是其能够自动更新视图的基石。当修改一个响应式数据时，Vue 能够追踪到这个变化，并自动重新渲染依赖于这个数据的组件部分。ref 和 reactive 就是创建这种响应式数据的两种主要方式
reactive
reactive() 是 Vue 3 提供的用于创建响应式对象的函数
它接收一个普通的 JavaScript 对象（或数组），并返回该对象的响应式代理（Proxy）
12345678910import { reactive } from 'vue';const state = reactive({ count: 0, user: { name: 'Alice', age: 30 }, hobbies: ['reading', 'music']});
现在，对 state 的任何修改都会触发响应式更新
1234// 所有这些都是响应式的state.co ...
懒加载（滚动加载）
在我们平常的开发中，我们会加载一些列表数据，这些数据的加载会影响到页面的加载速度，导致用户的等待时间变长，影响用户的体验
所以很多数据量比较大的列表数据都会有翻页的功能，但是翻页会让用户多一些操作，影响用户的体验
所以有一种懒加载的方式就是滚动加载，当用户滚动到列表的底部时，再加载下一页的数据，这样可以避免一次性加载所有数据，导致页面的加载速度变慢，同时也减少了用户的操作，提升了用户的交互体验
平时我常用的滚动加载主要是传统 scroll 监听，但是最近深入研究了一下这个，发现还有其他的方法来实现滚动加载
基本原理无论用哪种方法，逻辑都差不多：
监听滚动事件（scroll 或 IntersectionObserver）
判断是否接近底部
触发加载函数
请求数据并渲染
直到数据加载完成
两种常见实现方式方式一：传统 scroll 监听12345678910111213141516171819202122232425262728293031<div id="list" style="height: 400px; overflow ...
Express&Koa2ExpressExpress的基本使用1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071const express = require("express");// 1.创建express的服务器const app = express();/* express提供给我们的中间件 在客户端发送post请求时，会将数据放到body中 客户端可以通过json的方式传递，也可以通过form表单的方式传递 - x-www-form-urlencoded - 是一种在 HTTP 请求中用于编码表单数据的方式。它是默认的表单数据编码类型， 特别是在通过 HTML 表单提交数据时，如果表单的 enctype 属性没有被显式指定为其他值，那么就会使用 application/x-w ...
Content-Type的深度解析Content-Type 是 HTTP 协议中的核心头部字段，用于标识传输数据的媒体类型（MIME 类型），确保客户端和服务端能正确解析和处理数据。以下从定义、结构、类型、应用场景及最佳实践等方面系统性介绍：
一、基本概念与作用
定义Content-Type 遵循 MIME（Multipurpose Internet Mail Extensions）标准，最初用于电子邮件系统，后扩展至 HTTP 协议。其格式为 主类型/子类型; 参数，例如 text/html; charset=UTF-8。
核心作用• 请求端：告知服务器如何解析请求体的数据格式（如 JSON、表单数据等）。
• 响应端：指示客户端（如浏览器）如何解析返回的数据（如渲染 HTML、下载文件等）。
• 兼容性：通过标准化类型减少数据解析错误，提升跨平台兼容性。
二、语法结构与参数
语法规则
1Content-Type: type/subtype ;parameter=value
• 主类型（type）：大类标识，如 text、image、application。
• 子类型 ...
