本文已参与「新人创作礼」活动，一起开启掘金创作之路。
JS兼容问题
- e.path
点击事件：e.path是Chrome单独支持的属性，不属于MDN的标准，所以在MDN上搜不到event.path，但是composedPath是标准的属性。
- 正则
兼容UC
'UPPERCASE-_':{
pattern:/^(?![-_])[A-Z-_]*(?<![-_])$/,
message:'只能包含大写字母、中划线(-)及下划线(_),且必须以大写字母开头或结尾'
}
改成：
'UPPERCASE-_': {
pattern:/^(?![-_])[A-Z-_]*[A-Z]$/,
message: '只能包含大写字母、中划线(-)及下划线(_),且必须以大写字母开头或结尾',
},
CSS兼容问题
-
var() 函数
background-color: var(--primary-color);不兼容IE -
Flex 不兼容IE
苹果兼容性
- 不允许自动播放视频（导致不能获取视频时长、首屏图片）
- 不能只设置line-height,要设置height,不然会导致选中时只展示半屏文字。
- 苹果上传视频之前会将视频压缩 导致判断文件大小不生效 （待确定）
- 苹果拍摄的视频 可能是mov格式 图片webp格式
- cookie 的expires过期时间点设置，如果不转成世界时间：toGMTString()，关的微信进程后重现进入网页，cookie会失效（工业运维记住密码功能失效）
持续更新。。。
欢迎评论交流
❤️ 更多前端知识欢迎关注公众号交流
❤️ 这里有你想知道的web前端知识
