大前端技术优劣
1.优势（Pros）
1.1 技术层面
| 优势 | 说明 | 具体体现 |
|---|---|---|
| 统一技术栈 | 前后端使用同一语言 | JavaScript/TypeScript贯穿全栈 |
| 跨平台能力 | 一套代码多端运行 | Web + 移动端 + 桌面端 + 小程序 |
| 开发效率高 | 热更新、快速迭代 | Vite/HMR秒级刷新 |
| 生态丰富 | npm包管理 | 100万+ 开源组件可复用 |
| 工具链成熟 | 完善的基础设施 | ESLint/Prettier/Jest/Vite |
传统前后端分离: 大前端模式:
┌────────┐ HTTP ┌────────┐ ┌────────┐ HTTP ┌────────
│ 前端 │─────────▶│ 后端 │ │ 前端+ │─────────▶│ BFF
│ React │ │ Java │ │ Node.js │ Node
└────────┘ └────────┘ │ TypeScript └───┬────
两种语言 └────────┘ │
▼
┌────────────────┐
│ 微服务 (Java/Go)
└────────────────┘
统一语言：JavaScript/TypeScript
vite + nginx运行前端资源提示ERR_CONTENT_DECODING_FAILED 200 (OK)
1.chrome console异常日志
GET http://x:6601/assets/index-B9lsUMCZ.js net::ERR_CONTENT_DECODING_FAILED 200 (OK)
index.html:9
GET http://x:6601/assets/_plugin-vue_export-helper-BEfAEIvr.js net::ERR_CONTENT_DECODING_FAILED 200 (OK)
index.html:10
GET http://x:6601/assets/useApi-CUgTH_jn-Ddzyv1EW.js net::ERR_CONTENT_DECODING_FAILED 200 (OK)
index.html:11
GET http://x:6601/assets/router-C6CUu5gF.js net::ERR_CONTENT_DECODING_FAILED 200 (OK)
1.1分析
这个报错的关键不是 200 OK，而是：net::ERR_CONTENT_DECODING_FAILED这通常表示 HTTP 响应头声明了压缩，但实际返回的数据无法按声明的方式解压。
sls采集端loongcollector如何支持采集容器console/宿主机文件
1.ecs运行loongcollector容器
services:
loongcollector:
image: aliyun-observability-release-registry.cn-hangzhou.cr.aliyuncs.com/loongcollector/loongcollector:v3.3.4.0-e8c9e38-aliyun
container_name: loongcollector
volumes:
- /:/logtail_host:ro # 宿主机/挂载到容器/logtail_host
- /var/run/docker.sock:/var/run/docker.sock
environment:
ALIYUN_LOGTAIL_USER_DEFINED_ID: xxx001 # 宿主机名字标识
ALIYUN_LOGTAIL_WORKING_IP: 172.16.164.x # 宿主机IP
ALIYUN_LOGTAIL_CONFIG: /etc/ilogtail/conf/cn-hangzhou/ilogtail_config.json
ALIYUN_LOGTAIL_USER_ID: "xxx" # 阿里云租户ID
network_mode: bridge
restart: always
2.在阿里云sls项目中创建机器组
- pasa
大模型需要多大GPU内存才能跑起来的计算公式
一个大模型需要多大 GPU 内存才能跑起来的计算公式：
M = ((P * 4B) / (32 / Q) ) * 1.2
- M: 所需的 GPU 显存，单位是 GB。
- P: 模型的参数数量。例如，7B 模型有 70 亿个参数。
- 4B: 每个参数占用的字节数，这里假设每个参数占用 4 个字节（通常指 FP32 或 Float32 格式）。
- 32: 4 个字节等于 32 位。
- Q: 加载模型时使用的位数。例如，16 位 (FP16/BF16)，8 位 (INT8) 或 4 位 (INT4)。这通常称为量化。
- 1.2: 表示额外开销的系数，通常为 20%。这考虑了除了模型权重之外还需要加载到 GPU 显存中的其他数据，例如优化器状态、梯度等。
如使用 FP16 量化加载 Llama 70B 模型，计算过程就是
M = ( (70,000,000,000 * 4) / (32 / 16) )* 1.2 = 168 GB
文档：Redoc架构及应用场景
1.Redoc 简介
Redoc是一个开源的OpenAPI/Swagger 文档生成器，专注于美观的 API 文档渲染。
2.核心架构
┌─────────────────────────────────────────────────────
│ OpenAPI/Swagger Spec
│ (YAML / JSON 格式)
└──────────────────────┬──────────────────────────────
│
▼
┌─────────────────────────────────────────────────────
│ Redoc CLI / Build
│ • redoc-cli build spec.yaml --output index.html
│ • npm/yarn 打包为静态资源
└──────────────────────┬──────────────────────────────
│
▼
┌─────────────────────────────────────────────────────
│ 单页 HTML 输出
│ • 自包含 HTML + CSS + JS
│ • 无需后端服务，可直接部署到 CDN/Nginx
└──────────────────────┬──────────────────────────────
│
▼
┌─────────────────────────────────────────────────────
│ 浏览器端渲染引擎
│ • React + Web Components
│ • 左侧导航 + 右侧内容区
│ • 主题定制（CSS 变量）
│ • 搜索/筛选功能
└─────────────────────────────────────────────────────