Spin 的位置应该在容器内,内容外,即容器->Spin->内容。内容必须提供空数据占位。
不要因为 H5 不需要 seo 就彻底抛弃服务端渲染,服务端渲染可以提高首屏视口范围内体验。谁也不想一打开就是一个 loading。注意是视口范围内需要 ssr!
seo 与加载速度不可兼得,提高访问速度的办法就是减少 ssr 接口的数量
yarn 安装依赖时请务必设置 timeout,避免因为下载某些依赖卡住导致长时间无响应。
非文字类 UI 不需要 ssr,例如图表。图表接口应该异步请求,能有效提升页面访问速度。
antd 的 Modal 下面最好是组件, 不要直接渲染, 因为 Modal 默认是异步渲染的, ref 会直接空引用! (当然启用 forceRender 也可以, 但不建议)而且当 Modal 销毁时也难以清除订阅器, 而在组件中可以调用 Effect Hooks .
代码管理必须遵循向下兼容原则, 尽量不要删除代码, 代码拒绝破坏性重构(必须兼容原有代码). 每个代码模块应高度抽象, 细节由调用者提供. 复制粘贴可以有效且快速地降低代码复杂度. 代码模块化的意义是: 视图与逻辑分开, 视图与视图分开, 逻辑与逻辑分开, 第一点是为了易于界面重构, 第二点是为了美化代码, 第三点是为了降低心智负担. 重复的代码才需要模块化.
dockerHub 上面搜索 node,会有很多版本,buster 表示稳定版,alpine 精简版,stretch 旧版。alpine 一般内置 yarn,不支持 cpp 插件。前端项目一般推荐使用 alpine。如果项目使用的是 yarn,dockerFile 中也必须使用 yarn,yarn.lock 文件也一定要提交。如果你总是发现本地开发正常,一到线上就报错,说明项目没有提交 lock 文件。lock 文件用于锁定依赖版本,避免发生依赖冲突、不兼容等情况!
在做退出登录功能的时候,退出要达到这个网站没有访问过一样的状态,即清空这个网站的 localStorage、sessionStorage、cookie 等客户端存储!尽量不要使用 localStorage 里的值来渲染界面,保持 localStorage token 的唯一性,即只依赖 token,避免出现因为缓存导致的其他问题。