GaGa's Blog

什么是 PWA？

PWA = 网站的能力 + 原生应用体验

┌─────────────────────────────────────────────────────────────
│                     PWA 三大支柱                             
├─────────────────────────────────────────────────────────────
│                                                             
│   1. Service Worker        2. Web App Manifest            
│      ↓                       ↓                              
│   离线缓存 + 后台同步     安装到桌面 + 全屏运行             
│                                                             
│   3. HTTPS + 响应式设计                                    
│      ↓                                                       
│   安全传输 + 全设备适配                                     
│                                                             
└─────────────────────────────────────────────────────────────

一句话定义：

PWA 是使用现代 Web 技术构建的应用，具备离线可用、可安装、推送通知等原生应用特性，同时保持 Web 的跨平台、无需安装优势。

1.什么是大前端

大前端 = 前端技术 + Node.js + 移动开发 + 跨端方案 + 工程化工具链
        ↓
   "一人抵一个团队"

2.Node.js在大前端中的定位

问题

pywin32 是 Windows-only 依赖，Linux 构建时 pip 找不到可安装版本。

解决

正确做法是：按平台条件安装依赖。

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 响应头声明了压缩，但实际返回的数据无法按声明的方式解压。

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

阿替卡因肾上腺素注射液是牙科常用的局部麻醉药，主要用于拔牙、补牙、牙周治疗、种植牙等需要局部麻醉的操作。

成分

端口转发

1

ssh -fCNL *:1114:localhost:10004 127.0.0.1

本质：

通过 SSH 建立一个“本地端口转发”，让本机所有网卡上的 1114 端口，转发到 SSH 对端所看到的 localhost:10004。

1.服务组下节点调整权重会触发慢启动吗

不支持。在阿里云应用型负载均衡（ALB）中，将服务器组中某个已有节点的权重从 0 调整为 100，并不会触发慢启动（Slow Start）机制。

配置慢启动:

一个大模型需要多大 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

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 变量）                               
│  • 搜索/筛选功能                                      
└─────────────────────────────────────────────────────

1. 支持的采集类型

LoongCollector 支持以下两类容器日志采集方式：

• 容器标准输出（stdout/stderr）采集
  自动读取容器运行时（Docker 或 Containerd）生成的标准输出流日志，无需访问容器内部文件系统。

• 容器内文本文件日志采集
  通过挂载宿主机根目录（默认挂载至 LoongCollector 容器内的 /logtail_host），间接访问业务容器在宿主机上的日志文件路径，从而采集容器内指定路径的日志文件。

阿里云日志服务（SLS）的 LogStore 智能存储分层 是一项基于数据生命周期自动管理存储成本的核心功能，通过将日志数据在 热存储、低频存储、归档存储 三层之间自动迁移，在保障关键能力的同时显著降低长期存储费用。

1.三种存储类型详解