05 2021 档案

visibilitychange 浏览器能见度改变？
摘要：一个需求webview中自动播放音频，当应用切到后台是暂停音乐，打开时在此播放 const audio = new Audio(); audio.src = InitAudio; audio.play(); document.addEventListener('visibilitychange', 阅读全文
posted @ 2021-05-31 14:41 程序員劝退师 阅读(72) 评论(0) 推荐(0)
iphone x 以后所有media值
摘要：1、所有meta尺寸 //iphone X,12 Mini @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {} //iphone 阅读全文
posted @ 2021-05-26 18:00 程序員劝退师 阅读(115) 评论(0) 推荐(0)
前端面试js高频手写大全
摘要：1. 手写instanceof instanceof作用:判断一个实例是否是其父类或者祖先类型的实例。instanceof 在查找的过程中会遍历左边变量的原型链，直到找到右边变量的 prototype查找失败，返回 false let myInstanceof = (target,origin) = 阅读全文
posted @ 2021-05-17 17:34 程序員劝退师 阅读(206) 评论(0) 推荐(0)
zoom和transform:scale
摘要：zoom 和 transform:scale 差异 1、缩放后位置：zoom的缩放是相对于左上角的；而scale默认是居中缩放； 如果在开发过程中使用scale需要调整当前元素与父级元素的padding，margin值才能达到最终效果； 2、缩放后元素占据空间大小： zoom的缩放改变了元素占据的空 阅读全文
posted @ 2021-05-12 14:48 程序員劝退师 阅读(388) 评论(0) 推荐(0)
audio 自动播放
摘要：接了一个新需求在浏览器中自动播放音频， new Audio（）； <audio /> 都不行，对不起，无解！！ 但是webview无视这些，可以直接播放，坑 阅读全文
posted @ 2021-05-11 14:07 程序員劝退师 阅读(222) 评论(0) 推荐(0)
flex 最后一项margin无效？
摘要：flex 最后一项margin无效，导致原因设置了css如下 display: flex; flex-direction: row; overflow-x: scroll; -webkit-overflow-scrolling: touch; max-width: 100%; 简单粗暴解决，就是直接 阅读全文
posted @ 2021-05-08 14:29 程序員劝退师 阅读(1455) 评论(0) 推荐(0)
vite？
摘要：https://cn.vitejs.dev/guide/ 阅读全文
posted @ 2021-05-07 18:48 程序員劝退师 阅读(37) 评论(0) 推荐(0)
Typescript高级用法 keyof，Pick，Record，Partial，Required，Exclude，Omit？
摘要：记录一下typescript中一些类型高级用法： 首先声明一个类型IUser： interface IUser { name: string; age?: number; class?: string; sex: string; } 1、keyof：作用是获取键 type keys = keyof 阅读全文
posted @ 2021-05-07 18:47 程序員劝退师 阅读(3784) 评论(0) 推荐(0)
记一次Vue很坑的设计？
摘要：从开始使用Vue到现在为止时间很短，说一下对于Vue的看法 1、代码简单，逻辑简单，通俗易懂； 2、对于typescript的支持较弱，可以说完全不支持，让行ts化让人写着很难受； 3、对于es6等更高级的语法支持的较弱，由于自身框架问题导致很多例如箭头函数等都不能使用； 4、代码太简单导致人人都会 阅读全文
posted @ 2021-05-07 11:17 程序員劝退师 阅读(184) 评论(0) 推荐(1)