vue 项目中引入图片使用相对路径，图片不显示的问题
摘要：在 vue 项目中引入图片，路径为相对路径时，会显示 src="[object Module]" 采用 import 方式引入图片，再设置到 src 中 会正常显示 file-loader 版本 当 file-loader 版本为4.3.0 及以上时，需要在 配置文件中手动配置属性 esModule
阅读全文
posted @ 2022-01-18 18:21
随笔分类 - JavaScript
js题目
摘要：1、事件委托 事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。 事件委托是利用事件的冒泡原理来实现的，何为事件冒泡呢？就是事件从最深的节点开始，然后逐步向上传播事件。 2、实现extend函数 3、为什么会有跨域的问题以及解决方式 JavaScript出于安全方面的考
阅读全文
posted @ 2018-11-21 20:37
D3简介
摘要：（一）D3简介 一、D3是什么 一张图片价值相当于一千个字 D3的全称是 Data－Driven Documents，直译为：数据驱动的文档 D3是一个javaScript的函数库，是用来做数据可视化的。 文档指DOM，即文档对象模型（Document Object Model） D3允许用户绑定任
阅读全文
posted @ 2018-09-22 10:36
JSON操作方法
摘要：一 JSON.stringify JSON.stringify() 方法是将一个JavaScript值(对象或者数组)转换为一个 JSON字符串，如果指定了replacer是一个函数，则可以替换值，或者如果指定了replacer是一个数组，可选的仅包括指定的属性。 replacer 英 [rɪ'pl
阅读全文
posted @ 2018-09-17 16:59
Unicode与JavaScript详解
摘要：参考文章： http://www.ruanyifeng.com/blog/2014/12/unicode.html Unicode源于一个很简单的想法：将全世界所有的字符包含在一个集合里，计算机只要支持这一个字符集，就能显示所有的字符，再也不会有乱码了。 它从0开始，为每个符号指定一个编号，这叫做"
阅读全文
posted @ 2017-09-28 17:28
第13章 事件
摘要：JavaScript 与HTML 之间的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用侦听器（或处理程序）来预订事件，以便事件发生时执行相应的代码。这种在传统软件工程中被称为观察员模式的模型，支持页面的行为（JavaScript 代码）与页面的外观（HTML 和
阅读全文
posted @ 2017-07-14 21:31
第12章 DOM2和DOM3
摘要：DOM1级主要定义的是HTML和XML文档的底层结构。DOM2和DOM3级则在这个结构的基础上引入了更多的交互能力，也支持了更高级的XML特性。为此，DOM2和DOM3级分为许多模块（模块之间具有某种关联），分别描述了DOM的某个非常具体的子集。这些模块如下。 DOM2 级核心（DOM Leve
阅读全文
posted @ 2017-06-28 14:32
第11章 DOM扩展
摘要：尽管DOM 作为API 已经非常完善了，但为了实现更多的功能，仍然会有一些标准或专有的扩展。2008 年之前，浏览器中几乎所有的DOM扩展都是专有的。此后，W3C 着手将一些已经成为事实标准的专有扩展标准化并写入规范当中。 对DOM 的两个主要的扩展是Selectors API（选择符API）和HT
阅读全文
posted @ 2017-06-25 18:22
第10章 DOM （2 DOM操作技术）
摘要：10.2 DOM操作技术 10.2.1 动态脚本 使用<script>元素可以向页面中插入JavaScript 代码，一种方式是通过其src 特性包含外部文件，另一种方式就是用这个元素本身来包含代码。而这一节要讨论的动态脚本，指的是在页面加载时不存在，但将来的某一时刻通过修改DOM 动态添加的脚本。
阅读全文
posted @ 2017-06-24 16:22
第10章 DOM （1 节点层次）
摘要：DOM（文档对象模型）是针对HTML和XML文档的一个API（应用程序编程接口）。DOM描绘了一个层次化的节点树，允许开发人员添加、移除和修改页面的某一部分。 10.1 节点层次 DOM 可以将任何HTML 或XML 文档描绘成一个由多层节点构成的结构。节点分为几种不同的类型，每种类型分别表示文档中
阅读全文
posted @ 2017-06-23 19:06
第八章 BOM
摘要：BOM（浏览器对象模型）提供了很多对象，用于访问浏览器的功能。 8.1 window 对象 BOM 的核心对象是window，它表示浏览器的一个实例。在浏览器中，window 对象有双重角色，它既是通过JavaScript 访问浏览器窗口的一个接口，又是ECMAScript 规定的Global 对象
阅读全文
posted @ 2017-06-21 15:00
第七章 函数表达式
摘要：定义函数的方式有两种：一种是函数声明，另一种就是函数表达式。函数声明的语法是这样的。 首先是function 关键字，然后是函数的名字，这就是指定函数名的方式。Firefox、Safari、Chrome和Opera 都给函数定义了一个非标准的name 属性，通过这个属性可以访问到给函数指定的名字。这
阅读全文
posted @ 2017-06-20 11:23
第六章 面向对象的程序设计 （3 继承）
摘要：6.3 继承 许多OO 语言都支持两种继承方式：接口继承和实现继承。接口继承只继承方法签名，而实现继承则继承实际的方法。如前所述，由于函数没有签名，在ECMAScript 中无法实现接口继承。ECMAScript 只支持实现继承，而且其实现继承主要是依靠原型链来实现的。 6.3.1 原型链 ECMA
阅读全文
posted @ 2017-06-16 22:14
第六章 面向对象的程序设计 （2 创建对象）
摘要：6.2 创建对象 6.2.1 工厂模式 工厂模式是软件工程领域一种广为人知的设计模式，这种模式抽象了创建具体对象的过程。考虑到在ECMAScript 中无法创建类，开发人员就发明了一种函数，用函数来封装以特定接口创建对象的细节。 工厂模式虽然解决了创建多个相似对象的问题，但却没有解决对象识别的问题（
阅读全文
posted @ 2017-06-16 18:14
第六章 面向对象的程序设计 （1 理解对象）
摘要：面向对象（Object-Oriented，OO）的语言有一个标志，那就是它们都有类的概念，而通过类可以创建任意多个具有相同属性和方法的对象。 ECMA-262 把对象定义为：“无序属性的集合，其属性可以包含基本值、对象或者函数。”严格来讲，这就相当于说对象是一组没有特定顺序的值。对象的每个属性或方法
阅读全文
posted @ 2017-06-12 15:38
String的常用方法
摘要：String 全局对象是一个用于字符串或一个字符序列的构造函数。 一、创建String 1、字符串字面量方法 2、使用String函数将其他值转换成字符串 二、字符方法 两个用于访问字符串中特定字符的方法是：charAt()和charCodeAt()。这两个方法都接收一个参数，即基于0 的字符位置。
阅读全文
posted @ 2017-04-26 16:05
数组Array的常用方法
摘要：一、检测是否为数组 1、instanceof方法 constructor 属性返回对创建此对象的数组函数的引用，就是返回对象相对应的构造函数。 只是，由于在不同 iframe 中创建的 Array 并不共享 prototype。如果这样用。麻烦就来了。那么，如果要应用在框架中，这种方式肯定是行不通的
阅读全文
posted @ 2017-04-24 17:33
第五章 单体内置对象
摘要：ECMA-262 对内置对象的定义是：“由ECMAScript 实现提供的、不依赖于宿主环境的对象，这些对象在ECMAScript 程序执行之前就已经存在了。”意思就是说，开发人员不必显式地实例化内置对象，因为它们已经实例化了。 我们已经介绍了大多数内置对象，例如Object、Array 和Stri
阅读全文
posted @ 2017-02-07 18:34
第五章 引用类型 基本包装类型
摘要：为了便于操作基本类型值，ECMAScript 提供了3 个特殊的引用类型：Boolean、Number 和String。实际上，每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型的对象，从而让我们能够调用一些方法来操作这些数据。来看下面的例子。 当第二行代码访问s1 时，访问过程处于一
阅读全文
posted @ 2017-01-11 18:18
第五章 引用类型 Function 类型
摘要：函数实际上是对象。每个函数都是Function 类型的实例，而且都与其他引用类型一样具有属性和方法。由于函数是对象，因此函数名实际上也是一个指向函数对象的指针，不会与某个函数绑定。 函数通常是使用函数声明语法定义的，如下面的例子所示。 这与下面使用函数表达式定义函数的方式几乎相差无几。 定义函数的最
阅读全文
posted @ 2016-12-15 16:46
