2019.7.15

package.json文件

dependencies字段指定了项目运行所依赖的模块，devDependencies指定项目开发所需要的模块。
它们都指向一个对象。该对象的各个成员，分别由模块名和对应的版本要求组成，表示依赖的模块及其版本范围。

  1. {
  2.   "devDependencies": {
  3.     "browserify": "~13.0.0",
  4.     "karma-browserify": "~5.0.1"
  5.   }
  6. }

对应的版本可以加上各种限定，主要有以下几种：

  • 指定版本：比如1.2.2，遵循“大版本.次要版本.小版本”的格式规定，安装时只安装指定版本。
  • 波浪号（tilde）+指定版本：比如~1.2.2，表示安装1.2.x的最新版本（不低于1.2.2），但是不安装1.3.x，也就是说安装时不改变大版本号和次要版本号。
  • 插入号（caret）+指定版本：比如ˆ1.2.2，表示安装1.x.x的最新版本（不低于1.2.2），但是不安装2.x.x，也就是说安装时不改变大版本号。需要注意的是，如果大版本号为0，则插入号的行为与波浪号相同，这是因为此时处于开发阶段，即使是次要版本号变动，也可能带来程序的不兼容。
  • latest：安装最新版本。

package.json文件可以手工编写，也可以使用npm init命令自动生成。

package.json文件可以手工编写，也可以使用npm init命令自动生成。

  1. $ npm init

这个命令采用互动方式，要求用户回答一些问题，然后在当前目录生成一个基本的package.json文件。所有问题之中，只有项目名称（name）和项目版本（version）是必填的，其他都是选填的。
有了package.json文件，直接使用npm install命令，就会在当前目录中安装所需要的模块。

  1. $ npm install

如果一个模块不在package.json文件之中，可以单独安装这个模块，并使用相应的参数，将其写入package.json文件之中。

  1. $ npm install express --save
  2. $ npm install express --save-dev

上面代码表示单独安装express模块，--save参数表示将该模块写入dependencies属性，--save-dev表示将该模块写入devDependencies属性。

package-lock.json

发现我的node项目下面只有一个package-lock.json文件，不存在package.json文件，顺便扒一扒这两个的区别，其实package-lock就是锁定安装时的包版本号，需要上传到git上，以保证其他人在install时候，大家的依赖版本相同。

npm ci 就不会改变 package-lock.json。拉别人的代码的时候会用 npm ci 初始化项目，加新依赖会用 npm i

什么是DOM

打开网页的检查，可以看到用devTools看到类似html的代码，这些就是DOM（Document Object Model）的具现化。它不是html，但是由html转化而来。

DOM什么时候和html不同

  1. html中，在标签中没有添加，但在浏览器中会自动补全，此时不同；
  2. js修改某些元素值 container.innerHTML = “New Content!”;
  3. 某些异步结果

    4. 实现图片恒定宽高比的属性 — intrinsicsize

    1. <img src="..." intrinsicsize="16x9" />

    (面试题)垂直居中的几种实现方式