@supports 特性查询
@supports 特性查询 用于判断浏览器是否支持某种css功能 css @supports (display: grid) { div { display: grid; } } @supports not (display: grid) { div { float: right; } } [MDN](https:developer
@supports 特性查询 用于判断浏览器是否支持某种css功能 css @supports (display: grid) { div { display: grid; } } @supports not (display: grid) { div { float: right; } } [MDN](https:developer
prefers-reduced-motion 用于检测用户的系统是否开始了动画减弱功能。是一个css媒体查询特性 值 + reduce: 用户开启了动画减弱功能 + no-preference: 用户未修改系统动画相关特性 css 设置动画效果 .animation { animation: vibrate 0.3s linea
git checkout master 要覆盖的分支 git reset --hard dev 用本地的dev覆盖master git push origin master --force 推送到远程仓库
当目录下有数据是,是有fs.rmdirSync会报错,需要递归 javascript var rmdir = function (dir) { const isExist = fs.existsSync(dir); if (!isExist) { return; } var list = fs.readdirSync(dir); for (var i = 0; i
Resize Observer是一个新的JavaScript API,与[Intersection Observer API](https:alligator.io/js/intersection-observer/)、[Mutation Observer](https:developer.mozilla.org/en-US/docs/Web/API/M
以前在做医疗靶区勾画时用到过这个算法,现在总结一下,介绍引射线法。 1、原理 从目标点引一条射线,判断这条线与曲线的交点个数为奇数还是偶数,为奇数表示点在曲线内,偶数表示点在曲线外。 ![](https:file.vwood.xyz/2022/07/11/upload_koljvu4z8nzo0nbd1hto3m4oh3k2224w.png) js代码如下: ja
今天看大漠的[文章](https:www.chenhuijing.com/blog/html-ruby/%F0%9F%91%9F)时见到了ruby元素,所以打算记录下来,仅做参考,如有欠妥,欢迎指正。目前只有Firefox浏览器有较好的支持。 ruby是用于对东南亚字形进行注释,就像语文课本的拼音: 例如: <ruby> <rb>中</rb> <rt>zhong</
本文主要是结合自己在学习中使用css来实现图片的宽高自适应,并给出相应的结局方案。 场景 给定一系列图片,图片宽高不等,每行所展示的图片数量不等,如何实现图片的自适应。 实现方法 聪明的你肯定会想到使用flex布局,并且设置flex-wrap: wrap。但如何做到自适应宽度呢: 我们假设图片原始宽度、高度分别为width、heigh
在公司构建用户个人站点的过程中使用使用到了模版template,在此总结一下 一、为什么要使用静态页面 页面应用对于在站点SEO方面存在局限性,而用户又希望可以通过SEO来增加网站的权重,所以使用了静态页面 二、解析过程 用到的函数 golang func (t *Template) New(name string) *Template
在终端里输入如下命令 shell sudo killall -STOP -c usbd 以上本人亲测有效,如有其他解决方案,欢迎交流