页面结构与响应式
从语义化标签到栅格断点,把一套布局在手机、平板、宽屏上都安排明白,不靠魔法数字硬撑。
🌿 个人主页 · mycrmeb.fun
做网页前端,也做数据背后的那点秩序感。喜欢把复杂需求拆成清晰的结构, 再用克制的样式把它讲明白 —— 页面要好看,更要好读、好用、跑得快。
一个把「页面能不能用」看得比「页面炫不炫」更重要的前端。
我是张春雨,北京人,做前端这行已经八年。最早从企业官网和后台管理系统的切图与样式重构起步, 后来慢慢把重心移到交互逻辑、组件抽象和数据可视化上。现在我的日常工作, 大多围绕着一件事展开:把杂乱的数据和流程,整理成一个人能一眼看懂、且愿意反复使用的界面。
我偏爱简单的技术方案。能用 CSS 解决的问题不写 JS,能靠语义化标签撑起来的结构不叠多余的容器, 一个页面在断网、慢网、窄屏下打开时,仍然应该是完整可读的 —— 这几乎成了我写代码时的默认检查项。 平时也会把常用的布局片段、图表封装整理成自己的小工具集,攒着攒着就成了这个站点。
工作之外,我常年保持着两件小事:一是每周固定读几段优秀的开源前端源码, 二是把踩过的坑写成笔记。写下来,才算真的想明白了。
四件我做得最多、也最愿意做深的事。
从语义化标签到栅格断点,把一套布局在手机、平板、宽屏上都安排明白,不靠魔法数字硬撑。
把指标做成图表而不是表格堆砌,关注坐标轴、配色与读图顺序,让结论自己浮出来。
首屏体积、关键渲染路径、图片与字体加载策略,逐项对着真实网络环境调,而不是对着跑分。
把重复劳动收进组件和脚本里,写一次、用很久,顺手把自己从复制粘贴里解放出来。
近期在做的几个小方向,以及业余时间花掉的那些小时。
| 序号 | 名称 | 方向 | 时间 | 状态 |
|---|---|---|---|---|
| 01 | 个人主页 mycrmeb.fun | 静态站点 / 响应式布局 | 2026 年春 | 持续更新 |
| 02 | 图表封装合集 | 数据可视化 / 组件抽象 | 2025 年 | 维护中 |
| 03 | 后台表格模板 | 管理系统 / 交互细节 | 2025 年 | 已稳定 |
| 04 | 前端踩坑笔记 | 技术写作 | 长期 | 仍在写 |
| 05 | 夜间骑行记录 | 兴趣 / 城市摄影 | 周末不定 | 自娱 |
有活儿、有想法、或者只是想聊聊前端,都可以直接找我。
把界面做简单,是比做复杂更难的那一步。