HTML5
文章平均质量分 73
愛 / 滥 / 時
宇宙的有趣不如跟我一起学习。
展开
-
猿创征文 | 基于H5实现跨文档通信 & websocket
WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。使用websocket可以在服务器与客户端之间建立一个非HTTP的双向连接,这个连接是实时的也是永久的,除非被手动关闭,否则服务器可以随时将消息推送到客户端。原创 2022-09-01 19:55:16 · 862 阅读 · 14 评论 -
【H5】-- 拖拽事件
dataTransfer是一个用来保存拖动及放置过程中的数据的对象,可以保存一项或者多项数据,可以是一种或者多种数据类型,用于拖动拖动元素与放置元素之间的数据传递。来获取到拖动元素中传出来的id,通过数据获取节点,放置节点。在拖动事件中设置 dataTransfer.setData(key,value) 将拖动元素的id传出去;案例中的console.log()都是为了测试的,实际应用时可以不需要将每一条过程都打印出啦。当拖动一个元素放置到目标元素上的时候将会按照如下顺序依次触发。......原创 2022-08-31 20:28:22 · 906 阅读 · 2 评论 -
【H5】前端存储 -- cookie、sessionStorage、localStorage
前端存储分为cookie和webStorage,webStorage又分为sessionStorage(会话存储)和localStorage(本地存储)。原创 2022-08-31 19:32:07 · 1266 阅读 · 1 评论 -
【canvas】-- H5新增标签canvas的简单用法
♡‧₊˚ 基本用法 ‧₊˚ ♡获取canvas对象--获取画布取得上下文(context)--获取画笔定义填充样式 / 定义轮廓样式绘制填充图形 / 绘制填充图形原创 2022-08-30 19:23:53 · 464 阅读 · 0 评论