无效原因一: -webkit-overflow-scrolling 在移动开发中，用户体验是非常重要的点。 所以少不了平滑滚动，通常使用 -webkit-overflow-scrolling 实现这一效果 该属性控制元素在移动设备上是否使用滚动回弹效果。 webkit-overflow-scrolling: touch; /* 当手指从触摸屏上移开，会保持一段时间的滚动 */ -webkit-overflow-scrolling: auto; /* 当手指从触摸屏上移开，滚动会立即停止 */ 父元素的 -webkit-overflow-scrolling 属性值为 touch，子元素的 pos …
配置详解 userAgent: navigator.userAgent language: 语言 colorDepth: 返回目标设备或缓冲器上的调色板的比特深度 screen.colorDepth deviceMemory: 以千兆字节为单位返回设备内存量。该值是通过舍入到最接近的2的幂并将该数除以1024而给出的近似值 pixelRatio: 像素比 devicePixelRatio hardwareConcurrency: navigator.hardwareConcurrency 返回可用于运行在用户的计算机上的线程的逻辑处理器的数量 screenResolution: 检测屏幕宽高， …
<!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); R …
例子 代码 <!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 …
wxparse/html2json.js 注释掉 112行和119行 console.dir ( 一些特殊机型存在兼容问题 ) 本文链接地址: 微信小程序 wxparse 内容不显示
监听 touchmove 事件时，event.touches[0].target 将会永远指向第一个触摸元素的 event，不会指向后触摸的元素。 这也就意味着我无法通过回调返回的 event 来获取当前手指触摸的元素。 此现象普遍存在，需另行解决。 touchmove 的 event 对象中直接获取元素不行，那么获取当前手指位于屏幕的坐标呢？ event.originalEvent.changedTouches[0].clientX event.originalEvent.changedTouches[0].clientY 分别获取手指x，y坐标，可行。 通过方法: document.ele …
语法 Object.defineProperty(obj, prop, descriptor) 参数 obj 要在其上定义属性的对象。 prop 要定义或修改的属性的名称。 descriptor 将被定义或修改的属性描述符。 返回值 被传递给函数的对象。 示例 var person= {}; Object.defineProperty(person, “name”, { value: ‘名字’ }) console.log(person.name); // 名字 双向绑定 set 和 get var person = {}; Object.defineProperty(person, ‘nam …
实现原理：通过遍历 getImageData 函数返回的元素逐像素获取原始画布每个点的rgba值，然后每一帧通过运动函数对每个点的位置进行偏移，对比原画布，获取该点在原位置的rgba值，然后直接对a分量进行修改，修改的依据仍然是斜率。 <!DOCTYPE html> <html> <head> <meta charset=”utf-8″ /> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <title>T.R.E. 飘扬旗帜</title> < …