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

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

正确掌握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 WGS-84 粗略 GPS.gcj_decrypt(); //G...

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 + ...

常用前端知识积累

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

【深度长文】JavaScript数组所有API全解密

本文首发于CSDN网站,下面的版本又经过进一步的修订。 全文共13k+字,系统讲解了JavaScript数组的各种特性和API。 数组是一种非常重要的数据类型,它语法简单、灵活、高效。 在多数编程语言中,数组都充当着至关重要的角色,以至于很难想象没有数组的编程...

[Nginx] – nginx 基本配置与参数说明(转)

#运行用户 user nobody; #启动进程,通常设置成和cpu的数量相等 worker_processes 1; #全局错误日志及PID文件 #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid logs/nginx.p...

layui select监听事件获取自定义属性

form.on('select(deviceIdTpl)', function(data){ var gateway = $('#deviceIdTpl').find("option:selected").data('netid'); document.getElementById('myframe').contentWindow.location.reload(true); // 刷新ifram...

JQ URL 传参解析插件

/** * URL 传参解析插件,使用方法: * * var params = $.getParams(); * * var user_id = $.getParam('id'); */ (function ($) { // 解析参数(文件后面加上#key=val的形式传参) var params = {}; window.location.hash.slice(1).split...

Top