自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除