封装 DOM 操作

DOM 原本的 API 在编写上冗长且操作便,在这边将 DOM API 做简单封装,并创建一个 XD 模块,首先,在 XD-1.0.0.js 中创建一些常数与函数: // 标准化属性名称 const .........

修改文件

浏览器解析完 HTML 后,创建的 DOM 元素会组成树状结构,浏览器上呈现的画面,就是根据 DOM 树绘制出来,只要改变 DOM 树,浏览器就会根据改变后的 DOM 树重绘画面,而这就构成动态修改文.........

属性与特性

在进入浏览器作为客户端之后,属性(Attribute)与特性(Property)这两个名词就不断交相出现,到目前还没正式解释它们的意义。 其实在正式进入浏览器作为客户端前,对于 JavaScript .........

遍历文件

只要你获取了文件中某个节点(Node),你就可以获取它的父节点、子节点、邻接节点等,相关的特性有: 获取父节点:parentNode 前邻接节点:previousSibling 后邻接节点:next.........

W3C DOM 简介

W3C 联合各浏览器厂商制订了标准对象模型,试图让各浏览器厂商遵合此一模型进行实现,以解决各浏览器间对象模型不一致的问题,在新的对象模型中,也对文件操作的功能加以扩充。 简单来说,在 DOM 的标准.........

Level 0 DOM 简介

在浏览器开始支持 JavaScript 时,存在一组对象提供有限的功能,在当时 Netscape Navigator 与 Internet Explorer 大战的年代,两个浏览器在这组对象上有些交集.........

安全限制

JavaScript 可以在浏览器执行程序,这就牵涉到许多安全性问题,使用者下载了网页,下载了 JavaScript 代码偷偷地在执行,有些动作必须加以限制,以免使用者的电脑遭窃取数据、读写或破坏,.........

script 标签与 ES6 模块

如果浏览器支持 ES6 模块(可参考〈ECMAScript modules in browsers〉),例如 Chrome 61 之后,可以支持 ES6 模块,那么可以将 <script>.........

script 标签

要在浏览器中执行 JavaScript,可在一个 HTML 文件中编写 <script></script>,并于两个标签间编写 JavaScript 代码。例如: <s.........

export 与 export default

ES6 的模块若要公开名称,可以使用 export,必须注意的是,为了表示公开的是名称,必须使用 {} 包含,就算只有一个名称要公开也是一样,例如: let a = 10; export {a}; .........

模块入门

JavaScript 在模块的发展上,有着一段混乱的历史,正如〈命名空间管理〉中看到的,现在有 CommonJS、AMD 等模块标准,然而,亦存在着各式的变体,这使得不同标准之间的模块若要互相合作,存.........

实现继承

要说为何基于原型的 JavaScript 中,始终有人追求基于类的模拟,主要的原因之一,大概就是在实现继承时,基于原型的方式,是许多开发者难以掌握,或者实现上复杂、难以阅读的地方,因而寄望在基于类.........