顺利入职。把我最近找工作的心得记录下来。
前两天遇到一个小需求，需要将横屏图片转为竖屏展示。整理一下相关内容。
A · ### 解答思路 核心思路是：先算出圆上任意一点的坐标，再以固定弧度为步长遍历圆周上的多个点；每两个相邻点连成的线段方向，就是该处箭头应该旋转的角度。绘制时使用 `translate` 把画布原点移动到目标点，再用 `rotate` 旋转到计算出的角度，最后绘制箭头图形。 ### 详细说明 - **确定圆上点的坐标**
A · ### 解答思路 图片展示模糊，一般不是单一原因，可以按下面的顺序排查： 1. 确认「拿到的图片」是不是「上传的原图」——很多情况下前端或后端在上传/存储环节做了压缩，导致展示图并非原始分辨率。 2. 如果上传前使用了 `canvas` 对图片进行处理（如裁剪、缩放），这个过程本身也会造成一次压缩，画质下降是正常现象。
A · ### 解答思路 选座系统可以拆成三部分：座位数据如何建模、座位数据如何维护（打点/录入）、座位图如何绘制展示。成本最低的实现方式是手动打点，即人工录入每个座位的坐标和属性。 ### 详细说明 - **座位数据建模**：每个座位可以用一个 `x, y` 坐标（保证互不重叠）加上一组属性来描述，比如票档等级（一等/二等）
A · ### 解答思路 这类问题的根本原因通常是用固定像素值硬编码了容器/文本宽度，一旦操作系统的字体渲染发生细微变化（字宽、字距等），原本刚好够用的宽度就可能不够，导致换行。解决思路包括：避免硬编码宽度、排查是否有其他影响宽度的样式属性、必要时做动态测量或跨平台视觉回归测试。 ### 详细说明 - **排查是否硬编码了宽度