首页 技术教程 实用代码 注册破解 正则表达式 网址导航 电子书籍

前端websocket与php后台连接

HTTP协议的特性:属于“请求-响应”模型,只有客户端发起了请求消息,服务器才能给出响应消息,没有请求,就没有响应;一个请求消息,服务器只能返回一个响应消息。有些特殊应用场景中,如“在线股票”、“聊天室”等,需要模拟呈现出“客户端不发请求,服务器也在不停的给出响应”效果,若使用HTTP协议,只能使用“AJAX+定时器”来近似的实现——心跳请求,问题:心跳过慢则信息的实效性差,心跳过快则服务器压力太大!

WebSocket协议的特性:属于“广播-收听”模型,只要客户端连接到服务器上,就不再断开(永久连接),一方可以不停的给对方发消息,对方可以不给出响应。使用WS协议代替心跳请求,可以非常好的解决HTTP协议在某些应用中的不足。WS协议的服务器也有不足:永久连接限制了客户端的数量。
类别:网页编程 - JavaScript    查看:132    更新:2023-07-21

javascript怎么将字符串转为xml格式

JavaScript是一种广泛应用于前端Web页面开发的脚本语言。在Web开发中,我们通常需要将数据以XML格式发送到服务器,或从服务器接收XML数据并解析。在这样的情况下,将JavaScript字符串转换为XML格式是非常重要的。
类别:网页编程 - JavaScript    查看:179    更新:2023-07-20

JavaScript 性能利器 —— Web Worker

简介
Web Worker (工作线程) 是 HTML5 中提出的概念,分为两种类型,专用线程(Dedicated Web Worker) 和共享线程(Shared Web Worker)。专用线程仅能被创建它的脚本所使用(一个专用线程对应一个主线程),而共享线程能够在不同的脚本中使用(一个共享线程对应多个主线程)。
专用线程可以看做是默认情况的 Web Worker,其加上修饰词的目的是为了与共享线程进行区分。本文会较为严格地区分两者,可能较为累赘,但个人认为这是必要的。如果单纯以 Web Worker 字样出现的地方指的是两者都会有的情况。
类别:网页编程 - JavaScript    查看:192    更新:2023-07-20

利用php curl实现多进程下载文件类

批量下载文件一般使用循环的方式,逐一执行下载。但在带宽与服务器性能允许的情况下,使用多进程进行下载可以大大提高下载的效率。本文介绍php利用curl的多进程请求方法,实现多进程同时下载文件。
类别:网页编程 - PHP技术    查看:196    更新:2023-07-17

JS实现多线程 解决定时器不可靠/不准确

定时器为什么不可靠
在事件循环执行机制中,异步事件会把回调函数放入消息队列中,主线程的宏任务执行完毕后,依次执行消息队列中的微任务,等微任务执行完了再循环回来执行宏任务。由于消息队列中存在大量的任务,其他任务的执行时间就会造成定时器回调函数的延迟,如果不处理,就会一直叠加延迟,当运行时间久了之后,相差就会很大。
因此定时器是不能完全保证的。
类别:网页编程 - JavaScript    查看:157    更新:2023-07-15

setTimeout:标签页休眠后导致延迟问题

问题:setTimeout在某一次写一个倒计时功能时,当浏览器缩小或者离开当前页面,倒计时会不准确,进入休眠模式,执行间隔比预期要慢。
设定一个 150ms 后执行的定时器不代表到了 150ms 代码就立刻执行,它表示代码会在 150ms 后被加入到队列中。如果在这个时间点上,队列中没有其他东西,那么这段代码就会被执行。
类别:网页编程 - JavaScript    查看:159    更新:2023-07-15

WebSocket移动端锁屏以及退到后台重连机制

手机锁屏以及退出后台webscoket会断开:js在手机熄屏后会中断,在唤醒之后js会继续执行。所以设置在js中的定时发送心跳包的功能在手机熄屏后就没法执行了。熄屏时间过长,这个时候链接就会被服务端强制断开,并且大部分手机在熄屏时,websocket连接就已经断开了。
类别:网页编程 - JavaScript    查看:140    更新:2023-07-15

前端cookies问题,加密,防篡改

cookies是服务器发送并保存到客户端的一部分数据,用于存储用户信息,便于服务器识别用户,由于cookies可以在前端通过document.cookies获取到,所以就产生了被恶意篡改的漏洞,下面我们就了解一下如何对cookies信息进行加密防护,保证信息的安全;
类别:网页编程    查看:88    更新:2023-07-14

多个同名checkbox提交并插入数据库并对应另一字段

类别:网页编程 - PHP技术    查看:186    更新:2023-07-12

HTML5简介

HTML5 是 HyperText Markup Language 5 的缩写,HTML5 技术结合了 HTML4.01 的相关标准并革新,符合现代网络发展要求,在 2008 年正式发布。HTML5 由不同的技术构成,其在互联网中得到了非常广泛的应用,提供更多增强网络应用的标准机。与传统的技术相比,HTML5 的语法特征更加明显,并且结合了 SVG 的内容。这些内容在网页中使用可以更加便捷地处理多媒体内容,而且 HTML5中还结合了其他元素,对原有的功能进行调整和修改,进行标准化工作。HTML5 在 2012 年已形成了稳定的版本。2014年10月28日,W3C发布了HTML5的最终版。
类别:网页编程 - H5开发    查看:85    更新:2023-07-11

HTML5 WebSocket初步认识

WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。
WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。
在 WebSocket API 中,浏览器和服务器只需要做一个握手的动作,然后,浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。
类别:网页编程 - JavaScript    查看:158    更新:2023-07-11

弹出层相对父容器的定位问题

我们需要将divT定位在父容器的最右上角,不能超出父容器,要怎么写这个CSS样式呢?
类别:网页编程 - CSS技术    查看:83    更新:2023-07-10

查看需要扫码关注的文章,理论上都可以使用

查点东西,总会遇到这种情况,真的很烦,发出来大家讨论交流一下
类别:网页编程    查看:194    更新:2023-07-09

php7提示Warning: imagettftext(): Could not find/open font

问题:使用GD库imagettftext()函数时,报“Warning: imagettftext(): Could not find/open font in ”警告 。
类别:网页编程 - PHP技术    查看:104    更新:2023-07-09

Jquery+clipboard.js库实现复制功能

需要引入jquery.js和库clipboard.min.js
类别:网页编程 - JavaScript    查看:160    更新:2023-07-08

jquery无缝自动滚动,实现图片无缝轮播

目的:通过CSS + jQuery的方式实现自动无缝轮播。
思路:把所有的轮播图片划分为三种状态,分别是准备轮播进入(enter)、在轮播中(current)、轮播结束后离开(leave),一张图片先是准备轮播,然后进入轮播,接着离开轮播进入到准备轮播的状态,等待下一次播送。
类别:网页编程 - JavaScript    查看:198    更新:2023-07-06