2026 前端 / 后端 / 算法岗 AI 技能清单，直接对标大厂

优质文章学习记录

— 8 min read
2026 前端 / 后端 / 算法岗 AI 技能清单，直接对标大厂

2026 大厂前端岗 AI 技能清单

核心基础技能

  • 大模型前端适配能力：掌握大模型上下文管理，实现对话历史的高效存储与加载，适配流式输出的前端渲染逻辑。
  • AI 组件开发：熟练开发基于大模型的智能组件，如代码补全、智能问答、内容生成类组件，支持参数化配置与多模型切换。
  • 向量数据库集成：掌握 Pinecone、Weaviate 等向量数据库的前端调用方法，实现语义搜索、相似内容推荐等功能。

进阶实践技能

  • 大模型微调适配：理解大模型微调原理，能够基于前端业务场景，将微调后的模型部署至前端环境，实现模型轻量化调用。
  • 多模态交互开发：支持文本、图像、音频等多模态输入的前端处理，对接多模态大模型 API 实现智能交互。
  • AI 性能优化：实现大模型请求的批量处理、缓存复用与增量更新，降低前端请求延迟与资源消耗。

实战代码示例

以下为基于 OpenAI API 实现的流式对话前端组件，使用 React 18 开发：

import{ useState, useRef, useEffect }from'react';constAIChatComponent=()=>{const[messages, setMessages]=useState([]);const[inputValue, setInputValue]=useState('');const endOfMessagesRef =useRef(null);// 自动滚动到最新消息useEffect(()=>{ endOfMessagesRef.current?.scrollIntoView({behavior:'smooth'});},[messages]);consthandleSendMessage=async()=>{if(!inputValue.trim())return;const userMessage ={role:'user',content: inputValue };setMessages(prev=>[...prev, userMessage]);setInputValue('');try{const response =awaitfetch('https://api.openai.com/v1/chat/completions',{method:'POST',headers:{'Content-Type':'application/json','Authorization':`Bearer ${process.env.REACT_APP_OPENAI_API_KEY}`},body:JSON.stringify({model:'gpt-4o',messages:[...messages, userMessage],stream:true// 开启流式输出})});const reader = response.body.getReader();const decoder =newTextDecoder('utf-8');let assistantMessage ={role:'assistant',content:''};// 处理流式响应while(true){const{ done, value }=await reader.read();if(done)break;const chunk = decoder.decode(value);const lines = chunk.split('\n').filter(line=> line.trim()!=='');for(const line of lines){const data = line.replace(/^data: /,'');if(data ==='[DONE]')continue;const parsed =JSON.parse(data);const content = parsed.choices.delta.content ||''; assistantMessage ={...assistantMessage,content: assistantMessage.content + content };// 更新UIsetMessages(prev=>{const existing = prev.find(m=> m.role ==='assistant'&& m.id === assistantMessage.id);if(existing){return prev.map(m=> m === existing ? assistantMessage : m);}else{return[...prev,{...assistantMessage,id: Date.now()}];}});}}}catch(error){setMessages(prev=>[...prev,{role:'error',content:'请求失败，请稍后重试'}]);}};return({messages.map((msg, index)=>({msg.content}))}setInputValue(e.target.value)} onKeyDown={(e)=> e.key ==='Enter'&&handleSendMessage()} placeholder="输入问题..." style={{flex:1,padding:'8px 12px',border:'1px solid #e0e0e0',borderRadius:'4px'}}/> 发送 );};exportdefault AIChatComponent;
代码核心特性：实现流式消息实时渲染、自动滚动定位、异常处理，符合大厂前端 AI 组件的性能与交互标准。

2026 大厂后端岗 AI 技能清单

核心基础技能

  • 大模型服务部署：熟练使用 Docker、Kubernetes 部署大模型服务，支持模型的水平扩展与灰度发布。
  • AI 网关开发：实现统一的 AI 模型网关，提供请求路由、流量控制、身份认证与日志监控功能。
  • 向量数据库运维：掌握向量数据库的集群部署、数据备份与性能调优，支持亿级向量数据的高效查询。

进阶实践技能

  • 大模型微调与部署：基于 LoRA、QLoRA 等轻量化微调方法，针对业务场景定制模型，并部署至生产环境。
  • 多模型编排：开发模型调度系统，实现多模型的协同调用、结果融合与故障降级，提升服务可靠性。
  • AI 成本优化：通过模型量化、请求缓存、动态资源调度等手段，降低大模型服务的部署与运行成本。

实战代码示例

以下为基于 FastAPI 实现的大模型服务网关，支持多模型路由与流量控制：

from fastapi import FastAPI, HTTPException, Request from fastapi.middleware.cors import CORSMiddleware from pydantic import BaseModel import httpx from slowapi import Limiter, _rate_limit_exceeded_handler from slowapi.util import get_remote_address from slowapi.errors import RateLimitExceeded app = FastAPI(title="AI Model Gateway")# 配置跨域 app.add_middleware( CORSMiddleware, allow_origins=["*"], allow_credentials=True, allow_methods=["*"], allow_headers=["*"],)# 配置流量控制，限制为每分钟 100 次请求 limiter = Limiter(key_func=get_remote_address, default_limits=["100/minute"]) app.state.limiter = limiter app.add_exception_handler(RateLimitExceeded, _rate_limit_exceeded_handler)# 模型路由配置 MODEL_ROUTES ={"gpt-4o":"https://api.openai.com/v1/chat/completions","claude-3-opus":"https://api.anthropic.com/v1/messages","qwen-max":"https://dashscope.aliyuncs.com/api/v1/services/aigc/text-generation/generation"}classChatRequest(BaseModel): model:str messages:list[dict] stream:[email protected]("/v1/chat/completions")@limiter.limit("100/minute")asyncdefchat_completions(request: Request, chat_request: ChatRequest):if chat_request.model notin MODEL_ROUTES:raise HTTPException(status_code=400, detail=f"Unsupported model: {chat_request.model}") target_url = MODEL_ROUTES[chat_request.model] headers ={}# 根据模型设置请求头if chat_request.model.startswith("gpt-"): headers["Authorization"]=f"Bearer {OPENAI_API_KEY}" headers["Content-Type"]="application/json" payload ={"model": chat_request.model,"messages": chat_request.messages,"stream": chat_request.stream }elif chat_request.model.startswith("claude-"): headers["x-api-key"]=f"{ANTHROPIC_API_KEY}" headers["Content-Type"]="application/json" headers["anthropic-version"]="2023-06-01" payload ={"model": chat_request.model,"messages": chat_request.messages,"stream": chat_request.stream,"max_tokens":4096}elif chat_request.model =="qwen-max": headers["Authorization"]=f"Bearer {DASHSCOPE_API_KEY}" headers["Content-Type"]="application/json" payload ={"model": chat_request.model,"input":{"messages": chat_request.messages},"parameters":{"stream": chat_request.stream}}else:raise HTTPException(status_code=400, detail=f"Unsupported model: {chat_request.model}")try:asyncwith httpx.AsyncClient()as client: response =await client.post( target_url, json=payload, headers=headers, timeout=30.0, stream=chat_request.stream ) response.raise_for_status()if chat_request.stream:return response.iter_raw()else:return response.json()except httpx.HTTPError as e:raise HTTPException(status_code=500, detail=f"Model request failed: {str(e)}")# 环境变量配置（生产环境建议使用 secrets 管理） OPENAI_API_KEY ="your-openai-api-key" ANTHROPIC_API_KEY ="your-anthropic-api-key" DASHSCOPE_API_KEY ="your-dashscope-api-key"if __name__ =="__main__":import uvicorn uvicorn.run(app, host="0.0.0.0", port=8000)
代码核心特性：实现多模型统一接入、流量控制、异常处理，支持流式与非流式请求转发，符合大厂后端 AI 服务的高可用标准。

2026 大厂算法岗 AI 技能清单

核心基础技能

  • 大模型微调与对齐：熟练掌握 LoRA、QLoRA、全参数微调等方法，能够基于业务数据实现模型的领域适配与价值对齐。
  • 多模态模型开发：理解多模态模型的核心架构，能够开发基于 CLIP、GPT-4o 等模型的多模态任务解决方案。
  • 向量检索优化：掌握向量索引构建、相似度计算优化方法，实现亿级数据的毫秒级语义检索。

进阶实践技能

  • 大模型部署与推理优化：掌握 TensorRT、vLLM、Text Generation Inference 等推理框架，实现大模型的低延迟、高吞吐量部署。
  • AI 系统架构设计：设计端到端的 AI 解决方案，包括数据采集、模型训练、部署监控全流程，支持业务快速迭代。
  • 前沿算法跟踪：持续跟进大模型、多模态、强化学习等领域的前沿算法，能够快速落地至业务场景。

实战代码示例

以下为基于 LoRA 实现的 Llama 2-7B 模型微调代码，使用 Hugging Face 生态工具链：

from transformers import( AutoModelForCausalLM, AutoTokenizer, TrainingArguments, Trainer, DataCollatorForLanguageModeling )from peft import LoraConfig, get_peft_model, prepare_model_for_kbit_training import torch from datasets import load_dataset # 加载数据集，使用 alpaca 格式的自定义业务数据 dataset = load_dataset("json", data_files="business_data.json")# 加载模型与 tokenizer model_name ="meta-llama/Llama-2-7b-hf" tokenizer = AutoTokenizer.from_pretrained(model_name) tokenizer.pad_token = tokenizer.eos_token # 配置 4-bit 量化训练 model = AutoModelForCausalLM.from_pretrained( model_name, load_in_4bit=True, device_map="auto", torch_dtype=torch.bfloat16 )# 准备模型进行 k-bit 训练 model = prepare_model_for_kbit_training(model)# 配置 LoRA 参数 lora_config = LoraConfig( r=16, lora_alpha=32, target_modules=["q_proj","v_proj"], lora_dropout=0.05, bias="none", task_type="CAUSAL_LM")# 应用 LoRA 配置到模型 model = get_peft_model(model, lora_config) model.print_trainable_parameters()# 输出可训练参数比例# 数据预处理函数defpreprocess_function(examples): inputs =[f"### Instruction: {inst}\n### Input: {inp}\n### Response: "for inst, inp inzip(examples["instruction"], examples["input"])] targets =[f"{res}{tokenizer.eos_token}"for res in examples["output"]] model_inputs = tokenizer(inputs, max_length=512, truncation=True, padding="max_length") labels = tokenizer(targets, max_length=512, truncation=True, padding="max_length") model_inputs["labels"]= labels["input_ids"]return model_inputs # 处理数据集 tokenized_dataset = dataset.map(preprocess_function, batched=True)# 配置训练参数 training_args = TrainingArguments( output_dir="./llama-2-7b-business-lora", per_device_train_batch_size=4, gradient_accumulation_steps=4, learning_rate=2e-4, num_train_epochs=3, logging_dir="./logs", logging_steps=10, save_strategy="epoch", fp16=True, push_to_hub=False)# 初始化数据收集器 data_collator = DataCollatorForLanguageModeling(tokenizer=tokenizer, mlm=False)# 初始化 Trainer trainer = Trainer( model=model, args=training_args, train_dataset=tokenized_dataset["train"], data_collator=data_collator )# 开始训练 trainer.train()# 保存微调后的 LoRA 模型 model.save_pretrained("llama-2-7b-business-lora")
代码核心特性：实现 4-bit 量化的 LoRA 微调，仅训练约 0.1% 的模型参数，大幅降低训练资源消耗，同时保证业务场景的模型效果。

总结

2026 年大厂 AI 相关岗位的技能要求已从基础的 API 调用，升级为全流程的 AI 解决方案能力：

  1. 前端岗需聚焦 AI 组件开发与用户体验优化，实现大模型能力的高效落地；
  2. 后端岗需构建稳定、可扩展的 AI 服务架构，支撑大流量的模型调用需求；
  3. 算法岗需掌握大模型微调、部署优化等核心技术，为业务提供定制化的 AI 能力。
    三者协同形成完整的 AI 技术栈，是大厂构建核心竞争力的关键。

Read more

WebGL跨端兼容实战：移动端适配全攻略

WebGL跨端兼容实战：移动端适配全攻略

复杂HTML项目重构实战（多端适配增强版）：PC+移动端全兼容，WebGL/Cesium/音视频跨端落地 在之前的重构方案基础上，我们重点补充多端适配与兼容核心内容，覆盖PC（桌面/平板）与移动端（手机/平板）全场景，解决布局适配、WebGL兼容、Cesium移动端性能、音视频跨端策略、交互差异等关键问题，同时更新架构设计、AI辅助体系、面试话术，形成「双框架+全端兼容」的完整重构方案，所有内容与原方案无缝衔接，可直接落地。 一、多端适配核心背景与新增目标 1.1 多端场景痛点 原项目仅针对PC端开发，扩展到移动端后，新增核心痛点如下： 适配模块多端痛点布局适配固定像素布局在移动端错乱、小屏内容拥挤、大屏留白过多，无响应式设计WebGL兼容移动端部分浏览器仅支持WebGL1.0、上下文切后台丢失、渲染性能不足、分辨率不匹配Cesium适配移动端触摸交互缺失、场景FPS过低、地形/模型加载卡顿、容器尺寸无法自适应音视频兼容移动端自动播放受限、

text-generateion-webui模型加载器（Model Loaders）选项

不同加载器的本质是不同的模型运行后端/适配层，它们各自针对特定的模型格式或推理后端进行优化，对应不同的模型量化格式、优化技术和硬件适配方案，核心目的是让WebUI能正确加载并运行各种格式的LLM模型。 1. Transformers * 核心定义：基于Hugging Face Transformers库的原生加载器，是最基础、兼容性最广的加载方式。 * 适配模型：未量化的原生HF格式模型（如.bin/.safetensors格式的Llama-2、Mistral、ChatGLM等），也支持8bit/4bit的BitsAndBytes量化模型。 * 特点： * 无需额外量化处理，直接加载原始模型； * 兼容性最强，但显存占用最高（无量化优化）； * 支持几乎所有HF生态的模型架构（LLaMA、GPT-2、BERT等）。 * 适用场景：有充足显存（如NVIDIA RTX 3090/4090以上），追求模型完整精度，或测试新发布的未量化模型。微调、验证训练效果 2. ExLlamav2 * 核心定义：基于ExLlamaV2库的高性能加载器，专为LLaMA系列

YOLOv8部署教程：80类物体识别WebUI完整指南

YOLOv8部署教程：80类物体识别WebUI完整指南 1. 引言 1.1 鹰眼目标检测 - YOLOv8 在智能制造、安防监控、零售分析等工业场景中，实时多目标检测是实现智能化决策的核心能力。传统方案依赖昂贵硬件或复杂模型集成，而本项目基于 Ultralytics 官方 YOLOv8 模型，打造了一套轻量、稳定、可快速部署的“鹰眼”级目标检测系统。 该系统无需 ModelScope 等第三方平台支持，完全独立运行于本地环境，使用 CPU 即可实现毫秒级推理响应。通过集成直观的 WebUI 界面，用户可上传图像并立即获得视觉化检测结果与结构化统计报告，真正实现“开箱即用”。 1.2 项目核心价值 当前 AI 应用落地常面临三大痛点：模型依赖强、部署复杂、反馈不直观。本解决方案针对这些问题进行了针对性优化： * 去平台化设计：直接调用 Ultralytics
前端常用加密方式使用

前端常用加密方式使用

文章目录 * 1、Base64 编码 * 2、MD5 加密 * 3、SHA-256 加密 * 4、AES 对称加密（常用） * 5、RSA 非对称加密（常用） * 6、什么是对称和非对称加密 * 7、什么是哈希算法 * 1. 核心特征 * 2. 常见算法 * 3. 前端/网络中的典型用途 * 4. 不是加密 1、Base64 编码 Base64 不是一种加密算法，而是一种编码方法，用于将二进制数据转换为基于 64 个可打印字符的文本字符串。它常用于在 URL、Cookie、网页中传输少量二进制数据，以及内嵌小图片以减少服务器访问次数。 Base64 编码简单，对性能影响不大，但会增加数据体积约 1/