- 博客(3)
- 收藏
- 关注
原创 利用WebSocket技术实现实时通信
WebSocket是一种在单个TCP连接上进行全双工通信的协议。为什么不用HTTP协议而是用WebSocket呢?因为HTTP 协议有一个缺陷:通信只能由客户端发起,而WebSocket使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在WebSocket API中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。其实一句话就可以做出概括:它就是一种网络通信协议,很多高级功能都需要它。
2024-04-27 21:32:17 707 1
原创 实现电商的鼠标悬停模拟放大镜功能
在很多网页上特别是电商网站上我们经常看到当我们的鼠标悬停在某张图片上时会有类似放大镜的效果 ,以下这张图是实现该功能后的效果图。html以及js代码。
2024-04-26 20:59:08 315
原创 实现无限加载功能
无限滚动功能通常是通过监听滚动事件,并在用户滚动到页面底部时自动加载更多内容来实现的。通过滚动区域高度+可视区域高度>=文档总高度来判断是否用户滑动页面时是否已经触底。若已触底则发送请求加载新内容。首先,你需要在HTML中设置一个容器来显示内容,还可以设置一个等待加载新内容时的动画(初始时可能是隐藏的)。
2024-04-25 18:07:56 116
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人