学习周报 - 2023/4/13

项目总结

知识总结

临时停用Javascript

chrome快速禁用Javascript_哔哩哔哩_bilibili

在chrome的开发者工具打开 情况下，使用ctrl+shift+p打开运行输入栏，输入「停用JavaScript」及可搜索到对应命令，按下回车即可执行。

这种方法可以很方便地在鼠标悬浮事件触发时保持当前状态。

使用AHK设置全局控制Chrome媒体内容

win11中使用Win+A键可唤出控制中心，如果有媒体正在播放，可以直接快捷控制播放（win10中则会在调节音量时看到），再搭配auto hot key则可以设置全局的快捷键对其进行控制。

打开chrome中的Hardware Media Key Handling

chrome中输入about:flag，打开实验室功能页面，搜索Hardware Media Key Handling，切换为Enabled，之后在chrome中播放媒体即可在Windows中看到对应的播放控制选项。

编写AutoHotKey脚本

新建文本文件，输入以下内容：

^!Left::Send {Media_Prev}  /* ctrl + shift + ←： 上一首 */
^!p::Send {Media_Play_Pause}  /* ctrl + shift + p： 播放/暂停 */
^!Right::Send {Media_Next}  /* ctrl + shift +→： 下一首 */
^!Up::Send {Volume_Up}  /* ctrl + shift + ↑： 增加音量 */
^!Down::Send {Volume_Down}  /* ctrl + shift +↓： 降低音量 */

运行后即可使用使用对应快捷键控制媒体。

小程序的动画API的选择器不能使用纯数字

必须要添加非数字前缀，否则无法正常选择到动画节点。

微信小程序中多个padding无法和safe-area-inset-bottom兼容

以下代码可以正常执行：

padding-bottom: calc(constant(safe-area-inset-bottom) + 14.359vw);
padding-bottom: calc(env(safe-area-inset-bottom) + 14.359vw);

但是如果加上其他方向的padding属性，则会在编译到真机时无法正常执行：

padding: 20px 12px 0;
padding-bottom: env(safe-area-inset-bottom);
padding-bottom: constant(safe-area-inset-bottom);

/** 在真机上会被编译为以下样式，导致无法正常执行 */
padding: 20px 12px constant(safe-area-inset-bottom);