Web 基础概念

自己总结的web前端知识体系大全

DOM

DOM是什么意思-前端入门_dom是什么意思啊_猿说前端的博客-CSDN博客

DOM的含义：

• DOM称为文件对象模型（DocumentObjectModel，简称DOM），是W3C组织推荐的处理可扩展置标语言的标准编程接口。
• DOM是HTML文档的内存中对象表示，它提供了使用JavaScript与网页交互的方式。DOM是节点的层次结构（或树），其中document节点作为根。
• 实际上DOM是以面向对象的方式来描述的文档模型。DOM定义了表示和修改文档所需的对象和这些对象的行为和属性以及这些对象之间的关系。
• 通过JavaScript，我们可以重构整个HTML文档。比如添加、移除、改变或重排页面上的项目。
• 要改变页面上的某个东西，JavaScript就需要获得对HTML文档中所有元素进行访问的入口。这个入口，连同对HTML元素进行添加、移动、改变或移除的方法和属性，都是通过文档对象模型来获得的（DOM）。

Node.js

Node.js - 廖雪峰的官方网站

Node.js 是一个开源的跨平台 JavaScript 运行时环境，侧重于服务器端和网络应用。

JavaScript 诞生于 1995 年，几乎是和互联网同时出现；Node.js 诞生于 2009 年，比 JavaScript 晚了 15 年左右。

在 Node.js 之前，JavaScript 只能运行在浏览器中，作为网页脚本使用，为网页添加一些特效，或者和服务器进行通信。有了 Node.js 以后，JavaScript 就可以脱离浏览器，像其它编程语言一样直接在计算机上使用，想干什么就干什么，再也不受浏览器的限制了。

Node.js 不是一门新的编程语言，也不是一个 JavaScript 框架，它是一套 JavaScript 运行环境，用来支持 JavaScript 代码的执行。用编程术语来讲，Node.js 是一个 JavaScript 运行时（Runtime）。

NPM、CNPM（淘宝npm镜像）

npm是什么意思？npm常用命令介绍

NPM 使用介绍 | 菜鸟教程

npm(Node.js Package Manager)是一个Node.js的包管理工具，用来解决Node.js代码部署问题。在安装Node.js时会自动安装相应的npm版本,不需要单独安装。使用npm包管理工具可以解决如下场景的需求。

(1）从npm服务器下载别人编写的第三方包到本地使用。

(2）从npm服务器下载并安装别人编写的命令程序到本地使用。

(3）将自己编写的包或命令行程序上传到npm服务器供别人使用。

NVM、NVMW 

node nvm是什么-前端问答-PHP中文网

浅析nvm介绍、安装与使用以及遇到的问题解决 

nvm全称“node.js version management”，是一个nodejs的版本管理工具，用于解决node各种版本存在的不兼容现象，它是可以在同一台机器上安装和切换不同版本的node的工具。

nvmw是一款针对windows的node版本管理工具 ，nvm是mac中的node版本管理工具。

Webpack

webpack系列-面试官：webpack用过么？原理是什么？你做过哪些配置？ - 掘金

Webpack详细讲解(建议收藏) - 掘金

webpack 是一个模块打包器。webpack 的主要目标是将 JavaScript 文件打包在一起，打包后的文件用于在浏览器中使用，但它也能够胜任转换(transform)、打包(bundle)。

• 什么是webpack

  • webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具

    • 静态： 项目中的静态资源如css、图片等文件

    • 模块: js文件（模块化开发中，一切js文件皆为模块）

    • 打包：主要帮你压缩代码，然后还会加密、混淆代码防止被人偷窥~

      • 打包还有一个意思： 就是会把你项目中很多个文件压缩成一个文件

• webpack作用

  • 分析、压缩、打包代码

• webpack好处

  • 减少文件体积、减少文件数量
  • 提高网页加载速度

web 打包构建工具对比

前端构建工具大盘点-51CTO.COM

主流前端代码构建工具评测 - 掘金

webpack系列-面试官：webpack用过么？原理是什么？你做过哪些配置？ - 掘金

vue-cli

Vue-cli 介绍 - 知乎

Vue CLI的详细介绍与讲解_vuecli_zayyo的博客-CSDN博客

vue是构建用户界面的渐进式JavaScript 框架。

vue-cli(CLI是Command-Line Interface, 翻译为命令行界面, 但是俗称脚手架)是 vue 官方出品的快速构建单页应用的脚手架工具（快速工程化命令工具）, 用来帮助程序员们快速搭建基于vue框架的开发环境。

vue有很多脚手架工具，vue-cli只是其中一种，侧重于单页面应用 (SPA) 的快速搭建，网址：cli.vuejs.org/zh/guide/