weixin_43799793的博客

0.5px分割线

移动端根据内容的多少,控制（展示更多）按钮的显示与否 //移动端根据内容的多少来控制按钮的显示与否 claimerDisplayBtn(){ this.$nexttick(()=>{ var bodyWidth = document.body.clientWidth || document.documentElement.clientWidth || 375 //44px显示2行，198px显示9行 /** *免责

移动端边框不同的设置导致因分辨率显示的潜在兼容问题通常边框设置：boder: 1px solid red;iphone12机型显示：（导致按钮右边框缺失）后通过设置伪元素，已解决：

刘海屏兼容的处理<template> <div> ... <div class="bottom" :class="{iphonex : isIphoneX }"> <button>确定</button> <button>取消</button> </div> </div> </template

微信H5页面前端开发，常见兼容性问题1、ios端兼容input光标高度问题详情描述：input输入框光标，在安卓手机上显示没有问题，但是在苹果手机上当点击输入的时候，光标的高度和父盒子的高度一样。例如下图，左图是正常所期待的输入框光标，右边是ios的input光标。图片描述出现原因分析：通常我们习惯用height属性设置行间的高度和line-height属性设置行间的距离（行高），当点击输入的时候，光标的高度就自动和父盒子的高度一样了。（谷歌浏览器的设计原则，还有一种可能就是当没有内容的时候光标

H5视频之视频直播(前端, video.js)原理视频直播的流程原理图如下：这里写图片描述:大致过程（摘自知乎：https://www.zhihu.com/question/37887655/answer/104444735）：流程如下：1.数据采集：摄像机及拾音器收集视频及音频数据，此时得到的为原始数据涉及技术或协议：摄像机：CCD、CMOS拾音器：声电转换装置（咪头）、音频放大电路2.前处理：主要处理美颜、水印、模糊等效果。美颜功能几乎是直播的标配功能3.数据编码：使用相关

js中判断是否是安卓还是ios系统判断访问设备是android还是ios，无非就是获取设备的userAgent<script type="text/javascript">var device = navigator.userAgent;var isAndroid = device.indexOf('Android') > -1 || device.indexOf('Adr') > -1; //android终端var isiOS = !!device.match(/\(i