JavaScript 学习笔记

返回首页

目录

笔记主要基于《JavaScript 权威指南(第七版)》(JavaScript: The Definitive Guide 7)。

第 10 章 模块

ES6 模块导入

import 可以导入模块,有以下多种导入形式:

import { mean, stddev } from "./stats.js"
import * as stats from "./stats.js"

import() 动态导入模块:

import('./stats.js').then(stats => {
    let average = stats.mean(data);
});

注意 import() 是操作符不是函数。

第 15 章 客户端 JavaScript

客户端 JavaScript 的输入来源:

  1. 事件
  2. 文本内容,通过 DOM API 访问
  3. 客户端环境,如 document, navigator, screen, window 等全局属性:
    1. document.cookie, document.URL
    2. navigator.userAgent, navigator.language, navigator.hardwareConcurrency
    3. screen.width, screen.height
    4. window.innerWidth

DOM(Document Object Module)文档对象模型。每个 HTML 标签都有一个对应的 Element 对象;所有文本都与之对应的 Text 对象;注释对应 Comment 对象。

操作 DOM

选择 DOM 元素:

  1. querySelector() 返回第一个匹配元素
  2. querySelectorAll() 返回所有匹配元素

旧的 DOM 元素选择方法已不再推荐使用,以下是新旧写法的对比:

document.getElementsByTagName('h2');
document.querySelectorAll('h2');

document.getElementById('toc');
document.querySelector('#toc');

document.getElementsByClassName('highlight');
document.querySelectorAll('.highlight');

document.getElementsByName('sword');
document.querySelectorAll('*[name=sword]');

京ICP备12052177号-1