死亡是一座永恒的灯塔

0%

发表于 分类于 ，
本文字数： 2.9k 阅读时长 ≈ 3 分钟

1.背景介绍

DOM（文档对象模型）是针对HTML 和XML 文档的一个API（应用程序编程接口）。DOM描绘了一个层次化的节点树，允许开发人员添加、移除和修改页面的某一部分。DOM脱胎于

Netscape 及微软公司创始的DHTML（动态HTML），但现在它已经成为表现和操作页面标记的真正的跨平台、语言中立的方式。1998 年10 月DOM１级规范成为W3C 的推荐标准，为基本的文档结构及查询提供了接口。本章主要讨论与浏览器中的HTML页面相关的DOM1级的特性和应用，以及JavaScript 对DOM1级的实现。IE、Firefox、Safari、Chrome 和Opera 都非常完善地实现了DOM。

阅读全文 »

发表于 更新于 分类于
本文字数： 2.1k 阅读时长 ≈ 2 分钟

问题描述

版本信息

webpack 4.41.2
clean-webpack-plugin 3.0.0

webpack打包报错信息

1
clean-webpack-plugin only accepts an options object.

Webpack Config

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');

module.exports = {
    entry: {
        app: './src/index.js',
        print: './src/print.js'
    },
    plugins: [
        new CleanWebpackPlugin(['dist']),
        new HtmlWebpackPlugin({
            title: 'Output Management'
        })
    ],
    output: {
        filename: '[name].bundle.js',
        path: path.resolve(__dirname, 'dist')
    }
};
阅读全文 »

发表于 更新于 分类于
本文字数： 2.1k 阅读时长 ≈ 2 分钟

问题描述

版本信息

webpack 4.41.2
clean-webpack-plugin 3.0.0

webpack打包报错信息

1
CleanWebpackPlugin is not a constructor.

Webpack Config

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');

module.exports = {
  entry: {
    app: './src/index.js',
    print: './src/print.js'
  },
  plugins: [
    new CleanWebpackPlugin(['dist']),
    new HtmlWebpackPlugin({
      title: 'Output Management'
    })
  ],
  output: {
    filename: '[name].bundle.js',
    path: path.resolve(__dirname, 'dist')
  }
};
阅读全文 »

发表于 更新于 分类于
本文字数： 617 阅读时长 ≈ 1 分钟

问题描述

webpack版本4.4.12
webpack使用官方例子运行index.html报错

报错代码

具体代码与官方例子完全相同（起步部分-创建一个 bundle 文件）
起步部分-创建一个 bundle 文件

报错信息

d5b088f3-de2d-46ac-8acc-c8f5f9961a1b.jpg

问题解决过程

我注意到html的标题和报错中都出现了乱码，猜测可能时识别中文时出现了错误。然后我观察html文件,发现其未设置HTML编码

1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<head>
   <title>起步</title>
</head>
<body>
<script src="main.js"></script>
</body>
</html>

阅读全文 »

发表于 分类于
本文字数： 1k 阅读时长 ≈ 1 分钟

github已经是我们不能忽略的远程仓库托管了，今天对创建新项目和上传记录一下过程。

github新建项目

第一步：登录你的github账号

第二步：点击创建的 “+”，选择 New repositories

img

第三步：填写先关信息

img

第四步：点击 Create repository创建。之后会出现以下界面的信息。

阅读全文 »

发表于 分类于 ，
本文字数： 1.1k 阅读时长 ≈ 1 分钟

执行环境

执行环境（execution context，为简单起见，有时也称为“环境”）是 JavaScript 中最为重要的一个概念。执行环境定义了变量或函数有权访问的其他数据，决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象（variable object），环境中定义的所有变量和函数都保存在这个对象中。虽然我们编写的代码无法访问这个对象，但解析器在处理数据时会在后台使用它。

阅读全文 »

发表于 分类于 ，
本文字数： 578 阅读时长 ≈ 1 分钟

基本类型和引用类型

ECMAScript包含两个不同类型的值：基本类型值和引用类型值。

  • 基本类型值指的是简单的数据段；
  • 引用类型值指由多个值构成的对象。

在将一个值赋给变量时，解析器必须确定这个值是基本类型值还是引用类型值。第 3 章讨论了 5 种基本数据类型：Undefined、Null、Boolean、Number 和 String。这 5 种基本数据类型是按值访问的，因为可以操作保存在变量中的实际的值。

阅读全文 »

发表于 分类于 ，
本文字数： 970 阅读时长 ≈ 1 分钟

F12Console的用法

JavaScript Console 对象

Console 对象用于 JavaScript 调试。

JavaScript 原生中默认是没有 Console 对象,这是宿主对象（也就是游览器）提供的内置对象。 用于访问调试控制台, 在不同的浏览器里效果可能不同。

Console 对象常见的两个用途：

阅读全文 »

发表于 分类于 ，
本文字数： 439 阅读时长 ≈ 1 分钟

对于CSS而言，id和class都是选择器，唯一不同的地方在于权重不同。如果只说CSS，上面那一句话就讲完了。拓展出来，对于html而言，id和class都是dom元素的属性值。不同的地方在于id属性的值是唯一的，而class属性值可以重复。id还一个老特性是锚点功能，当浏览器地址栏有一个#xxx，页面会自动滚动到id=xxx的元素上面。

阅读全文 »