大杂烩——前端开发遇到的问题

图片地址+?d 下载图片配置，请求头中加下面
Content-Disposition: attachment; filename="Image.png"

docker镜像启动和停止
docker run -d -p 3000:8000 harbor.gemii.cc/lizhospital/ui-luzhen-platform-web:v1.0.0
docker ps // 查看所有正在运行容器
docker stop containerId // containerId 是容器的ID
docker ps -a // 查看所有容器
docker ps -a -q // 查看所有容器ID
docker start (docker ps -a -q) // stop停止所有容器
docker rm $(docker ps -a -q) // remove删除所有容器
docker system prune --volumes // 清除缓存

react项目报错:process is not defined on hot reload

软件盘弹起时会压缩窗口高度，解决办法：设置最小高度。

微信网页reload()刷新失败，解决办法： 使用location.href+随机数。

Max-height 导致 calc失效？

元素没有设置宽高，导致viewport失效。

Android和iOS软键盘弹起时窗口高度不一样，Android会减少，ios则不变。

iOS下input 设置为disable时，字体颜色会有一个透明度。

图片缓存问题，使用react-avatar-editor 组件时遇到，不想从缓存加载图片，在图片链接后面加随机数

Android的窗口高度比ios的窗口高度少1，滚动加载时需要注意。

Vim 保存只读文件的修改指令：:w !sudo tee %

「Text Autosizer」，又称「Font Boosting」、「Font Inflation」,给元素指定宽高，就可以避免 Font Boosting 被触发。

-webkit-box-orient: vertical;打包时丢失。设置/* autoprefixer: off / -webkit-box-orient: vertical; / autoprefixer: on */

process.env.PUBLIC_URL react中使用来写组件中的图片路径

页面性能提升：

• Css整理去除无用的css样式
• 图片优化，精灵图体积减小
• eslint语法检查？
• 使用code-split => react-loadable
• 内存优化？？？ 去掉console.log() 去掉定义了但是没有使用的变量
• 使用shouldComponentUpdate 减少不必要的渲染

iPhone自带click点击效果用css去除: 给可点击的元素设置： -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

transform 会导致元素字体模糊