文章分类 - Jquery
摘要：在做数据可视化大屏之前，我们需要考虑到页面的布局问题以及页面缩放自适应问题，下面分别就这两个方面讲解。 页面布局 类似这种页面区块的明显划分，常用的布局方式有两种： 1、grid布局 2、flex布局 一、grid布局 grid布局可以按区块来划分页面布局，并且可以在划分布局的基础上配置区块在页面的
阅读全文
摘要：http://blog.suntemple.cn/guide/js/ http://blog.suntemple.cn/guide/js/%E9%A1%B5%E9%9D%A2%E6%BB%9A%E5%8A%A8%E5%8A%A8%E7%94%BB.html
阅读全文
摘要：html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>浏览器扫
阅读全文
摘要：<button id="debounce">点我防抖！</button> <script> $('#debounce').on('click', debounce()); function debounce() { let timer; // 使用闭包，多次调用都能访问到同一个变量，而不是生成新的变
阅读全文
摘要：在双击事件(dblclick)，触发的两次单击事件(click)中，第一次的单击事件(click)会被屏蔽掉，但第二次不会。也就是说双击事件(dblclick)会返回一次单击事件(click)结果和一次双击事件(dblclick) 结果。而不是一次双击事件(dblclick)结果和两次单击事件结果(
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://apps.bdimg.com/libs/jquery/1.7.0/jquery.js"> </script> <script> $(document).
阅读全文
摘要：1. Object.keys(item); 获取到了key之后就可以遍历的时候直接使用这个进行遍历所有的key跟value var infoItem={ name:'xiaowu', age:'18', } //的出来的keys就是[name,age] var keys=Object.keys(in
阅读全文
摘要：一、相同点： 都是循环遍历数组中的每一项 forEach和map方法里每次执行匿名函数都支持3个参数，参数分别是item（当前每一项）、index（索引值）、arr（原数组） 匿名函数中的this都是指向window 只能遍历数组 二、区别： 1.forEach() 没有返回值。 2.map() 有
阅读全文
摘要：移动设备的屏幕有两个方向： landscape（横屏）和portrait（竖屏），在某些情况下需要获取设备的屏幕方向和监听屏幕方向的变化，因此可以使用Javascript提供的 MediaQueryList 对象接口，使用方法如下： 获取当前屏幕方向（是否是竖屏状态） var mql = windo
阅读全文
摘要：isSupportCss3方法的定义： var isSupportCss3 = (function(){ var ret = /MSIE (\d+\.\d+)/.exec(navigator.userAgent); if( !ret || ret[1] > 9 ){ return true; } r
阅读全文
摘要：Math 是数学函数，但又属于对象数据类型 typeof Math => ‘object’ console.dir(Math) 查看Math的所有函数方法。 1，Math.abs() 获取绝对值 Math.abs(-12) = 12 2，Math.ceil() and Math.floor() 向上
阅读全文
摘要：一、设置定时器 window对象提供了两个方法来实现定时器的效果， 分别是window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行；而后者则可以使一段代码每过指定时间就运行一次。它们的原型如下： window.setTimeout(code
阅读全文
摘要：当做页面的时候（设计稿的尺寸是1920px），可是经常会发现，当在小屏幕下浏览的时候，头部内容显示不全。 方法1：如果图片做图片的形式，使用<img>标签来插入到页面中，img{ width:100%;}，可以轻松实现图片跟随屏幕的大小来缩放.但是当在较大屏幕（width>1920px）的电脑屏幕下
阅读全文
摘要：1、在ios中软键盘弹起时，仅会引起$(‘body’).scrollTop值改变，但是我们可以通过输入框的获取焦点情况来做判断，但也只能在ios中采用这个方案， 因为在android中存在主动收起键盘后，但输入框并没有失焦，而ios中键盘收起后就会失焦； 2、在android中软键盘弹起或收起时，会
阅读全文
摘要：前面一篇博客 h5 安卓 键盘弹起界面适配 修改webview高度提到了在adnroid中如何监听软键盘的弹起与收起，是利用的窗口的高度发生变化window.onresize事件来做突破点的，但是ios中软键盘的弹起收起并不触发window.onresize事件。总结：1.在ios中软键盘弹起时，仅
阅读全文
摘要：例如：
阅读全文
摘要：<video id="videoID" src="video.mp4" poster="loadbg.jpg" preload="auto" x-webkit-airplay="true" x5-video-player-type="h5" x5-video-player-fullscreen="t
阅读全文
摘要：对于 javascript 操作 iframe 父级页面元素的方法，大家应该都非常清楚了，下面结合当前非常流行的 jquery 分享一下如何使用 jquery 查找和操作 iframe 父级页面元素的实现代码。实例如下： 下面是 iframe.html 页面代码： 另外由于 iframe 不能跨域，
阅读全文
摘要：获取日期：解决安卓，苹果显示不同问题 var vDate = new Date(); var myDate = vDate.getFullYear() + '-' + (vDate.getMonth() + 1) + '-' + vDate.getDate(); /*解决安卓浏览器时间显示问题*/
阅读全文
