分类：JavaScript

2020
09-27

javascript 易错知识点实例小结

本文实例总结了javascript易错知识点。分享给大家供大家参考，具体如下：为什么typeofnull==='object'原理是这样的，不同的对象在底层都表示为二进制，在JavaScript中二进制前三位都为0的话会被判断为object类型，null的二进制表示是全0，自然前三位也是0，所以执行typeof时会返回“object”。对象属性的存在性如myObject.a的属性访问返回值可能是undefined，但是这个值有可能是属性中存储的undefined，也可能... 继续阅读 >
2020
09-27

javascript执行上下文、变量对象实例分析

本文实例讲述了javascript执行上下文、变量对象。分享给大家供大家参考，具体如下：突然看到一篇远在2010年的老文，作者以章节的形式向我们介绍了ECMA-262-3的部分内容，主要涉及到执行上下文、变量对象、作用域、this等语言细节。内容短小而精悍，文风直白而严谨，读完有酣畅淋漓、醍醐灌顶之感，强烈推荐！！！原文链接：这里本想翻译成文，原来早已有人做了，这里。真生不逢时，何其遗憾啊！做个笔记，聊慰我心。执行上下文Exe... 继续阅读 >
2020
09-27

JavaScript ECMA-262-3 深入解析（二）：变量对象实例详解

JavaScript ECMA-262-3 深入解析（二）：变量对象实例详解 本文实例讲述了JavaScriptECMA-262-3变量对象。分享给大家供大家参考，具体如下：介绍我们在创建应用程序的时候，总免不了要声明变量和函数。那么，当我们需要使用这些东西的时候，解释器(interpreter)是怎么样、从哪里找到我们的数据(函数，变量)的，这个过程究竟发生了什么呢？大部分ECMAScript程序员应该都知道变量与执行上下文密切相关：vara=10;//variableoftheglobalcontext(function(){varb=20;//loca... 继续阅读 >
2020
09-27

JavaScript ECMA-262-3 深入解析（一）：执行上下文实例分析

本文实例讲述了JavaScriptECMA执行上下文。分享给大家供大家参考，具体如下：介绍这篇文章我们主要探讨ECMAScript执行上下文和相关的ECMAScript可执行代码。定义每次当控制器转到ECMAScript可执行代码的时候，即会进入到一个执行上下文。执行上下文(简称-EC)是一个抽象概念，ECMA-262标准用这个概念同可执行代码(executablecode)概念进行区分。标准规范没有从技术实现的角度准确定义EC的类型和结构;这应该是具体实现ECMAScript引... 继续阅读 >
2020
09-27

javascript 函数的暂停和恢复实例详解

本文实例讲述了javascript函数的暂停和恢复。分享给大家供大家参考，具体如下：javascript异步编程从来都是一个难题，最开始我们用callback，但随之触发了回调地狱，于是“发明”Promise解决callback嵌套过深的问题。然而由于滥用Promise（一连串的then），代码变得不易阅读了。此时，async-await横空出世，它让我们可以用同步的方式编写异步代码，简直amazing，以至于有人说它就是javascript异步编程的银弹。P.S.代... 继续阅读 >
2020
09-27

javascript设计模式 ? 模板方法模式原理与用法实例分析

本文实例讲述了javascript设计模式?模板方法模式原理与用法。分享给大家供大家参考，具体如下：介绍：模板方法模式是结构最简单的行为型设计模式，在其结构中只存在父类与子类之间的继承关系。使用模板方法模式，可以将一些复杂流程的实现步骤封装在一系列基本方法中。定义：定义一个操作中算法的框架，而将一些步骤延迟到子类中，模板方法使得子类可以不改变一个算法的结构即可重定义该算法的某些特定步骤。模板方法是一种类行... 继续阅读 >
2020
09-27

javascript设计模式 ? 观察者模式原理与用法实例分析

本文实例讲述了javascript设计模式?观察者模式原理与用法。分享给大家供大家参考，具体如下：介绍：前面我们针对系统内一对多，多对多的情况做了解决方案，是使用中介者模式，将所有关联关系交由中介者处理。这一节我们介绍另外一种解决一对多问题的设计模式：观察者模式观察者模式是使用频率最高的设计模式之一，用于建立一种对象与对象之间的依赖关系。定义：定义对象之间的之间的一种一对多依赖关系，使得每当一个对象状态发... 继续阅读 >
2020
09-27

javascript设计模式 ? 状态模式原理与用法实例分析

本文实例讲述了javascript设计模式?状态模式原理与用法。分享给大家供大家参考，具体如下：介绍：状态模式用于解决系统中复杂对象的状态转换以及不同状态下行为的封装问题。状态模式将一个对象的状态从该对象中分离出来，使得对象状态可以灵活变化。定义：允许一个对象在其内部状态改变时改变它的行为，对象看起来似乎修改了它的类，其别名为状态对象，状态模式是一种对象行为型模式。场景：在很多情况下我们的页面需要做一些状... 继续阅读 >
2020
09-27

javascript设计模式 ? 策略模式原理与用法实例分析

本文实例讲述了javascript设计模式?策略模式原理与用法。分享给大家供大家参考，具体如下：介绍：策略模式中可以定义一些独立的类来封装不同的算法，每一个类封装一种具体的算法。在这里，每一种算法的封装都可以称之为一种策略。策略模式的主要目的是将算法的定义与使用分开。定义：定义一系列算法类，将每一个算法封装起来，并让它们可以相互替换。策略模式让算法独立与使用它的客户而变化，也称为政策模式。策略模式是一种对... 继续阅读 >
2020
09-27

javascript设计模式 ? 备忘录模式原理与用法实例分析

本文实例讲述了javascript设计模式?备忘录模式原理与用法。分享给大家供大家参考，具体如下：介绍：在我们的开发中偶尔会遇到这样一种情况，需要对用户的行为进行撤销。要想实现撤销，首先需要保存软件系统的历史状态，当用户执行撤销时用之前的状态覆盖当前状态。本节介绍的备忘录模式提供了一种状态恢复的实现机制，使得用户可以方便的回到一个特定的历史步骤。定义：在不破坏封装的前提下，捕获一个对象的内部状态，并在该对... 继续阅读 >
2020
09-27

Iconfont(矢量图标)+iconmoon(图标svg互转)配合javascript实现社交分享系统

Iconfont(矢量图标)+iconmoon(图标svg互转)配合javascript实现社交分享系统 每一个应用程序，其实都会有分享的需求，比如一键分享一篇文章或者一些活动到微博或者微信亦或者是twitter等社交平台，因为人类是社交动物，而社交分享能够满足马斯洛需求金字塔情感和归属的需求以及受尊重的需求。另外网页的社交分享功能不仅可以满足阅读者，同时，对于网络应用本身，也可以相应的增加该网站的外部链接，比如微博豆瓣等线上粘性用户非常多的社交平台，如果是twitter或者facebook则可以带来一部分来自于国外的流量... 继续阅读 >
2020
09-27

javascript设计模式 ? 中介者模式原理与用法实例分析

本文实例讲述了javascript设计模式?中介者模式原理与用法。分享给大家供大家参考，具体如下：介绍：在前端开发的过程中，组件与组件之间的通讯特别常见，一个组件的change需要引起数个组件的change，这就需要组件与组件之间存在复杂的多对多关系链。如何来减轻维护这些关系的复杂度，让组件和组件之间实现低耦合？这就是我们即将介绍的中介者模式。定义：用一个中介对象（中介者）来封装一系列的对象交互，中介者使个对象不需要... 继续阅读 >
2020
09-27

javascript设计模式 ? 命令模式原理与用法实例分析

本文实例讲述了javascript设计模式?命令模式原理与用法。分享给大家供大家参考，具体如下：介绍：命令模式是一种数据驱动的设计模式，将请求以命令的形式包裹在对象中，并传递给调用对象。命令模式的核心在于引入了命令类，通过命令类来降低发送者和接受者的耦合度。定义：将一个请求封装为一个对象，从而可用不同的请求对客户进行参数化；对请求排队或者记录请求日志，以及支持可撤销的操作。命令模式是一种对象行为型模式，其... 继续阅读 >
2020
09-27

JavaScript对象字面量和构造函数原理与用法详解

本文实例讲述了JavaScript对象字面量和构造函数。分享给大家供大家参考，具体如下：对象中只有两种属性:（一种比较细的分法）属性(数据属性)比如：名字，年龄，性别，出版社，地址等信息；方法(封装代码的属性：函数，在这也是一种属性)。在JS中对象的字面量和构造函数是非常的重点，其实在其他的语言中，是没有对象字面量的。一.对象的字面量的语法:{属性名:属性值,属性名:属性值,方法名:你们函数}这个大括号括起来的整个代码... 继续阅读 >
2020
09-27

javascript 内存模型实例详解

javascript 内存模型实例详解 本文实例讲述了javascript内存模型。分享给大家供大家参考，具体如下：我对于JavaScript的内存模型一直都比较困惑，很想了解在操作变量的时候，JS是如何工作的。如果你和我有同样的困惑，希望这篇文章能给你一些启发。译文，喜欢原文的可以直接拉到底部当我们声明变量、初始化变量、更改变量值的时候，到底会发生什么？JavaScript是如何实现这些基本的功能？最重要的是，我们如何才能理解这些基础知识？本文将覆盖以下4个方... 继续阅读 >
2020
09-27

javascript使用Blob对象实现的下载文件操作示例

javascript使用Blob对象实现的下载文件操作示例 本文实例讲述了javascript使用Blob对象实现的下载文件操作。分享给大家供大家参考，具体如下：Blob对象前言环境操作总结Blob是一个类文件的不可变的原始数据对象，非javascript原生数据类型，File对象就是继承自Blob对象，且在Blob的基础上进行扩展，以便支持用户系统上的文件。前言最近在做以post请求方式导出excel时，想到了可以使用Blob对象将后台返回的输出流以arraybuffer或blob的格式接收交给Blob处理，最后使用URL... 继续阅读 >