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

layer弹出层显示在top顶层

因为项目框架用了iframe,所以在用layer时,默认layer.open弹出的窗口只能在iframe子窗口区域显示。现在想让layer在父窗口或者说框架的最顶层显示,想到用top.layer.open或者parent.layer.open,但是没反应。后面想到应该是在父页面中没有导入layer.js文件...

老生常谈-从输入url到页面展示到底发生了什么

阅读目录 1、输入地址 2、浏览器查找域名的 IP 地址 3、浏览器向 web 服务器发送一个 HTTP 请求 4、服务器的永久重定向响应 5、浏览器跟踪重定向地址 6、服务器处理请求 7、服务器返回一个 HTTP 响应 8、浏览器显示 HTML 9、浏览器发送请求获取嵌入在 HT...

优秀的JavaScript模块是怎样炼成的

引言:如今的JavaScript已经是Web上最流行的语言,没有之一。从Github上的语言排行榜https://github.com/languages上即可看出,也是如今最为活跃的开源社区。随着Node的加入,JavaScript开枝散叶进入服务器领域,为这个语言榜的占比,也贡献了几分热度。尽...

Top