技术分享

企业官网内页一般由页头、横幅、面包屑、栏目标题、正文和页脚组成。开工时先定目录：样式、脚本、图片、公共模块分开放。首页写好标题、描述和网站图标，公共库按顺序引入。头尾做成独立 html，各内页用 load 接上即可。

苹果手机打开 H5 活动页，点输入框会弹出键盘并把页面顶上去。收起键盘后，页面有时仍停在偏上的位置，底下露出空白。输入框失焦后稍等再微调滚动位置，把页面拉回正常

系统自带的选文件框各浏览器长得不一样，常用一层按钮盖住原生控件。点「选择文件」等于打开系统对话框，选中后显示文件名，类型不对给出提示，图片还可以在旁边预览

在 Linux 服务器上排查 Java 环境时，经常遇到一种情况：同一个服务器，用 Xshell 登录后执行 `java -version` 可以正常显示版本号，但换到 Electerm 或其他终端工具里，却提示 `Command 'java' not found`。

页面正中一颗实心圆，外面三层圈往外放大、越远越淡，一遍遍散开。四层叠在同一个中心上，宽高和往回拉的边距对上才不会偏；三圈跑同一套动画，开场时间错开。套到图标、按钮或加载上，换颜色和圈数即可。

产品墙和头像上，鼠标移上去要转一圈、放大、缩小或往上抬一点，用的是同一套悬停。类名对上效果，改角度、倍数、位移和过渡时间就能换样子；挂到真实图片上，方块换成 img，类可以原样接着用。