小秀的博客

原创 【Node.js】Common JS 和 ES Module 对于导出值的探究

特性CommonJSES Modules导出机制值的拷贝（原始值），引用拷贝（对象）动态绑定导入时机运行时（动态加载）编译时（静态加载）更新机制静态快照实时更新模块缓存是是用法require()因此，ESM 更适合处理动态绑定和模块间实时同步的场景。特性CommonJSES Modules加载方式同步加载异步加载语法require()importexport模块缓存模块首次加载时缓存模块首次加载时缓存模块作用域模块内有自己的作用域，this默认指向。

原创 【JavaScript】Set，Map，Weakmap

③Map也是构造函数，也可以接受一个数组作为参数，但该数组的成员也必须是一个个表示键值对的数组。④除了③中的接收数组作为参数，任何具有 Iterator 接口、且每个成员都是一个双元素的数组的数据结构都可以当作Map构造函数的参数。（类型和值都相等）才算是同一个键，如0和-0就是同一键，而true和"true"则是两个键。WeakMap是 ES6 中新增的一种集合类型，叫做“弱映射”，由于他的。⑧如果Map的键值是一个基本类型（数字，字符串，布尔等），则只要两个值。⑩NaN在Map中被视为同一个键。

原创 【JavaWeb】2. 通用基础代码

自定义错误码，对错误进行收敛，便于前端统一处理。自定义错误码时，建议跟主流的错误码（比如 HTTP 错误码）的含义保持一致，比如 “未登录” 定义为 40100，和 HTTP 401 错误（用户需要进行身份认证）保持一致，会更容易理解。错误码不要完全连续，预留一些间隔，便于后续扩展。在exception@GetterPARAMS_ERROR(40000, "请求参数错误"),NOT_LOGIN_ERROR(40100, "未登录"),NO_AUTH_ERROR(40101, "无权限"),

原创 ts 报错 Vue: Cannot find name axios

【代码】ts 报错 Vue: Cannot find name axios。

原创 【Java】注解

value：当注解中只有"一个属性",并且属性名是"value",使用注解时,可以省略value属性名。//注解的定义//注解的使用注解的原理：是一个接口，继承了 Annotation 这个接口类。@注解(...)就是一个实现类对象，实现了该注解和 Annotation 接口。

原创 【CSS】 为什么 inline-block 布局的时候存在一个空格的间距？

在使用布局时，元素之间存在一个空格的间距，这是由于 HTML 中的空白字符（空格、换行、制表符等）会被当作渲染内容的一部分。

原创 【浏览器】缓存

的请求头）到服务器，验证协商缓存是否命中，如果协商缓存命中，请求响应返回的HTTP状态为304 (Not Modified)，该请求不携带实体数据，若未命中，则返回200并携带资源实体数据。如果是第一种情况一一缓存已经失效，那么非常简单，服务器再次给予一个正常的响应（响应码 200 带响应体)，同时可以附带上新的缓存指令，这就回到了上一节一一来自服务器的缓存指令。所谓客户端缓存，顾名思义，是将某一次的响应结果保存在客户端（比如浏览器）中，而后续的请求仅需要从缓存中读取即可，极大的降低了服务器的处理压力。

原创 【CSS】line-height: 120% 和 line-height: 1.2有什么区别？

因此，当你使用百分比值时，子元素会继承计算后的行高值；而当你使用数值时，子元素会继承这个数值，并根据自己的字体大小重新计算行高。）时，行高是相对于该元素的字体大小计算的，但是这个数值会被继承。例如，如果父元素的字体大小为。）时，行高是相对于该元素的字体大小计算的。例如，如果元素的字体大小为。当你使用百分比值（如。但是，如果子元素的字体大小为。），而不是继承父元素的。

原创 【CSS】优化动画性能

建议使用requestAnimationFrame，如果用js修改元素的位置，推荐使用这个API。定时器时间不准确，requestAnimationFrame 始终在当前帧的最后执行。这些函数会创建一个新的图层，浏览器会使用。利用css3 translate进行元素移动。来渲染这个图层，从而提高性能。例如，你可以使用以下代码来开启。最核心要开启gpu加速。

原创 【HTML】Shadow DOM

树，这个树不能被主文档意外访问，可以有本地样式规则等。这样，你就可以创建一个组件，它的内部结构、样式和行为都被隐藏起来，与页面上其他部分隔离开来，避免冲突。节点为起始根节点，在这个根节点的下方，可以是任意元素，和普通的。的一个重要用途是封装。它允许组件拥有自己的“影子”隔离性很强，但是不太好用，api比较反人类。这样，你就可以创建一个独立的。

原创 【HTML】webp

压缩使用已经看到的图像片段来精确重建新像素。如果没有找到有趣的匹配，它还可以使用本地调色板。，网站管理员和网页开发人员可以创建更小、更丰富的图片，使网页更快。是一种现代的图片格式，用于在 web 上提供更好的。压缩使用预测编码对图像进行编码，这种方法与。视频编解码器用于压缩视频关键帧的方法相同。，然后仅对差异进行编码。

原创 【HTML】DOCTYPE的作用？

以便浏览器更加准确的理解页面内容，更加良好地展现内容效果！只要我们对文档DOCTYPE做了正确的声明，浏览器就会进入。，浏览器会以老旧的“

原创 【操作系统】内存和外存

以下外存主要以磁盘为例。

原创 【计算机网络】期末速成(2)

传输层提供之间的逻辑通信，靠**套接字Socket=(主机IP地址，端口号)**找到应用进程。传输层会对收到的报文进行差错检测。传输层有两个协议 TCP(可靠，面向连接，时延大，适用于大文件) 和 UDP(不可靠，无连接，时延小，适用于小文件)。1.TCP是面向连接（虚连接）的传输层协议。2.每一条TCP连接只能有两个端点，TCP 层主要任务是向用户提供可靠的端到端服务。3.TCP提供可靠交付的服务，无差错不丢失、不重复、按序到达。可靠有序，不丢不重4.TCP提低全双工通信。

原创 【Java】接口和抽象类

特性抽象类接口关键词abstractinterface方法实现可以有抽象方法和非抽象方法默认全是抽象方法，Java 8+ 有默认方法成员变量可以有成员变量默认是常量构造函数可以有构造函数不能有构造函数继承/实现只能继承一个类（单继承）可以实现多个接口（多实现）用途描述类的共性行为描述对象的能力（接口化的功能）访问修饰符可以有多种访问修饰符默认public。

原创 【计算机网络】期末速成(1)

计算机网络的最简单的定义是：一些互相连接的、自治的计算机的集合，实现数据通信和资源共享。互连：是指计算机之间可以通过有线或无线的方式进行数据通信自治：是指独立的计算机，他有自己的硬件和软件，可以单独运行使用集合：是指至少需要两台计算机中国的三大ISP：中国电信，中国联通和中国移动。一旦某个用户能够接入到因特网，所需要做的就是购买一些如调制解调器或路由器这样的设备，让其他用户可以和他相连。因特网的两大组成部分是边缘部分 和 核心部分。

原创 【数据库】期末速成！(习题篇)

原创 【数据库】期末速成！

数据库是长期储存在计算机内、有组织的、可共享的大量数据的集合。外模式是逻辑模式的子集。数据库的两级映象技术是指外模式与模式之间的映象和内模式与模式之间的映象。当数据的物理存储改变时，应用程序不变，而由DBMS处理这种改变，这是指数据的物理独立性。逻辑结构改变 -> 逻辑独立性。以子模式为框架的数据库是用户数据库；以模式为框架的数据库是概念数据库；以物理模式为框架的数据库是物理数据库。数据独立性是指应用程序和数据之间相互独立、不受影响，即数据结构的修改不会引起应用程序的修改。模式和内模式都只能有一个。在数据管

原创 【软件工程概论】期末速成！

数据字典程序流程图盒图PAD 图判定表、判定树某航空公司规定，乘客可以免费托运重量不超过30Kg的行李。当行李重量超过30kg时，对头等舱的国内乘客超重部分每公斤收费4元，对其他舱国内乘客超重部分每公斤收费6元，对外国乘客超重部分每公斤比国内乘客多一倍，对残疾乘客超重部分每公斤收费比正常人少一半。用判定表和判定树描述行李计算算法。左上部列出所有条件，左下部所有可能的动作。右上部是所有各种条件组合，右下部是每种条件组合相对应的动作。

原创 【Ant Design Pro】2. app.tsx 、请求封装和权限校验

以下涉及网络请求的内容一定需要根据自身接口文档进行修改。

原创 【Ant Design Pro】1. config 配置

虽然这个文档好像已经好久没有更新了。mock 的一套接口文档。

原创 【Umi】常用配置

默认是从 / 开始，但是如果我们将项目打包文件没有放入在服务器的根目录，而是在某个文件下，这时这些打包文件中的互相应用将找不到正确路径。jsMinifier (webpack) 、jsMinifierOptions 配置项。historyWithQuery 配置项。chainWebpack 配置项。inlineLimit 配置项。externals 配置项等。publicPath 配置项。history 配置项。devtool 配置项。plugins 配置项。proxy 配置项。

原创 【React】全局状态管理(Context, Reducer)

在 Next 项目，封装 useContext。// 性能优化{children}使用自定义封装的 useContext 和 ContextProvider。

原创 使用 Maven 创建 jar / war 项目

如果想要在项目中加入配置文件(如properties文件、xml文件等)，那么需要自己手动加入resources目。录：除了.java文件，其他文件都放入到这个目录。编译后会把此目录所有内容直接放入到classes目。每个Maven项目都有自己的坐标。

原创 IDEA 基本设置

开启 按住 ctrl + 滚轮 改变字体大小。

原创 软件设计原则

软件设计原则是指导软件开发者设计出高质量、易维护的软件的核心思想和准则。它们为解决复杂软件问题提供了结构化方法，确保系统具备高内聚、低耦合等优秀特性。：子类应该通过新增方法来扩展父类的方法，而不要在子类中改变父类已经实现的方法。：一个类应该仅有一个引起其变化的原因，即一个类只负责一个职责。：软件实体（类、模块、函数）应该对扩展开放，对修改关闭。：高层模块不应该依赖于低层模块，它们都应该依赖于抽象。的内部方法，形成了对象链，增加了模块之间的耦合度。，违反了高内聚低耦合的设计原则。

原创 UML(统一建模语言) 类图

UML（Unified Modeling Language，统一建模语言）类图是用于描述系统中类的静态结构及其关系的模型。它是面向对象设计和建模中最常用的一种图示。

原创 【Next】路由处理

和前端路由一样，后端路由处理也同样采用约定式路由。比如可以在 /api 目录下定义路由文件。但是要注意：route.ts 和 page.tsx 不可以在同一目录下，因为难以区分是渲染页面还是请求接口。支持以下 HTTP 方法：GET、POST、PUT、PATCH、DELETE、HEAD 和 OPTIONS。如果调用了不受支持的方法，Next.js将返回 405 Method Not Allowed 响应。注意，在生产环境下，GET 请求默认会进行缓存（Next14）退出（取消）

原创 【Next】中间件

Next.js 的中间件 (Middleware)是一种在请求完成之前运行的函数，用于对入站请求进行处理和操作。它可以在路由匹配前执行逻辑，用于身份验证、请求重写、重定向、设置响应头等任务。使用场景身份验证：在用户访问页面前检查登录状态。国际化处理：根据用户的语言偏好设置动态重定向。A/B 测试：动态分流用户到不同的页面。IP 限制：根据访问者 IP 地址限制访问。中间件基本使用在 API 请求中注入特定的自定义头信息。中间件代码。

原创 【Next】拦截路由

上述这个目录中，直接 Link 访问的是 photo[id]\page.js ，而 直接网址访问的 是 (…)photo[id]\page.tsx。对于一个路由以不同的方式（Link 软导航的方式 和 浏览器刷新页面的方式）去访问，得到的页面渲染结果也会不同。） 约定定义拦截路由（Link）。default.tsx 和上述一样。

原创 【Next】字体修改

包括任何字体文件的内置自动自托管。

原创 【CSS】opacity 影响 z-index 不生效

z-index 只对 position 属性为 relative、absolute 或 fixed 的元素有效。我的项目中就是由于第三点，opacity 影响了 z-index ，导致 z-index 不生效。z-index 的效果可能受到 CSS 特性的影响，例如 transform、opacity 等。如果页面中有其他元素也设置了较高的 z-index，可能会覆盖你的 .app 元素。确保没有其他 CSS 特性干扰 z-index 的效果。

原创 【Nest】Module 模块

创建动态模块时，通常会使用forRoot或静态方法。这些方法允许在模块初始化时传入自定义配置，并根据配置生成 Providers。

原创 【Nest】Providers 提供者

定义一个服务类。在模块中将该服务注册为 Provider。在其他类中注入该服务类，以使用其提供的功能。在 NestJS 中，Providers 是创建、管理和注入服务、库的核心。通过使用装饰器、模块化管理和依赖注入，我们可以轻松创建可复用、易测试的服务层逻辑。同时，通过作用域和工厂模式，我们可以根据不同的场景和需求，灵活定义和配置 Providers，从而使应用更加灵活和模块化。

原创 【Nest】常用装饰器

【代码】【Nest】常用装饰器。

原创 【Nest】初识 Nest

【代码】【Nest】初识 Nest。

原创 接口文档讲解

接口描述：获取指定景点的访问量、评分统计等信息，帮助分析景点的受欢迎程度。接口描述：获取当前用户的优惠券信息，包括已领取、已过期和未使用的优惠券。接口描述：向用户发送推送通知，通知内容可以是活动促销、景点更新等信息。接口描述：获取指定用户的所有系统通知，通常是系统更新、维护等重要消息。接口描述：该接口用于获取指定景点或路线的地图位置，并提供路线导航。接口描述：该接口用于获取用户当前的位置，位置数据来源于腾讯地图。接口描述：获取景点附近或指定景点的活动信息，如节庆活动、演出等。

原创 前端开发调试之 PC 端调试

以下内容来自稀土掘金青训营课程。

原创 使用 Element Plus 样式的三种方式

由于我项目中使用的是插件式的，但是这种引入默认是没有引入样式的，所以需要我们额外引入样式。

原创 【彻底解决】vue3+setup+ts项目问题解决：Cannot find module ‘xxx‘ or its corresponding type declarations.

vue3+setup+ts项目问题报错：Cannot find module ‘xxx‘ or its corresponding type declarations.