## 1 config

```js
https://www.npmjs.com/package/config




支持yml格式，需要下载 npm install js-yaml -S
$ npm install config
$ mkdir config
$ vi config/default.json


{
  // Customer module configs
  "Customer": {
    "dbConfig": {
      "host": "localhost",
      "port": 5984,
      "dbName": "customers"
    },
    "credit": {
      "initialLimit": 100,
      // Set low for development
      "initialDays": 1
    }
  }
}

//使用
cross-env指定配置环境
npm install cross-env --save 
const config = require('config');
package.json 中配置
"scripts": {
    "prod": "cross-env NODE_ENV= production", //会使用production中的配置，合并default中的配置
  },
```

## 2 dotenv

```js
https://www.npmjs.com/package/dotenv

npm install dotenv cross-env --save

创建.env文件
require('dotenv').config()
console.log(process.env) // remove this after you've confirmed it is working
```

## vue3-grid-layout

```js
npm install vue3-grid-layout
说明
{
   x: 0,   // 第几列开始
   y: 0,   // 第几行开始
   w: 3,   // 占几列宽
   h: 2,   // 占几行高
   i: '0', // 唯一id
   name:'图表1'
}


参数	作用
col-num	一行多少列
row-height	每一行高度
is-draggable	是否允许拖动
is-resizable	是否允许缩放
vertical-compact	自动紧凑排列
margin	模块间距
use-css-transforms	是否启用css动画
responsive	是否响应式
prevent-collision	是否禁止重叠



使用
<template>
  <grid-layout
    v-model:layout="layout"
    :col-num="12"
    :row-height="80"
    :is-draggable="true"
    :is-resizable="true"
    :vertical-compact="true"
    :margin="[10,10]"
    :use-css-transforms="true"
  >
    <grid-item
      v-for="item in layout"
      :key="item.i"
      :x="item.x"
      :y="item.y"
      :w="item.w"
      :h="item.h"
      :i="item.i"
    >
      <div class="grid-box">
        {{ item.name }}
      </div>
    </grid-item>
  </grid-layout>
</template>

<script setup>
import { ref } from 'vue'
import { GridLayout, GridItem } from 'vue3-grid-layout'

const layout = ref([
  { x: 0, y: 0, w: 3, h: 2, i: '0', name: '图表1' },
  { x: 3, y: 0, w: 3, h: 2, i: '1', name: '图表2' },
  { x: 6, y: 0, w: 3, h: 2, i: '2', name: '图表3' },
  { x: 9, y: 0, w: 3, h: 2, i: '3', name: '图表4' }
])
</script>

<style scoped>
.grid-box {
  width: 100%;
  height: 100%;
  background: #1d2330;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
</style>
    

```

npm好用的库

## MCP通信方式

```js
1.stdio
2.http
```



## node 模拟进程通信

```js
process.stdout.write("Hello, World!1\n"); //标准输出，可写流 

process.js 主进程
//创建子进程
const { spawn } = require('child_process');

const child = spawn("node", ["server.js"]);
//监听子进程标准输入
child.stdout.on('data', (data) => {
  console.log(`stdout: ${data}`);
});
// 标准错误
child.stderr.on('data', (data) => {
  console.error(`stderr: ${data}`);
});
//关闭
child.on('close', (code) => {
  console.log(`child process exited with code ${code}`);
});

child.stdin.write('标准输入')


//server.js 子进程
process.stdin.setEncoding("utf8");

process.stdin.on("data", (chunk) => {
  console.log("子进程收到输入:", chunk.trim());
});


```

## 1. 生命周期

```js
sessionStorage

仅在 当前会话（session） 有效。

当页面关闭（标签页或浏览器关闭）后，存储的数据会被清除。

localStorage

数据会 长期保存，除非主动删除（代码里 removeItem 或 clear，或用户手动清除浏览器缓存）。

页面关闭或浏览器重启后，数据依然存在。


```

## 2. 作用范围

```js
sessionStorage

仅限于 当前标签页 有效。

即使同一浏览器里打开相同网站的另一个标签页，数据也不能共享。

localStorage

在 同源（协议+域名+端口一致） 的所有标签页和窗口之间共享。

```

## 3. 如果需要 跨域共享数据，通常有几种做法：

```js
后端接口：把数据存到服务器，由不同域名的页面去请求。

postMessage：通过 iframe 或 window.open 建立跨域通信，然后再读写数据。

cookie + 设置 domain：但 cookie 有大小和安全限制，而且要小心隐私问题。
```

sessionStorage 和 localStorage

## oop和fp
oop:面向对象编程
fp:函数编程
frp:函数响应式编程
AOP:面向切面编程
IOC:控制反转
DI:依赖注入


## nest生命周期

![image.png](/static/img/c40b63fc49eaf066f811b62f7be64acc.image.webp)

## 项目需求分析

![image.png](/static/img/8a7c2f23f9603b488b5d4c822b5a5fb2.image.webp)

## IOC(控制反转) DI(依赖注入) 降低耦合度

![image.png](/static/img/141d5333d4e819a30edccaf071c6be19.image.webp)

## AOP（面向切面编程）

## nest中的日志
```js
    1.什么时间发生的
    2.发生了啥
    3.错误是啥
    
```
## 日志获取方案

```js
    winston
    pino
```
## 日志等级

![image.png](/static/img/e665e630d5c3b190567d994a0f7d1763.image.webp)


## 日志记录

nest编程思维

## tsconfig.json


```js
npm i typescript -D
npx tsc --init



tsconfig.json打开：{
declaration:true,
    outDir:'./dist'
}
npx tsc 就会生成其文件d.ts
npx tsc -d '文件名'

dts-gen也可以不推荐，包要发布
```