css container 容器查询

@container 容器查询的作用假如要求一个元素在宽度小于400px的文字缩小为14px，大于400px时文字为20px，通常的做法是通过媒体查询，根据浏览视口的宽度来做。如果要求视口不变时也达到这个效果，就需要通过js来实现。 @container查询就是实时查询元素的尺寸，根据不同的尺寸，对内部属性进行特定的样式设置，先看一个例子。 css代码: css .

发布于: 2022-10-23

标签: container，css

css媒体查询新特性

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

发布于: 2022-11-02

标签: css，media，操作符

腾讯云服务器barad_agent卸载

卸载腾讯云监控 barad_agent shell wget -qO- https:raw.githubusercontent.com/littleplus/TencentAgentRemove/master/remove.sh | bash

发布于: 2022-10-31

标签: 腾讯云，barad_agent，卸载

css aspect-ratio使用

在web端实时聊天开发过程中，发送图片是很常见的，显示时图片会有一撑开的过程，页面就会发送抖动，比如如下的代码： html <html> <body> <div> <img src="https:file.vwood.xyz/2022/07/11/upload_ffje1i8jz45jrdflr07i17fqm3vefjg0.jpg">

发布于: 2022-10-10

标签: aspect-ratio

前端websocket中定时器使用

websocket作为即时通信工具在前端广泛使用，消息发送之后如何判断超时，肯定会想到使用setTimeout、setInterval，我也是这么想的，所以就用到了代码了。既然文章开头都这么写，那大概率会出问题(^^)。是的，真出问题了。心跳设置为10s发送一次，但是当浏览器长时间切换到其他页面后，会发现后端断开了ws的链接，查看日志发现由于前端长时间未发送心跳引起的。页面在被

发布于: 2022-09-18

标签: websocket，web workrer，setTimeout，setInterval

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

发布于: 2022-09-11

标签: Extension，host，all_urls

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"

发布于: 2022-07-23

标签: ECDSA，host key

upyun nodejs上传文件

做个人项目时，由于服务器网速原因，前端打包后直接将所有资源直接访问服务器上访问就比较慢，所以可以将静态资源传递到cdn上，选择了upyun（因为有免费额度）。步骤如下： 1. 建立连接 2. 找到要上传文件路径 3. 上传文件直接看代码： js const upyun = require("upyun"); const fs = require("fs"); const pat

发布于: 2022-08-23

标签: upyun，又拍云，node

mac 命令行启动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.739798.740119

发布于: 2022-08-07

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