React中的setTimeout、setInterval的注意事项

最近功能需求,在用户输入的一个输入框后,500毫秒触发事件,解决方案很简单,setTimeout嘛...... 代码如下: class A extends React.Component{ handleChange(target){ var that = this; if(this.timer){ clearTim……

JavaScript常用数组操作方法,包含ES6方法

一、concat() concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,仅会返回被连接数组的一个副本。 var arr1 = [1,2,3]; var arr2 = [4,5]; var arr3 = arr1.concat(arr2); console.log(arr1); //[1, 2, 3] console.log(arr3); //[1, ……

iframe相互调用详解

嵌入iframe机制,不可避免的要用到各个iframe页面之间方法和属性的相互调用。 这里设定有3个页面,一个父页面main.html,它嵌入了两个iframe,分别是:childPage1.html和childPage2.html main.html有一个函数叫parentFunc()。main.html代码如下: <!DOCT……

【原理】echarts双Y坐标轴数据差距太大,不显示的解决办法

做法为在series中添加yAxisIndex: 1,这个就可以,默认为yAxisIndex: 0, api : yAxisIndex series: [ { name:'裂缝', type:'line', data:da……

理解React高阶组件(Higher-Order Components)

有时候人们很喜欢造一些名字很吓人的名词,让人一听这个名词就觉得自己不可能学会,从而让人望而却步。但是其实这些名词背后所代表的东西其实很简单。 高阶组件定义 a higher-order component is a function that takes a component and returns a new comp……

正确掌握React 生命周期(Lifecycle)

前言 首先, 当面对一些问题: 1 React 用了这么久,经常遇到的问题是setState在这里写合适吗? 2 为什么setState写在这里造成了重复渲染多次? 3 为什么你的setState用的这么乱? 4 组件传入props是更新呢?重新挂载呢?还是怎样? 5 ... 其次, 生命周期……

GPS坐标互转:WGS-84(GPS)、GCJ-02(Google地图)、BD-09(百度地图)

WGS-84:是国际标准,GPS坐标(Google Earth使用、或者GPS模块) GCJ-02:中国坐标偏移标准,Google Map、高德、腾讯使用 BD-09:百度坐标偏移标准,Baidu Map使用 //WGS-84 to GCJ-02 GPS.gcj_encrypt(); //GCJ-02 to ……

ES6的7个实用技巧

前端开发
ES6的7个实用技巧

Hack #1 交换元素 利用数组解构来实现值的互换 let a = 'world', b = 'hello' [a, b] = [b, a] console.log(a) // -> hello console.log(b) // -> world Hack #2 调试 我们经常使用console.log()来进行调试,试试console.table()也无妨。 const a ……

ES6 换种思路处理数据

看完本文,希望可以写出更加漂亮、简洁、函数式的代码🤞 reduce reduce 可以用来 汇总数据 const customer = [ {id: 1, count: 2}, {id: 2, count: 89}, {id: 3, count: 1} ]; const totalCount = customer.reduce((total, item) => total + i……

常用前端知识积累

闭包的理解 使用闭包主要是为了设计私有的方法和变量。 优点是可以避免全局变量的污染, 缺点是闭包会常驻内存,会增大内存使用量,使用不当很容易造成内存泄露 Cookie 第一:每个特定的域名下最多生成20个cookie 1.IE6或更低版本最多20个cookie 2.IE7和……

Top