前端兼容性问题
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>前端兼容性问题第一遍</title> </head> <body> <p>遇到过哪些兼容性问题？</p> <p> 1：new Date() 当传字符串类型的时，横线和斜杠打印出的日期格式是不一样的；横线是根据时区打印的，而斜杠是0点0分0秒；曾经因为这个问题出现过生产bug，导致活动推迟8个小时开始； </p> <p> 2：ant design UI库 中 使用双向绑定指令的 select 框，它的 placrholder 不显示，因为 select的值默认为空字符或null，也会被看做有值的。将值置为undefined，如果是labelinvalue这种，也就是 key和 value都打印的话，也是直接将对象置为undefined； </p> <p> 3：webpack打包时会忽略表单元素中的省略号，单行省略号或者多行省略号时，会写一些css属性，但是在webpack打包时不会生效，因为webpack会认为那是过时代码而忽略，解决办法是将关掉过时代码的开关 </p> <p> 4：html2canvas截屏插件在 ios15.0.2版本上会重复刷线，原因是这个版本的默认字体与该截屏插件出现冲突，解决办法，设置默认字体为微软雅黑； </p> <p> 5：插值表达式在小项目会出现闪动，用v-cloak来解决，先隐藏，有值后替换。v-cloak的样式不能被覆盖。让路由去挂载不同组件来完成的，就不需要v-cloak指令的了 </p> <p> 6：微信设置超大字体导致页面内容尺寸变大，解决办法，ios端设置css属性解决，安卓需要导入一段js，这段js主要做的事情是，设置微信的默认字体，重写微信设置字体的事件，改成设置为微信的默认字体； </p> <p>7：es新特性使用的问题，可选链操作符，也就是 ?. 空值合并操作符 ?? 在 chrome 浏览器 81版本及以下会出现白屏，因为不兼容；</p> </body> </html>
我遇到的这些，后续还会补充~~
