Console详解
Consoleconsole是浏览器开发者工具自带的API,并不是JavaScript原生对象。常规 以面板形式打开要打开专用的 Console 面板,请执行以下操作之一:按 Ctrl+Shift+J (Windows / Linux) 或者 Cmd+Opt+J (Mac)。 如果 DevTools 已打开,则按 Console 按钮。 打开 Console 面板时,Console 抽屉式导航栏将
Navigator.sendBeacon 无阻塞发送统计数据
1. 直接发送 xhr 请求 我们会优先想到监听页面的unload或者beforeunload事件,在事件回调里使用XMLHttpRequest发送异步请求。但是由于是xhr请求是异步发送,很可能在它即将发送的时候,页面已经卸载了,从而导致发送取消或者发送失败。异步请求响应返回后,由于页面和相关资源已经卸载,会引起function not found的错误。解决方法就是 AJAX 通信改成同步发送
深入实践 ES6 Proxy & Reflect
Vue作为前端框架的三驾马车之一,在众多前端项目中具有极其重要的作用。Vue中具有一个重要的功能点——“数据绑定”。使用者无需关心数据是如何绑定到dom上面,只需要关注数据本身即可。那实现其功能的原理是什么?阅读官方文档(v2.0),我们会发现:关键字是Object.defineProperty,在MDN文档找到说明如下:我们再仔细查询在MDN文档的说明会发现,Object.definePrope
深入解析JavaScript中的立即执行函数
立即执行函数模式在JavaScript中可以让你的函数在定义后立即被执行,下面我们就来深入解析JavaScript中的立即执行函数,需要的朋友可以参考下它是什么在 JavaScript 里,每个函数,当被调用时,都会创建一个新的执行上下文。因为在函数里定义的变量和函数是唯一在内部被访问的变量,而不是在外部被访问的变量,当调用函数时,函数提供的上下文提供了一个非常简单的方法创建私有变量。在许多情况下
JavaScript中立即执行函数实例详解
js立即执行函数可以让你函数在创建后立即执行js立即执行函数模式是一种语法可以让你函数在定义后立即被执行这种模式本质上就是函数表达式(命名或者匿名)在创建后立即执行( function(){…} )()和( function (){…} () )是两种javascript立即执行函数常见写法最初我以为是一个括号包裹匿名函数再在后面加个括号调用函数最后达到函数定义后立
JavaScript 浮点数之迷:0.1 + 0.2 为什么不等于 0.3?
“0.1 + 0.2 = ?” 这个问题,你要是问小学生,他也许会立马告诉你 0.3。但是在计算机的世界里就没有这么简单了,做为一名程序开发者在你面试时如果有人这样问你,小心陷阱喽!你可能在哪里见过 “0.1 + 0.2 = 0.30000000000000004” 但是知道这背后真正的原理吗?是只有 JavaScript 中存在吗?带着这些疑问本文将重点梳理这背后的原理及浮点数在计算机中的存储机
JavaScript 浮点数之迷:大数危机
在 JavaScript 中浮点数运算时经常出现 0.1+0.2=0.30000000000000004 这样的问题,除了这个问题之外还有一个不容忽视的大数危机(大数处理丢失精度问题),也是近期遇到的一些问题,做下梳理同时理解下背后产生的原因和解决方案。在开始本节之前,希望你能事先了解一些 JavaScript 浮点数的相关知识,在上篇文章 JavaScript 浮点数之迷:0.1 + 0.2 为
现代浏览器得组成与页面渲染
在开始学习可视化前,我们首先了解下浏览器的一些相关知识,以便更好的理解后续知识目前,常用的浏览器主要有:Chrome、IE(Edge)、Safari、Firefox等。不同的浏览器在结构方面虽然有所差异,但是整体的设计理念是相似的。因此,可以抽象得到如下图所示的参考结构:浏览器的抽象分层结构图中将浏览器分成了以下8个子系统:用户界面(User Interface)用户界面主要包括工具栏、地址栏、前
这些"正则表达式"应该被收藏
火车车次手机机身码(IMEI)必须带端口号的网址(或ip)网址(url,支持端口和"?+参数"和"#+参数)统一社会信用代码迅雷链接ed2k链接(宽松匹配)磁力链接(宽松匹配)子网掩码linux"隐藏文件"路径linux文件夹路径linux文件路径window"文件夹"路径window下"文件"路径股票代码(A股)大于等于0, 小于等于150, 支持小数位出现5, 如145.5, 用于判断考卷分数
什么是Web可视化,它能做什么?
Web前端与Web可视化,他们之间在我看来是包含于被包含的关系,只是平时大多数前端很少接触到可视化领域这一块,而这一块的知识跟平时开发用到的技术栈等又有很大出入,而单独拎出来这一领域。那么什么是可视化呢:数据可视化(Data Visualization)是将数据组织成易于为人所理解和认知的结构,然后用图形的方式形象地呈现出来的理论、方法和技术。Web可视化即用Web技术实现上述功能的技术通常意义W