分类： 前端

前端

利用 heatmap.js 创建热力图

代码 <!DOCTYPE html> <html> <head>   <meta charset=“UTF-8”>   <title></title>   <style>     div {       width: 600px;       height: 400px;       border: none;     }   </style> </head> <body>   <div id=“heatmap”>& …

前端

解决 position: fixed 无效

无效原因一: -webkit-overflow-scrolling 在移动开发中，用户体验是非常重要的点。 所以少不了平滑滚动，通常使用 -webkit-overflow-scrolling 实现这一效果 该属性控制元素在移动设备上是否使用滚动回弹效果。 webkit-overflow-scrolling: touch; /* 当手指从触摸屏上移开，会保持一段时间的滚动 */ -webkit-overflow-scrolling: auto; /* 当手指从触摸屏上移开，滚动会立即停止 */ 父元素的 -webkit-overflow-scrolling 属性值为 touch，子元素的 pos …

前端

fingerprint2 计算内容详解

配置详解 userAgent: navigator.userAgent language: 语言 colorDepth: 返回目标设备或缓冲器上的调色板的比特深度 screen.colorDepth deviceMemory: 以千兆字节为单位返回设备内存量。该值是通过舍入到最接近的2的幂并将该数除以1024而给出的近似值 pixelRatio: 像素比 devicePixelRatio hardwareConcurrency: navigator.hardwareConcurrency 返回可用于运行在用户的计算机上的线程的逻辑处理器的数量 screenResolution: 检测屏幕宽高， …

前端

css 流动边框

<!DOCTYPE html> <html> <head> <meta charset=“utf8”> <style> :root {     –border-flow-size: 10em;     –border-flow-width: calc(var(–border-flow-size) / 40);     –border-flow-width-double: calc(var(–border-flow-width)*2);     &#82 …

前端

js局部打印去除页面页脚

例子 代码   <!DOCTYPE html> <html> <head> <title>js打印去除页眉页脚</title> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <script src=”http://cdn.bootcss.com/jquery/2.1.3/jquery.min.js”></script> </head> <body> <button o …

前端

解决 touchmove 无法获取当前 event.target

监听 touchmove 事件时，event.touches[0].target 将会永远指向第一个触摸元素的 event，不会指向后触摸的元素。 这也就意味着我无法通过回调返回的 event 来获取当前手指触摸的元素。 此现象普遍存在，需另行解决。 touchmove 的 event 对象中直接获取元素不行，那么获取当前手指位于屏幕的坐标呢？ event.originalEvent.changedTouches[0].clientX event.originalEvent.changedTouches[0].clientY 分别获取手指x，y坐标，可行。 通过方法: document.ele …