css container 容器查询

css container 容器查询

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

发布于: 标签: container,css

前端websocket中定时器使用

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

发布于: 标签: websocket,web workrer,setTimeout,setInterval