随笔分类 - Javascript
摘要：一、常用方案介绍： 如果你想找到在符合特定条件的阵列中的所有项目，使用 filter。 如果你想检查是否至少有一个项目符合特定的条件，请使用 find。 如果你想检查一个数组包含一个特定的值，请使用 includes。 如果要在数组中查找特定项目的索引，请使用indexOf 二、js 数组筛选方法使
阅读全文
摘要：js 变量、数据类型、作用域整理 一、Js 知识体系 JS分为三部分： 1.ECMAScript标准 js基本语法 2.DOM 文档对象模型 DOM提供了方法操作DOM树上的节点 3.BOM 浏览器对象模型 通过BOM可以 获得屏幕分辨率 控制浏览器跳转 弹出框 更多参考： JavaScript 与
阅读全文
摘要：一、JavaScript 控制浏览器全屏 HTML 5中的full screen，目前可以在除IE和opera外的浏览器中使用 ，有的时候用来做全屏API，游戏呀，等都很有用。先看常见的API element.requestFullScreen() 作用：请求某个元素element全屏 Docume
阅读全文
摘要：一、JavaScript Promise 对象 Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理且更强大。它最早由社区提出并实现，ES6将其写进了语言标准，统一了用法，并原生提供了Promise对象。 特点 对象的状态不受外界影响 （3种状态） Pending状
阅读全文
摘要：一、Error概念 JavaScript 异常处理机制 跟 C#语言的处理机制逻辑相同。 error，指程序中的非正常运行状态，在其他编程语言中称为“异常”或“错误”。解释器会为每个错误情形创建并抛出一个Error对象，其中包含错误的描述信息。 ECMAScript定义了六种类型的错误。除此之外，还
阅读全文
摘要：<div class="parent"> <a href="http://www.jnqianle.cn"> http://www.jnqianle.cn </a> </div> 一、JavaScript 拒绝事件冒泡，拒绝默认操作 整理 //JavaScript 拒绝默认操作 var aList
阅读全文
摘要：一、DOM 简介 DOM (Document Object Model) 译为文档对象模型，是 HTML 和 XML 文档的编程接口。 HTML DOM 定义了访问和操作 HTML 文档的标准方法。 DOM 以树结构表达 HTML 文档。 二、DOM树结构 三、什么是 DOM？ DOM 是 W3C（
阅读全文
摘要：一、JavaScript Attr对象 | Dom属性对象 Attr 对象 在 HTML DOM 中, Attr 对象 代表一个 HTML 属性。 HTML属性总是属于HTML元素。 NamedNodeMap 对象 在 HTML DOM 中, the NamedNodeMap 对象 表示一个无顺序的
阅读全文
摘要：一、JavaScript Element对象 | Dom元素对象 元素对象 在 HTML DOM 中, 元素对象代表着一个 HTML 元素。 元素对象 的 子节点可以是, 可以是元素节点，文本节点，注释节点。 NodeList 对象 代表了节点列表，类似于 HTML元素的子节点集合。 元素可以有属性
阅读全文
摘要：一、HTML DOM Document 对象 在 HTML DOM (Document Object Model) 中 , 每一个元素都是 节点: 文档是一个文档节点。 所有的HTML元素都是元素节点。 所有 HTML 属性都是属性节点。 文本插入到 HTML 元素是文本节点。are text no
阅读全文
摘要：一、JavaScript Location对象 Location 对象包含有关当前 URL 的信息。 Location 对象是 window 对象的一部分，可通过 window.Location 属性对其进行访问。 注意： 没有应用于Location对象的公开标准，不过所有浏览器都支持该对象。 Lo
阅读全文
摘要：一、History对象 History 对象包含用户（在浏览器窗口中）访问过的 URL。 History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。 注释：没有应用于 History 对象的公开标准，不过所有浏览器都支持该对象。 1. History
阅读全文
摘要：一、Navigator 对象 Navigator 对象包含有关浏览器的信息。 注意： 没有应用于 navigator 对象的公开标准，不过所有浏览器都支持该对象。 二、Navigator 对象属性 属性说明 appCodeName 返回浏览器的代码名 appName 返回浏览器的名称 appVers
阅读全文
摘要：一.URL.createObjectURL URL.createObjectURL()方法会根据传入的参数创建一个指向该参数对象的URL. 这个URL的生命仅存在于它被创建的这个文档里. 新的对象URL指向执行的File对象或者是Blob对象,或者 MediaSource 对象。 语法: obje
阅读全文
摘要：JavaScript Blob二进制文件对象（二）使用示例 1.Blob 构造函数用法举例 Blob() 构造函数允许通过其它对象创建 Blob 对象。比如，用字符串构建一个 blob： var debug = {hello: "world"}; var blob = new Blob([JSON.
阅读全文
摘要：一、Blob二进制文件对象 Blob是计算机界通用术语之一，全称写作：BLOB(binary large object)，表示二进制大对象。MySql/Oracle数据库中，就有一种Blob类型，专门存放二进制数据。在javascript中，Blob通常表示二进制数据，不过它们不一定非得是大量数据，
阅读全文
摘要：ArrayBuffer 的应用场景 1.AJAX 传统上，服务器通过 AJAX 操作只能返回文本数据，即responseType属性默认为text。XMLHttpRequest第二版XHR2允许服务器返回二进制数据，这时分成两种情况。如果明确知道返回的二进制数据类型，可以把返回类型（response
阅读全文
摘要：一、 ArrayBuffer ArrayBuffer对象、TypedArray视图和DataView视图是 JavaScript 操作二进制数据的一个接口。这些对象早就存在，属于独立的规格（2011 年 2 月发布），ES6 将它们纳入了 ECMAScript 规格，并且增加了新的方法。它们都是以数
阅读全文
摘要：一、Data URL 和图片 Data URL给了我们一种很巧妙的将图片“嵌入”到HTML中的方法。跟传统的用img标记将服务器上的图片引用到页面中的方式不一样，在Data URL协议中，图片被转换成base64编码的字符串形式，并存储在URL中，冠以mime-type。本文中，我将介绍如何巧妙的使
阅读全文
摘要：一、初识Data URL 数据URL是带有前缀的URL，data:可以将小文件直接嵌入文档中。 data URL是一种特殊格式的url，它的前缀是data: data URL允许内容的创建者将小文件嵌入在documents中 过去被叫做data URIs，直到WHATWG将其更名为data URL(
阅读全文