前端
文章平均质量分 75
前端技术
阿瑟与非
程序员只佩服强者。
展开
-
Js即时通讯技术 - SSE(SpringBoot实现)
一、前言主流的Web端即时通讯方案大致有4种:传统Ajax短轮询、Comet技术、WebSocket技术、SSE(Server-sent Events)。 Ajax短轮询 Comet WebSocket SSE 概念 http端轮询是服务器收到请求不管是否有数据都直接响应 http 请求; 浏览器受到 http 响应隔一段时间在发送同样的http 请求查询是否有数据; http 长轮询是服务器收到请求后如果有数据, 立刻响应请求; 如果没有数据就会 hold.原创 2021-02-16 17:04:39 · 3635 阅读 · 2 评论 -
css滤镜实现网页变灰效果
学习如何使用一行代码实现网页变灰效果。一、效果效果图谷歌浏览器二、css分析通过filter滤镜实现网页变灰,为什么filter需要有这么多行?看下面分析:filter滤镜filter:grayscale(100%);将图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像,值为0%图像无变化。值在0%到100%之间,则是效果的线性乘子。若未...原创 2020-04-04 19:14:39 · 1523 阅读 · 0 评论 -
JqueryUI_draggable 和droppable获取源DOM元素和当前DOM元素
效果图:(拖拽a到b打印结果如图,源码在后面)基础知识:所有的事件回调函数都有两个参数:event和uievent: 浏览器原生的事件 ; ui: 一个JQuery的ui对象。其中ui 有以下属性:a) ui.helper: 正在拖动的元素的JQuery包装对象, ui.helper.context可以获取到原生的DOM元素.b) ui.position: ui.helper(也就是我们要拖动的元...原创 2018-06-04 20:57:34 · 4684 阅读 · 0 评论 -
Jquery使用on方法绑定动态添加的元素
on()方法语法:$(selector).on(event,childSelector,data,function,map)继jQuery1.7之后,on()方法替代了bind(), live() 和 delegate() 方法。on()方法可以给当前元素和未来元素绑定事件。childSelector项是可选的,如果没有childSelector项的话,只能给被选元素(已存在的元素)绑定事件,不能...原创 2018-06-05 09:43:19 · 3702 阅读 · 0 评论 -
ECharts点击事件自定义参数
实际开发中可能需要传自定义参数到点击事件,通过params.data(传入的原始数据项)实现自定义参数(console打印结果)效果图:源码:(注意红色部分)<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>echartsDemo</title&原创 2018-07-06 15:49:30 · 22997 阅读 · 1 评论