随笔分类 - JavaScript学习心得
摘要：一、Number 的安全范围 和别的强类型编程语言(比如说 C，Java)不同，JavaScript 不区分整数值和浮点数值。我们可以发现 10 10.0 为 true，那是因为 JavaScript 的数字类型是基于 IEEE 754 标准中的"双精度"格式，也就是 64 位二进制来实现的，它是通
阅读全文
摘要：定义 高阶函数是指至少满足下列条件之一的函数： 函数可以作为参数被传递； 函数可以作为返回值输出。 函数可以作为参数被传递； 函数可以作为返回值输出。 JavaScript语言中的函数显然满足高阶函数的条件，在实际开发中，无论是将函数当作参数传递，还是让函数的执行结果返回另外一个函数，这两种情形都有
阅读全文
摘要：高阶函数：高阶看上去就像是一种先进的编程技术的一个深奥术语，一开始我看到的时候我也这样认为的。 Javascript的高阶函数 然而，高阶函数只是将函数作为参数或返回值的函数。以下面的Hello,World作为一个简单的例子。 或许这个过程有点混乱，看看详细一点的。 也就是说实际上Moqi('Hel
阅读全文
摘要：高阶函数：英文叫Higher-order function。JavaScript的函数其实都指向某个变量。既然变量可以指向函数，函数的参数能接收变量，那么一个函数就可以接收另一个函数作为参数，这种函数就称之为高阶函数。 一个最简单的高阶函数： 编写高阶函数，就是让函数的参数能够接收别的函数。 下面介
阅读全文
摘要：对于大尺寸图片的上传，在前端进行压缩除了省流量外，最大的意义是极大的提高了用户体验。 这种体验包括两方面： 1、由于上传图片尺寸比较小，因此上传速度会比较快，交互会更加流畅，同时大大降低了网络异常导致上传失败风险。 2、最重要的体验改进点：省略了图片的再加工成本。很多网站的图片上传功能都会对图片的大
阅读全文
摘要：将值从一种类型转换为另一种类型通常称为类型转换，这是显式的情况；隐式的情况称为强制类型转换，JavaScript 中的强制类型转换总是返回标量基本类型值，如字符串、数字和布尔值。 如何理解： 类型转换发生在静态类型语言的编译阶段，而强制类型转换则发生在动态类型语言的运行时？ 1、如果是静态语言，比如
阅读全文
摘要：定义和用法 contentDocument 属性能够以 HTML 对象来返回 iframe 中的文档，可以通过所有标准的 DOM 方法来处理被返回的对象。 语法：frameObject.contentWindow，或者 iframeObject.contentWindow（不是jquery对象） 用
阅读全文
摘要：一、默认绑定 1、全局环境中，this默认绑定到window 2、函数独立调用时，this默认绑定到window 3、被嵌套的函数独立调用时，this默认绑定到window 4、IIFE立即执行函数实际上是函数声明后直接调用执行 5、【闭包】类似地，test()函数是独立调用，而不是方法调用，所以t
阅读全文
摘要：1、escape和它们不是同一类 简单来说，escape是对字符串(string)进行编码(而另外两种是对URL)，作用是让它们在所有电脑上可读。编码之后的效果是%XX或者%uXXXX这种形式。其中 ASCII字母、数字、@*/+ ，这几个字符不会被编码，其余的都会。 最关键的是，当你需要对URL编
阅读全文
摘要：encodeURL函数主要是来对URI来做转码，它默认是采用的UTF-8的编码。 UTF-8编码的格式:一个汉字由三个字节构成，每一个字节会转换成16进制的编码，同时添加上%号。 假设页面端输入的中文是一个“中”，按照下面步骤进行解： 1、第一次encodeURI，按照utf-8方式获取字节数组变成
阅读全文
摘要：根据闭包的定义，我们知道，无论通过何种手段，只要将内部函数传递到所在的词法作用域以外，它都会持有对原始作用域的引用，无论在何处执行这个函数都会使用闭包。接下来，本文将详细介绍闭包的7种形式。 返回值 最常用的一种形式是函数作为返回值被返回：（返回N函数，所以外界保持对里的引用） 函数赋值 一种变形的
阅读全文
摘要：一、区别 1、字面量创建好处 字面量创建对象更简单，方便阅读 不需要作用域解析，速度更快 2、new 内部：4个步骤 创建一个空对象； 使新对象的__proto__指向原函数的prototype； 改变this指向（指向新的obj）并执行该函数，执行结果保存起来作为result； 判断执行函数的结果
阅读全文
摘要：怎样才能使"猫"继承"动物"呢？ 一、 构造函数绑定（通过call或apply实现） 第一种方法也是最简单的方法，使用call或apply方法，将父对象的构造函数绑定在子对象上，即在子对象构造函数中加一行： 二、对象冒充 对象冒充的意思就是获取那个类的所有成员。因为js是谁调用那个成员就是谁的，这样
阅读全文
摘要：有时需要获取图片的尺寸，这需要在图片加载完成以后才可以。有三种方式实现，下面一一介绍。 一、load事件 测试，所有浏览器都显示出了“loaded”，说明所有浏览器都支持img的load事件。 二、img的complete属性 轮询不断监测img的complete属性，如果为true则表明图片已经加
阅读全文
摘要：XMLHttpRequest 是一个浏览器接口，通过它，我们可以使得 Javascript 进行 HTTP (S) 通信。XMLHttpRequest 在现代浏览器中是一种常用的前后台交互数据的方式。2008年 2 月，XMLHttpRequest Level 2 草案提出来了，相对于上一代，它有一
阅读全文
摘要：本文分为三个部分： 1、JS 数字精度丢失的一些典型问题（前端遇小数计算概率大，要有这个精度丢失的意识） 2、JS 数字精度丢失的原因（计算机用二进制存储数据，由于存储位置的限制有时会存在“舍去”。当模仿十进制进行四舍五入时，0舍1入，造成误差） 3、解决方案（一个对象+一个函数）（解决方案：把小数
阅读全文
摘要：一、引子： 以上第二句 a.x = a = {n:2} 是一个连续赋值表达式。这个连续赋值表达式在引擎内部究竟发生了什么？是如何解释的？ 二、猜想 猜想1：从左到右赋值，a.x 先赋值为{n:2}，但随后 a 赋值为 {n:2}，即 a 被重写了，值为 {n:2}，新的 a 没有 x属性，因此为un
阅读全文
摘要：一、导致的问题介绍 动态生成分享卡片的时候，卡片底部的小程序码丢失了，然而其他小伙伴在自己手机上运行正常。事实上除了这条动态以外，其它都是正常的。 先交代一下项目背景，这是一个微信小程序项目，其中生成分享卡片功能用到的是一个叫 wxml2canvas 的库，然而该库目前看上去已经「年久失修」，上面所
阅读全文
摘要：一、问题背景 跨域种cookie的问题就是，比如a.123.com跨域访问b.123.com/request，b.123.com服务器使用nginx允许跨域，Access-Control-Allow-Origin：* 如果a、b服务不在同一个服务器，前台页面请求报错信息为： Access to XM
阅读全文
摘要：一、ProgressEvent 介绍 ProgressEvent 接口是测量如 HTTP 请求（一个XMLHttpRequest，或者一个 <img>，<audio>，<video>，<style> 或 <link> 等底层资源的加载）等底层流程进度的事件。 1、构造方法：ProgressEvent
阅读全文