总结常见的Vue知识点，看看你在哪个段位 QAQ荣耀黄金 ⭐️1.Vue的优缺点?优点: 渐进式，组件化，轻量级，虚拟dom,响应式，单页面，数据视图分开缺点: 单页面应用不利于SEO,不支持IE8以下，首屏加载时间长
2.为什么说Vue是一个渐进式框架？渐进式：通俗点讲就是，你想用啥你就用啥，没有特殊要求，你想用component就用，不用也行，你想用vuex就用，不用也行。
3.Vue跟React的区别？
相同点
都使用了虚拟dom
组件化开发
都是单向数据流（父子组件之间，不建议子修改父传下来的数据）
都支持服务端渲染
不同点
React是jsx语法，Vue是template
数据变化React手动（setState）,Vue自动（初始化已把data做响应式处理）
React单向绑定，Vue双向绑定
React的Redux,Vue的Vuex
4.MVVM是什么？和MVC有何区别呢？MVC：Controller将Model的数据展示在View上
Model(模型)：负责从数据库取数据
View(视图)：负责展示数据
Controller(控制器)：用户交互的地方，例如点 ...
1.TypeScript的环境搭一.什么是TypeScript
TypeScript是Javascript的超集，遵循最新的ES5/ES6规范。Typescript扩展了Javascript语法。
Typescript更像后端JAVA,让JS可以开发大型企业应用
TS提供的类型系统可以帮助我们在写代码时提供丰富的语法提示
在编写代码时会对代码进行类型检查从而避免很多线上错误
TypeScript不会取代JS, 尤雨溪： 我认为将类型添加到JS本身是一个漫长的过程 。让委员会设计一个类型系统是（根据TC39的经历来判断）不切实际的 。
二.环境配置1.全局编译TS文件全局安装typescript对TS进行编译
12npm install typescript -gtsc --init # 生成tsconfig.json
12tsc # 可以将ts文件编译成js文件tsc --watch # 监控ts文件变化生成js文件
2.配置 webpack 环境
安装依赖
1npm install rollup typescript rollup-plugin-typescript2 @r ...
组件渲染
浏览器（也称为网络浏览器或互联网浏览器）是安装在我们设备商的软件应用程序，使我们能够访问万维网。在阅读这篇文字时，你实际上正在使用一个浏览器
有许多浏览器正在被使用，截止2022年，使用最多的是：谷歌浏览器，苹果的Safari，微软的Edge和火狐。
但是，它们实际上是如何工作的，从我们在地址栏中键入网络地址开始，到我们试图访问的页面显示在屏幕上，会发生什么？
这个看似超级简单的过程中涉及更多的内容，在下面我们将导航、获取数据、解析 和 渲染等步骤，来探究浏览器工作原理
1.导航导航是加载网页的第一步。它指的是当用户通过点击一个链接、在浏览器地址栏中写下一个网址、提交一个表格等方式请求一个网页时发生的过程
DNS查询（解决网址问题）导航到一个网页的第一步是找到该网页的静态资源位置（HTML、CSS、Javascript和其他类型的文件）。如果我们导航到 example.com ，HTML 页面位于 IP 地址为 93.184.216.34 的服务器上（对我们来说，网站是域名，但对计算机来说，它们是 IP 地址）。如果我们以前从未访问过这个网站，就必须进行域名系统（DNS）查 ...
Linux 常用命令文件操作命令
学习优先级最高，Linux 一切皆文件
pwd：显示当前所在目录
ls：查看目录下的文件
mkdir：创建目录
cd：切换当前目录
mv：移动文件或目录
cp：复制文件或目录
rm：删除文件或目录
zip：压缩文件
unzip：解压文件
系统信息命令
后端开发重点，可使用这些命令进行异常分析
top：查看进程及资源占用情况
ps：查看进程信息
free：查看内存占用情况
df：查看磁盘占用情况
ifconfig：查看网络接口信息
netstat：查看网络状态信息
文件查看命令
后端开发重点，可使用这些命令快速定位项目日志中的异常信息
cat：查看文件内容
head：查看文件开头内容
tail：查看文件末尾内容
grep、sed、awk 三剑客：灵活查找和处理文件内容
用户权限命令
一般是给 Linux 运维（管理员）使用
useradd：添加用户
userdel：删除用户
chmod：修改文件或目录权限
chown：修改文件或目录所有者
综合系统信息
uname 查看系统信息
hostname 查看主机名
cat /proc/c ...
eggjseggjs官网
项目搭建
创建项目
123$ mkdir egg-example && cd egg-example$ npm init egg --type=simple$ npm i
该示例中类库版本
123456789101112131415161718{ "dependencies": {"egg": "^2.15.1","egg-scripts": "^2.11.0"},"devDependencies": {"autod": "^3.0.1","autod-egg": "^1.1.0","egg-bin": "^4.11.0","egg-ci": "^1.11.0","egg-mock": "^3.2 ...
NPMNPM是随同 Node.js 一起安装的包管理工具：
允许用户从NPM服务器下载别人编写的第三方包到本地使用。
允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
安装
下载地址：nodejs.org/zh-cn/download/
检查安装是否成功：
运行（win + r）窗口 cmd 打开命令行窗口。
命令行窗口输入命令：node --version 查看到当前node.js安装的版本信息。
命令行窗口输入命令：npm --version 查看到当前npm 安装的版本信息。
配置文件package.jsonpackage.json 配置文件可以设置当前工程的描述信息以及所用到的依赖包。
123456789101112131415161718192021222324{ "name": "my-work", "version": "1.0.0", "description&q ...
webpack介绍webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。
webpack中文网站
使用webpack前需要先安装 node.js
webpack 模块在模块化编程中，开发者将程序分解成离散功能块，并称之为模块。
webpack 模块能够以各种方式表达它们的依赖关系，几个例子如下：
ES2015 import 语句
CommonJS require() 语句
AMD define 和 require 语句
css/sass/less 文件中的 @import 语句。
样式(url(...))或 HTML 文件(<img src=...>)中的图片链接(image url)
webpack 通过 loader 可以支持各种语言和预处理器编写模块。loader 描述了 webpack 如何处理 非 JavaScript(n ...
sass
sass同less 一样也是 CSS 预处理语言。其语法也极其相似。sass中文网
安装vscode 插件
vscode 中安装插件 Live Sass Compiler
ctrl+shift+P键入Live Sass: Watch Sass以开始实时编译，或者按键入Live Sass: Stop Watching Sass以停止实时编译。
webpack环境在webpack4中使用 node-sass和 sass-loader。详情请参考webpack 开发环境配置。
语法sass 文件后缀有两种 : .scss 和更早期的 .sass。这两种后缀在语法上是有差异的。建议使用 .scss ，这种格式仅在 CSS3 语法的基础上进行拓展，所有 CSS3 语法在 SCSS 中都是通用的，同时加入 Sass 的特色功能。
注释12/* 这是多行注释 */// 这是单行注释
// 这种注释内容不会出现在生成的css文件中
/ 这种注释内容会出现在生成的css文件中 /
@import使用 @import 导入 css或 .scss文件，如果是 .scss文件后缀可以省略。 ...
less介绍Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。
less 编写的代码需要先编译浏览器才能识别。
lesscss.cn中文网
less.bootcss.com中文网
使用less浏览器环境123<link rel="stylesheet/less" type="text/css" href="styles.less" /><!-- 编译less文件 --><script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.11.1/less.min.js" ></script>
less.js下载
Node.js环境
安装less 工具： npm install -g less
编译：lessc styles.less styles.css
win10系统可能会出现错误
打开 powerShell 用管理员身份运行
输入 ...
TS介绍TypeScript 是一种由微软开发的自由和开源的编程语言，它是 JavaScript 的一个超集，扩展了 JavaScript 的语法。
TypeScript 通过类型注解提供编译时的静态类型检查。
TypeScript的语法不会将任何JavaScript代码视为错误。这意味着您可以获取任何有效的JavaScript代码并将其放入TypeScript文件中，而不必担心它的确切编写方式。
TypeScript是JavaScript的运行时，带有编译时类型检查器。
开发环境：webpack中配置 typescript
安装： npm install --save-dev typescript ts-loader
修改目录结构和配置文件
webpack-demo
package.json
+ tsconfig.json
webpack.common.js
webpack.dev.js
webpack.prod.js
/src
index.js
+ index.ts
/node_modules
在webpack 添加两个文件 tsconfig.json 和 ...
