css variable实战

现在css预处理器是项目的标配,感觉用不到 css variable 这个特性,之前对它的了解大概局限于跟 :root{} 有关系,但是直到看到vantui小程序文档时看到这样的介绍:貌似是一座小金矿...什么是css变量带有前缀--的属性名,比如--example--name,表示的是带有值的自定义属性,其可以通过 var 函数在全文档范围内复用的一般来说css变量(CSS variable)要与 var( ...

攻略Chrome-devtools

Console 面板 此章节请打开 devtools/console/console.html 一起食用 一方面用来记录页面在执行过程中的信息(一般通过各种 console 语句来实现),另一方面用来当做 shell 窗口来执行脚本以及与页面文档、DevTools等进行交互 首先看一下console对象下面都有哪些方法: console.clear 顾名思义, ...

Windows快捷键

系统功能 按键 功能 Win + D 返回桌面 Win + , 暂时返回桌面,松开回到当前任务 Win + shift + S 使用windows截屏工具 Win + E 资源管理器 Win + R 运行 Win ...

记一次移动端iframe嵌入导致的问题

之前接一个需求,是接入某国企扣费然后使用公司的业务。然后付费回调竟然是前端来做😂在项目的订购页面嵌入某国企的iframe,然后iframe页面定位遮在页面顶层,在iframe中输入验证码等操作,父页面通过 postmessage 与iframe来获取支付状态。ios端出现问题,浏览器默认在input聚焦的时候会将页面上推,将输入框展示在视口中心。然后问题来了。。。问题iframe中的input验证码聚焦将页面上推,点击获取验证码后iframe位置还原,然后iframe点击输入验证码竟然像是点到了下面的取消按钮,iframe关闭。。。然后发现整个页面还是保持上推的状态。原因猜想原因是因为iframe中input失焦并未将页面位置还原,然后浏览器计算事件的点击热区以页面上移的位置来计算, ...