css aspect-ratio使用
在web端实时聊天开发过程中，发送图片是很常见的，显示时图片会有一撑开的过程，页面就会发送抖动，比如如下的代码： html <html> <body> <div> <img src="https:file.vwood.xyz/2022/07/11/upload_ffje1i8jz45jrdflr07i17fqm3vefjg0.jpg">
前端websocket中定时器使用
websocket作为即时通信工具在前端广泛使用，消息发送之后如何判断超时，肯定会想到使用setTimeout、setInterval，我也是这么想的，所以就用到了代码了。既然文章开头都这么写，那大概率会出问题(^^)。 是的，真出问题了。心跳设置为10s发送一次，但是当浏览器长时间切换到其他页面后，会发现后端断开了ws的链接，查看日志发现由于前端长时间未发送心跳引起的。 页面在被
Error: Cannot access contents of url "". Extension manifest must request permission to access this host.
开发chrome插件时报如下错误: Uncaught (in promise) Error: Cannot access contents of url "". Extension manifest must request permission to access this host. manifest的permission配置如下: json { "permiss
blob:http:// 的理解
我们在各大视频网站上看到的地址 基本都是以 blob:http(s) 开头的，比如我们在[页面](https:vwood.xyz/blog/2df18b82-732d-4e55-b0e3-18d0e6a53ed2)生成一个URL对象： js const text = "<div>upyun nodejs上传文件</div>"; const blob = new Blob([text],
upyun nodejs上传文件
做个人项目时，由于服务器网速原因，前端打包后直接将所有资源直接访问服务器上访问就比较慢，所以可以将静态资源传递到cdn上，选择了upyun（因为有免费额度）。 步骤如下： 1. 建立连接 2. 找到要上传文件路径 3. 上传文件 直接看代码： javascript const upyun = require("upyun"); const fs = require("fs"); c
docker常用命令行
命令行启动docker 查看docker sh launchctl list | grep docker - 0 com.docker.helper 77699 0 application.com.docker.docker.739798.740119 关闭dockerr sh launchctl stop application.com.docker.docker.
ECDSA host key for xx.xx.xx.xx has changed and you have requested strict checking. Host key verification failed.
ssh连接服务器时报错 ECDSA host key for xx.xx.xx.xx has changed and you have requested strict checking. Host key verification failed. 执行一下命令 ssh-keygen -R "远程服务器ip"
mac docker-compose up 报错
启动镜像时报如下错误 ERROR: for gateway Credentials store error: StoreError('Credentials store docker-credential-desktop exited with "error getting credentials - err: exit status 1, out: keychain cannot b
组件库与项目react版本冲突
在使用dumi进行组件开发过程时，编写好的组件在编译发版前需要在项目中测试功能是否完善，使用 <code>npm link xxx</code链接后，有时会出现react版本不一致错误， 这是因为组件和渲染它的<code>react-dom</code>副本中的react不相同引起的。 使用 shell npm ls react 会发现两个react版本 这时可以通过
error TS2300: Duplicate identifier 'LibraryManagedAttributes'.
在使用dumi进行组件开发过程时，编写好的组件在编译发版前需要在项目中测试功能是否完善，使用<code>npm link xxx</code>链接后，有时会出现react版本不一致错误， 这是因为组件和渲染它的<code>react-com</code>副本中的react不相同引起的。 使用 shell npm ls react 会发现两个react版本 这时可以通过 sh