首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
薄雾晚晴
掘友等级
前端搬砖工程师
JavaScript vue web前端 小程序 uni h5
获得徽章 7
动态
文章
专栏
沸点
收藏集
关注
作品
赞
25
文章 25
沸点 0
赞
25
返回
|
搜索文章
最新
热门
大屏开发实战:封装自动判断、无缝衔接的文字滚动组件,告别文本截断烦恼
在大屏可视化项目中,文字展示看似简单,却藏着不少坑 —— 比如公告栏文本过长超出容器、数据说明文字被截断、普通滚动组件要么卡顿要么衔接生硬,甚至鼠标悬停时还在 “自顾自” 滚动,体验极差。 今天就基于
大屏开发实战:封装支持排名高亮 + 无缝滚动的横向柱状图组件,告别数据展示痛点
在大屏可视化项目里,横向柱状图是展示「排名类数据」的 “刚需组件”—— 比如 “各地区业务量 TOP10”“部门业绩排行榜”,但普通柱状图组件在大屏场景下总显得 “水土不服”:数据多了超出容器滚不动、
大屏开发实战:自定义原子样式,用 Less 混合自动生成间距类,告别重复样式代码
在大屏可视化开发中,样式管理是个容易被忽视却极其影响效率的环节 —— 比如为了统一模块间距,你可能要写 .gap-8、.gap-16、.mt-20、.pd-12 等一堆重复的间距类;团队协作时,有人用
大屏开发实战:从零封装贴合主题的自定义 Loading 组件与指令
在大屏可视化项目中,加载状态的展示往往被忽视却至关重要。想象一下:用户打开大屏,看到一片空白或错乱的图表,可能会误以为系统故障 —— 而一个设计得当的 Loading 组件,不仅能缓解用户焦虑,更能强
大屏开发实战:封装数字滚动组件,让数据展示更有视觉冲击力
在大屏可视化项目中,数字是核心信息载体 —— 无论是销售额、用户数还是业务指标,单纯静态展示会显得单调,而「数字滚动增长」的动态效果能显著提升视觉吸引力,让数据变化更直观。 本文基于 Vue + vu
大屏开发实战:用 autofit.js 实现 1920*1080 设计稿完美自适应,告别分辨率变形
在大屏可视化开发中,最头疼的问题莫过于「设计稿固定 1920*1080,实际部署时却要适配 2K、4K 甚至投影幕布」—— 手动计算 rem 太繁琐、媒体查询写不完、不同屏幕比例下布局错乱… 这些问题
大屏开发实战:ECharts 自适应,用 ResizeObserver 解决容器尺寸变化难题
在 大屏开发中,ECharts 的「图表自适应容器」是绕不开的需求 —— 比如侧边栏折叠导致父容器宽度变化、窗口缩放、Tabs 切换显示隐藏后,图表若不能实时调整尺寸,就会出现截断、留白或拉伸变形的问
Rspack 构建诊断工具 Rsdoctor:解决与图片压缩插件的冲突,优雅启用性能分析
在 Rspack 项目中,当我们需要排查构建性能瓶颈(如模块解析慢、依赖冗余)时,RsdoctorRspackPlugin 是个强大的工具 —— 它能生成详细的构建报告,包含模块依赖关系、编译时间分布
Rspack 实战,构建流程升级:自动版本管理 + 命令行美化 + dist 压缩,一键输出生产包
在前端项目的生产构建中,我们常需要手动做三件事:更新版本号、查看构建耗时、压缩 dist 包 —— 这些重复操作不仅效率低,还容易出错(比如忘记更新版本导致线上版本混乱)。 本文就带你基于 Rspac
Rspack 性能优化实战:JS/CSS 压缩 + 代码分割,让产物体积直降 40%
在前端项目上线前,「构建优化」是绕不开的环节 —— 既要保证代码压缩到最小体积(提升加载速度),又要通过代码分割减少重复代码(降低缓存失效成本)。 Rspack 作为下一代打包工具,内置了两套核心优化
下一页
个人成就
文章被点赞
59
文章被阅读
18,412
掘力值
581
关注了
17
关注者
12
收藏集
12
关注标签
8
加入于
2018-11-28