美文网首页
大杂烩——前端开发遇到的问题

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

作者: xinyiyake | 来源:发表于2021-12-30 16:22 被阅读0次
    1. 图片地址+?d 下载图片配置,请求头中加下面
      Content-Disposition: attachment; filename="Image.png"

    2. 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) // start启动所有停止的容器 docker stop(docker ps -a -q) // stop停止所有容器
      docker rm $(docker ps -a -q) // remove删除所有容器
      docker system prune --volumes // 清除缓存

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

    1. 软件盘弹起时会压缩窗口高度,解决办法:设置最小高度。

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

    3. Max-height 导致 calc失效?

    4. 元素没有设置宽高,导致viewport失效。

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

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

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

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

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

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

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

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

    13. 页面性能提升:

      • Css整理去除无用的css样式
      • 图片优化,精灵图体积减小
      • eslint语法检查?
      • 使用code-split => react-loadable
      • 内存优化??? 去掉console.log() 去掉定义了但是没有使用的变量
      • 使用shouldComponentUpdate 减少不必要的渲染
    14. iPhone自带click点击效果用css去除: 给可点击的元素设置: -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    15. transform 会导致元素字体模糊

    相关文章

      网友评论

          本文标题:大杂烩——前端开发遇到的问题

          本文链接:https://www.haomeiwen.com/subject/uxkyshtx.html