最近给自己的网站添加了一个在线[生成二维码](https:vwood.xyz/tools/qrcode)的功能，同时也了解到原生API可以解析二维码和条形码 BarcodeDetector API 该可以用来检测图形中的二维码和条形码。 构造函数 js if ("BarcodeDetector" in window) { 创建解析器 const ba

简单的说Web Notifcation就是在浏览器中调用操作系统自身的通知，当浏览器窗口缩小，或者切换到其他页面后仍然可以提示用户。 一、传统的提示 以常见的web在线聊天为例，通常在收到新消息后定时修改document.title 以闪烁的方式来通知用户，同时使用音频播放声音(Chrome必须要与界面有交互后才能播放声音)；或者在浏览器右上角弹出notifaction通知来通知用户。

在页面收到消息之后需要通过titile闪烁的方式来提示用户，可以通过js来实现 <script src="https:vwood.xyz/_next/static/chunks/278-3f6955e3489896f0.js"></script> javascript class MessageNotice { timer = undefined; title =

outline 用于设置元素的轮廓，对于很多元素来说，如果没有设置轮廓就是不可见的，但是输入型元素例外，其样式由浏览器决定。 下面先看一个效果： <iframe height="300" style="width: 100%;" scrolling="no" title="Reveal you Star with cool hover effect" src="htt

使用 codemirror 时，添加插件报如下错误： shell Unrecognized extension value in extension set ([object Object]). This sometimes happens because multiple instances of @codemirror/state are loaded, breaking inst

golang 编译时报如下错误 go [source 8/8] RUN go build -o app: 19 1.617 golang.org/x/sys/unix 19 1.617 vendor/golang.org/x/sys/unix/syscall.go:83:16: undefined: unsafe.Slice 19 1.617 vendor/golang.or

由于需要在代码编译的时候动态修改代码，所以通过插件的方式实现，代码如下： js const webpack = require("webpack"); const ConcatSource = require("webpack-sources").ConcatSource; class CustomPlugin { constructor(options) {} apply(c

在react组件中import svg文件时出现如下报错： shell error TS2307: Cannot find module 'icon.svg' or its corresponding type declarations. 这有由于没有找到svg文件的声明，可以用如下方法解决。 解决方式 第1种： 在global.d.ts中添加

js document.addEventListener("keydown", function (e) { if ( e.keyCode == 83 && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey) ) { 阻止浏览器的默认保存行为 e.preventDefault();

通常我们根据css的媒体查询来设置特定条件下的样式，比如根据浏览器视口宽度来设置不同的样式； css @media screen and (min-width: 300px) { .element { ... } } 这里的 and 操作符，允许我们合并语句，即媒体类型是屏幕，宽度大于等于300px时的样式，同时我们也可以对一个范围内的视口