廖雪峰JavaScript教程
6.2 操作DOM 6.2.1 更新DOM 6.2.2 插入DOM - 2 - 本文档使用 书栈(BookStack.CN) 构建 6.2.3 删除DOM 6.3 操作表单 6.4 操作文件 6.5 AJAX 6.6 Promise 6.7 Canvas 7 jQuery 7.1 选择器 7.1.1 层级选择器 7.1.2 查找和过滤 7.2 操作DOM 7.2.1 1 修改DOM结构 7.3 事件 7.4 动画 7.5 扩展 8 underscore 8.1 Collections 8.2 Arrays 8.3 Functions 8.4 Objects 8.5 Chaining 9 Node.js 9.1 安装Node.js和npm 9.2 第一个Node程序 9.3 模块 9.4 基本模块 9.4.1 fs 9.4.2 stream location.assign('/discuss'); // 设置一个新的URL地址 7. } document 对象表示当前页面。由于HTML在浏览器中以DOM形式表示为树形结构, document 对象 就是整个DOM树的根节点。 document 的 title 属性是从HTML文档中的 <title>xxx</title> 读取的,但是 可以动态改变:0 码力 | 264 页 | 2.81 MB | 10 月前3前端开发者指南(2017)
WebSockets) 学习网页寄存(通称虚拟主机) 学习前端开发 学习用户界面/交互设计 学习 HTML 和 CSS 学习搜索引擎优化 学习 JavaScript 学习 Web 动画 学习 DOM、BOM 和 jQuery 学习网页字体 & 图标 2 1.6.1.14 1.6.1.15 1.6.1.16 1.6.1.17 1.6.1.18 1.6.1.19 1.6.1.20 1.7.32 1.7.33 1.7.34 1.7.35 1.7.36 1.7.37 HTTP / 网络工具 代码编辑工具 浏览器上的神兵利器 HTML 工具 CSS 工具 DOM 工具 JavaScript 工具 静态网页构建工具 无障碍访问工具 应用程序框架工具(台式机、手机、平板电脑等) 渐进式 Web 应用工具 脚手架工具 常规前端开发工具 模版/数据绑定工具 笔者有意将本书打造为一份专业资料,为想要或正在实践的前端开发者们提供学习材料和开 发工具。其次,它同样可供主管、CTO、讲师和猎头们深入探索前端开发实践。 本书内容偏向于 WEB 技术(HTML、CSS、DOM、JavaScript)和以这些技术为根基直接构 建而成的开源技术。书中引用和讨论的材料要么就是同类翘楚,要么就是解决问题的流行方 案。 本书不是一本囊括所有前端可用资源的综合纲领。其价值在于为恰好够用的分类信息搜罗简0 码力 | 164 页 | 6.43 MB | 1 年前3阮一峰 JavaScript 教程
JSON 对象 面向对象编程 实例对象与 new 命令 this 关键字 对象的继承 Object 对象的相关方法 严格模式 异步操作 概述 定时器 Promise 对象 DOM 概述 - 2 - 本文档使用 书栈(BookStack.CN) 构建 致谢 当前文档 《阮一峰 JavaScript 教程》 由 进击的皇虫 使用 书栈(BookStack.CN) 进行构建,生成于 浏览器控制类:操作浏览器 DOM 类:操作网页的各种元素 Web 类:实现互联网的各种功能 如果宿主环境是服务器,则会提供各种操作系统的 API,比如文件操 作 API、网络通信 API等等。这些你都可以在 Node 环境中找到。 本书主要介绍 JavaScript 核心语法和浏览器网页开发的基本知识, 不涉及 Node。全书可以分成以下四大部分。 基本语法 标准库 浏览器 API DOM JavaScript 的关系是,前者是后者的规格,后者 是前者的一种实现。在日常场合,这两个词是可以互换的。 ECMAScript 只用来标准化 JavaScript 这种语言的基本语法结 构,与部署环境相关的标准都由其他标准规定,比如 DOM 的标准就是 由 W3C组织(World Wide Web Consortium)制定的。 ECMA-262 标准后来也被另一个国际标准化组织 ISO(International Organization0 码力 | 540 页 | 3.32 MB | 10 月前3Web 开发技术-JavaScript
JavaScript 2020/4/28 2 内容提要 1 JavaScript 简史 2 JavaScript 功能、脚本语言 3 JavaScript 实现 ECMAScript DOM BOM 4 在 HTML 中使用 JavaScript 直接嵌入 外部引入 JS 代码压缩 2 VCG JavaScript 2020/4/28 3 时代背景 1995 2020/4/28 10 3. JavaScript 实现 JavaScript 实现 10 JavaScript 的完整实现 = ECMAScript 提供语言核心功能 文档对象模型(DOM) 提供访问和操作网页的方法和接口 浏览器对象模型(BOM) 提供与浏览器交互的方法和接口 VCG JavaScript 2020/4/28 11 3.1 ECMAScript 简介 ECMAScript ECMAScript 实现和扩展(如 DOM、BOM 等)。 JavaScript 实现 11 VCG JavaScript 2020/4/28 12 3.2 DOM(文档对象模型)简介 JavaScript 实现 12 DOM(Document Object Model)是一种跨平台、独立于编程语言的应用 程序编程接口(API)。DOM 标准由 W3C 设定。 DOM 将 HTML/XHTML/XML0 码力 | 21 页 | 1.02 MB | 1 年前3turnjs 4 API DOCUMENTATION
appending pages in wrong locations Preparing the HTML Turn.js uses a DOM element as a container for all the pages. This DOM element is typically the flipbook. There are three ways to add pages to no limit regarding the amount of pages that it can contain. This is because turn.js only keeps in DOM the last 6 pages no matter how long the book is. There will still be references to the content that the right of the flipbook. 2. fixed Indicates that a page should not be removed from the DOM even when the page is out of range. 3. hard Sets a hard transition effect for a page.0 码力 | 27 页 | 174.15 KB | 1 年前3阮一峰 《ECMAScript 6入门》 第三版
defaultValue='${this.state.value}' /> ${this.state.value}` 上面的代码通过 jsx 函数,将一个DOM字符串转为React对象。你可以在Github 找到 jsx 函数的具体实现。 下面则是一个假想的例子,通过 java 函数,在JavaScript代码之中运行Java代 码。 字符串的扩展 向运行时所在的作用域(即全局对象)。所以,3100毫秒之后, timer.s1 被更 新了3次,而 timer.s2 一次都没更新。 箭头函数可以让 this 指向固定化,这种特性很有利于封装回调函数。下面是一个 例子,DOM 事件的回调函数封装在一个对象里面。 var handler = { id: '123456', init: function() { document.addEventListener('click' 'c'] // ES6的写法 let arr2 = Array.from(arrayLike); // ['a', 'b', 'c'] 数组的扩展 174 实际应用中,常见的类似数组的对象是DOM操作返回的NodeList集合,以及函数内 部的 arguments 对象。 Array.from 都可以将它们转为真正的数组。 // NodeList对象 let ps = document
0 码力 |
679 页 |
2.66 MB
| 1 年前
3
2019-2021 美团技术年货 前端篇
础 Widget 类,以及大部分应用所 需的 Material/Cupertino 主题 Widget 集合。区别在于:Flutter Web 重写了 dart:ui 层(黄色部分),利用 DOM、Canvas 对齐了 Flutter Native 的 UI 渲染能力,使得 Flutter 编写的 UI 能够在现代浏览器上正常展示。 此外,得益于 dart2js 这个早已成熟的工具,Dart ● 编译阶段,在发布流水线上根据前期定制的匹配规则,筛选出符合条件的资源 文件路径,生成云端 JSON 并上传; ● 监听阶段,在 DOMContentLoaded 之后,对网络资源、事件、DOM 变动 进行监听,并对监听结果根据特定规则进行分析加权,得到一个首屏加载完成 的状态标识; ● 运行阶段,在首屏加载完成之后对配置平台下发的云端 JSON 文件进行解 析,对符合配置规则的资源进行 DOMContentLoaded 之后,我们会监听三部分的的变化。 ● 第一部分是监听 DOM 的变化。这部分主要是在页面发生 Ajax 请求之后, 随着 MV 模式的变动,DOM 也会随之发生变化。我们使用浏览器提供的 MutationObserver API 对 DOM 变化进行收集,并筛选有效节点进行深度优 先遍历,计算每个 DOM 的递归权重值,低于阈值我们就认为首屏已加载完成。 ● 第二部分是监听资源的变化。我们利用浏览提供的
0 码力 |
738 页 |
50.29 MB
| 1 年前
3
JavaScript Promise迷你书(中文版)
console.log('DOM fully loaded and parsed'); }); console.log('==Starting=='); mixed-onready.js会根据执行时DOM是否已经装载完毕来决定是对回调函数进行同步调 用还是异步调用。 JavaScript Promise 迷你书(中文版) 19 如果在调用onReady之前DOM已经载入的话 对回调函数进行同步调用 对回调函数进行同步调用 如果在调用onReady之前DOM还没有载入的话 通过注册 DOMContentLoaded 事件监听器来对回调函数进行异步调用 因此,如果这段代码在源文件中出现的位置不同,在控制台上打印的log消息顺序也会 不同。 为了解决这个问题,我们可以选择统一使用异步调用的方式。 async-onready.js function onReady(fn) { var readyState window.addEventListener('DOMContentLoaded', fn); } } onReady(function () { console.log('DOM fully loaded and parsed'); }); console.log('==Starting=='); 关于这个问题,在 Effective JavaScript24 的 第67项
0 码力 |
112 页 |
1010.02 KB
| 1 年前
3
JavaScript Promiseの本 v1
console.log('DOM fully loaded and parsed'); }); console.log('==Starting=='); 19 JavaScript Promiseの本 mixed-onready.jsではDOMが読み込み済みかどうかで、 コールバック関数が同期的か 非同期的に呼び出されるのかが異なっています。 onReadyを呼ぶ前にDOMの読み込みが完了している る 同期的にコールバック関数が呼ばれる onReadyを呼ぶ前にDOMの読み込みが完了していない DOMContentLoaded のイベントハンドラとしてコールバック関数を設定する そのため、このコードは配置する場所によって、 コンソールに出てくるメッセージの順番が変 わってしまいます。 この問題の対処法として常に非同期で呼び出すように統一することです。 async-onready.js window.addEventListener('DOMContentLoaded', fn); } } onReady(function () { console.log('DOM fully loaded and parsed'); }); console.log('==Starting=='); この問題については、 Effective JavaScript27 の 項目67
0 码力 |
115 页 |
1.06 MB
| 1 年前
3
JavaScript Promiseの本 v2
console.log("DOM fully loaded and parsed"); }); console.log("==Starting=="); 20 JavaScript Promiseの本 mixed-onready.jsではDOMが読み込み済みかどうかで、 コールバック関数が同期的か 非同期的に呼び出されるのかが異なっています。 onReadyを呼ぶ前にDOMの読み込みが完了している る 同期的にコールバック関数が呼ばれる onReadyを呼ぶ前にDOMの読み込みが完了していない DOMContentLoaded のイベントハンドラとしてコールバック関数を設定する そのため、このコードは配置する場所によって、 コンソールに出てくるメッセージの順番が変 わってしまいます。 この問題の対処法は、常に非同期で呼び出すように統一することです。 async-onready.js window.addEventListener("DOMContentLoaded", fn); } } onReady(() => { console.log("DOM fully loaded and parsed"); }); console.log("==Starting=="); この問題については、 Effective JavaScript32 の 項目67
0 码力 |
137 页 |
1.17 MB
| 1 年前
3
共 17 条
- 1
- 2