首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
前端技术栈方案与框架教程
渐儿
创建于2026-05-08
订阅专栏
一些前端
暂无订阅
共26篇文章
创建于2026-05-08
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
07 · 动画与视觉效果
大屏的「质感」靠这一层。但视觉效果同时也是性能事故的常见来源,要既会做又会取舍。 1. 动画分层 2. 数字滚动 / KPI 最常见的需求。原则:用 JS 动画驱动状态,不要每帧 setState。
06 · 渲染与可视化方案
按「图表 / 关系 / 地理 / 3D / 自定义」五条线给推荐组合与边界。 1. 渲染方式选择 方式 适用 性能 备注 SVG 元素少 (< 1k)、强交互、可读 低 DOM 重,节点多会卡 Can
05 · 数据层与实时推送
大屏的「卡」很多时候不是渲染,是数据层:太频繁、太大、连接断了没处理、组件各拉各的。本章给一套统一的数据栈。 1. 协议选择 协议 适用 优点 缺点 HTTP 轮询 数据频率低(>30s)、协议简单
04 · 分辨率与适配方案
大屏适配的本质:把设计稿的「逻辑像素」映射到「真实物理像素」,并在不同屏幕比例下决定「拉伸 / 留黑边 / 重排」三选一。 1. 三种主流方案 方案 原理 优点 缺点 A. CSS transform
03 · 架构与工程化
大屏项目的架构核心是 「配置驱动渲染」:把布局、组件、数据源都抽成 JSON Schema,让一份代码跑多套大屏。 1. 目录结构 2. 配置驱动渲染(Schema-driven) 2.1 核心 Sc
02 · 技术栈方案对比
1. 三档技术路线 2. A. 完全自研 适用:超大量同类大屏(>50 个)、强品牌视觉、要求把图表库改源码。 构成: 渲染层:Canvas 2D / WebGL(PIXI.js、Three.js)/
01 · 大屏场景与选型
1. 四类大屏的真正差异 维度 业务监控 领导汇报 GIS / 3D BI 自助 核心诉求 准、稳、实时 炫、有故事感 空间、精度、层叠 灵活、可配置 数据频率 秒级推送 准实时或定时刷新 实时位置/