雪急飞绪博客

根据对应 repo 就可以使用 dnf 进行安装了，但是安装是有认证的，需要使用 rpm 导入 GPG 密钥以确保软件合法。Jenkins 本身是依赖 Java 的，所以我们需要先安装 Java 环境。使用 dnf 安装的，很难找到 jdk 安装的位置，会有些小问题。redis 是 c 语言开发，安装 redis 需要先将官网下载的源码进行编译，编译依赖 gcc 环境。直接下载可能会超时，没超时按 Github 安装方法即可（我是按超时的方法下载的）去官网下载或者使用 wget 下载到指定目录。

OSS 是对象存储的意思，一般一个项目对应一个 Bucket (存储桶)，可以通过一个地址来访问里面的文件，配置成静态站点后，将自己的域名通过 CNAME 解析到该地址，项目就能访问了。，阿里云企业级一站式 DevOps，可以免费使用（会限制人数、流水线数量等，个人项目够用了）。OSS 上传，第一次弄，需要先进入阿里云对象 OSS，创建 Bucket。设置构建命令，构建生成文件目录，选择所需要的 Node 版本。选择对应的服务添加对应的主机，之后添加对应标签及内容。添加单元测试，这里我就不添加了。

分析依赖锁时，包下载不下来，这个就只能用笨方法（缺什么依赖，npm i 之后把对应包 tgz 包下载下来）仓库组：通过仓库组统一管理多个仓库，这样我们在项目中直接请求仓库组即可请求到仓库组管理的多个仓库。：nexus 必须使用 Java1.8，我现在用的是 Java17，提示信息让咱们配置。如果没有下载，点一下 click here 重新下载，下载还是很快的。禁止上传，group 仓库禁止上传，上传到 hosted 即可。多线程推送，上传包较多可以使用，如果包过多可能会导致电脑卡死。

如果短时间访问量过高，会造成服务器压力大（压缩是消耗服务器资源的），提前打包好 gz，服务器压力就没那么大了。在访问服务端时，一般会请求一些静态资源，如 js、css、图片等，这些资源可以在反向代理服务器中进行缓存，减少服务器的压力，而动态请求可以继续请求服务器。每次有请求发出时，缓存会将此请求发到服务器，服务器端会验证请求中所描述的缓存是否过期，若未过期（注：实际就是返回304），则缓存才使用本地缓存副本。该响应是专用于某单个用户的，中间人不能缓存此响应，该响应只能应用于浏览器私有缓存中。

Jenkins 是一款开源 CI&CD 软件，用于自动化各种任务，包括构建、测试和部署软件。

项目搭建规范

项目打包和自动化部署

源码调试打包后的文件就是一个函数自调用，当前函数调用时传入一个对象这个对象我们为了方便将之称为模块定义，它就是一个键值对这个键名就是当前被加载模块的文件名与某个目录的拼接这个键值就是一个函数，和 node.js 里的模块加载有一些类似，会将被加载模块中的内容包裹于一个函数中这个函数在将来某个时间点上会被调用，同时会接收到一定的参数，利用这些参数就可以实现模块的加载操作针对于上述的代码就相当于是将 {}（模块定义）传递给了 modules打开调试工具，创建 launch.json导出

模块化工具由来ES Modules 存在环境兼容问题模块文件过多，网络请求频繁所有的前端资源都需要模块化概要Webpack 作为 模块打包器（Module bundler），可以把零散的文件打包到一个 JS 中，对于有环境兼容的代码可以在打包过程中通过 模块加载器（Loader） 对其进行编译转换Webpack 还具备 代码拆分（Code Splitting） 能力，将应用中所有代码按照我们的需要进行打包，这样就可以渐进式加载，不会导致文件过碎或过大Webpack 支持以模块化

浏览器事件循环JS 为什么是单线程的浏览器 JS 的作用是操作 DOM，这决定了它只能是单线程的，否则会带来很多复杂的问题比如：假定 JavaScript 同时又两个线程，一个线程在某个 DOM 节点上添加内容，另一个线程删除了这个节点，这时浏览器应该以哪个线程为准？浏览器是多线程浏览器基于 EventQueue 事件队列、EventLoop 事件循环两大机制，构建出 “异步编程的效果” -> 单线程异步操作GUI 渲染线程JS 引擎线程【渲染解析 JS 的】DOM/定时器监听等

Node.jsNode.js 介绍Node.js 是什么Node.js 是什么JavaScript 运行时环境既不是语言，也不是框架，是一个平台Node.js 中的 JavaScript没有BOM、DOM，服务端不处理页面ECMAScript在 Node 中为 JavaScript 提供了一些服务器级别的API文件读写网络服务的构建网络通信http 服务...

Webpack 简介webpack 是什么webpack 是一种前端资源构建工具，一个静态模块打包器（module bundler）在 webpack 看来，前端的所有资源文件（js/json/css/img/less…）都会作为模块处理。它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源（bundle）。webpack 五个核心概念Entry入口，指示 webpack 以哪个文件作为入口起点开始打包，分析构建内部依赖图Output输出，指示 webpack 打包后的资源 b