01 · 页面布局
给不同大小的屏幕分配空间
从爱眼睛的手机横屏和桌面窗口出发,记录视口单位、空间分配与内容取舍。
个人开发与学习心得
这里记录我在开发爱眼睛过程中,对页面布局、图形运动和本地数据处理的思考:问题从哪里来,为什么这样取舍,还有什么需要继续验证。
01 · 页面布局
从爱眼睛的手机横屏和桌面窗口出发,记录视口单位、空间分配与内容取舍。
02 · 动画细节
以爱眼睛的图形运动为线索,分清动画帧、有效时长和后台暂停,再想一想减少动态时该怎样表达。
03 · 浏览器基础
整理爱眼睛的偏好与记录保存方式,思考默认值、数据格式变化,以及保存失败时的处理。
关于本站
爱眼睛(IAEyes)是我开发的一个屏幕交互应用项目,也是这些笔记的实践背景。我把开发时遇到的问题、查到的原理和自己的取舍整理在这里,希望每次修改都能留下可以回看的思考。
文章主要讨论界面适配、动画计时和本地数据处理。文中的代码是便于理解的简短示例;具体的实现边界与仍需验证的问题,会放在各篇笔记里说明。