文章分类 - Javascript
摘要：在做数据可视化大屏之前，我们需要考虑到页面的布局问题以及页面缩放自适应问题，下面分别就这两个方面讲解。 页面布局 类似这种页面区块的明显划分，常用的布局方式有两种： 1、grid布局 2、flex布局 一、grid布局 grid布局可以按区块来划分页面布局，并且可以在划分布局的基础上配置区块在页面的
阅读全文
摘要：字符串拼接方法一： ````两个点里面可以放任何内容，包括html,js代码,不限制格式，`${}`里面可以放变量。 字符串拼接方法二 ' '+' ' 一般用来拼接字符串和变量，如果拼接html有格式限制，代码里面不能有空格换行 let kssj = "09:00:00"; let test =`$
阅读全文
摘要：函数：replace()替换 str.replace(' ','<br />') //字符串替换 函数：split() 将字符串分割成数组，返回数组 功能：使用一个指定的分隔符把一个字符串分割存储到数组例子：str=”jpg|bmp|gif|ico|png”;arr=theString.split(
阅读全文
摘要：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
阅读全文
摘要：js使用正则表达式去掉文本中的空格、标点及符号，仅仅保留中文、英文、数字，input textarea排除标点符号空格等计算长度 const countWords = (text) => { const regex = /[^\u4e00-\u9fa5a-zA-Z0-9]/g; // 使用repla
阅读全文
摘要：<button id="debounce">点我防抖！</button> <script> $('#debounce').on('click', debounce()); function debounce() { let timer; // 使用闭包，多次调用都能访问到同一个变量，而不是生成新的变
阅读全文
摘要：//百度坐标转换成腾讯坐标 convert2TecentMap(lng, lat){ if (lng == '' && lat == '') { return { lng: '', lat: '' } } var x_pi = 3.14159265358979324 * 3000.0 / 180.0
阅读全文
摘要：在双击事件(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).
阅读全文
摘要：var startx, starty; //获得角度 function getAngle(angx, angy) { return Math.atan2(angy, angx) * 180 / Math.PI; }; //根据起点终点返回方向 1向上 2向下 3向左 4向右 0未滑动 functio
阅读全文
摘要：这是编码： https%3A%2F%2Fw3schools.com%2Fmy%20test.asp%3Fname%3Dst%C3%A5le%26car%3Dsaab这是url解码： https://w3schools.com/my test.asp?name=ståle&car=saab 定义和用法
阅读全文
摘要：如题，开始查了查js的使用文档，但没发现可以直接用的函数，于是就想自己写函数来着，这就要涉及到每个月天数的判断，如果是2月份的话，还要涉及到闰年的判断，虽然不复杂但我想js应该不会这么低级，于是查了下资料，终于有了如下重大发现，以在某个日期上加减天数来说，其实只要调用Date对象的setDate（）
阅读全文
摘要：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）的电脑屏幕下
阅读全文
