-
Css解决浏览器缩放后，边框与图片之间有空白的问题
关键词 Css前言在项目开发的过程中，提高浏览器分辨率后，边框与图片之间会显示一点空白原因当缩放到175%时，应该1.75格代表1像素，但由于硬件层次限制，比如一格用四个物理像素点绘制，0.25格就不绘制，故1.75格中的0.75，只能用三格绘制，未绘制的一格产生了空隙解决步骤使用outline代替border，因为outline不占据空间，故未绘制的地方不会影响其他元素占据 outline:solid 1px #000;后言最近工作很忙，没有时间更新。希望本文会对你有所帮助，如果有什么问...…
-
如何在h5和小程序中适配iphoneX及更高版本全面屏底部的安全区
关键词 Css IOS前言在项目开发的过程中，需要IOS全面屏底部安全区适配步骤 h5需要设置页面属性： <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no,viewport-fit=cover">2.在body添加如下属性 body { padding-bottom:constant(safe-area-inse...…
-
Docker 如何在前端项目动态插入并使用变量
关键词 Docker前言根据项目需求，在实现登出功能的时候，需要根据测试环境和生产环境调用不同的登出URL。本文介绍了如何在Docker前端镜像设置变量以及使用变量。解决办法在生成前端容器的阶段，可以使用同一个镜像，根据不同的环境传入参数形成不同的前端容器。下面会分享一个容器执行阶段动态插入并使用变量的实例。步骤1. 在根目录创建start.sh文件，文件内容如下:#!/usr/bin/env shcat /etc/nginx/nginx.confnginx -g "daemon off;...…
-
直播推拉流是什么
关键词 Live Stream前言本文简单的介绍了一下直播视频推拉流相关概念以及优缺点。推流概念推流，顾名思义，就是将采集阶段封包好的内容传输到服务器的过程。流程 经过输出设备(AVCaptureVideoDataOutput)得到原始的采样数据–视频数据（YUV）和音频数据（AAC）； 使用硬编码（对应系统的API）或软编码（FFMpeg）来编码压缩音视频数据； 分别得到已编码的H.264视频数据和AAC音频数据； 根据不同的封装格式（如FLV、TS、MPEG-TS） 通过流上...…
-
React Ant Design Pro 之如何删除左上角的logo
关键词 React AntDesign Pro前言在项目开发的过程中，客户没有设置自己的网站logo，想要将网站左上角的logo删除。问题查询项目代码，发现logo属性只能是字符串或者是undefined, 如果将项目代码中的logo属性设置为空字符串或者undefined, 网站会自动调用Antd的网站logo而不是删除左上角logo，本文介绍了解决办法。步骤 在app.tsx里添加logo: false代码, 如下所示：export const layout: RunTimeLayo...…