Vue+ElementUI+Springboot的基础知识是什么
一、旧世界的Web后端（1）刚开始，web后端基本都是php写的，脚本化的语言，嵌入到HTML里面很方便。（2）然后Java开始发力，JSP+Servlet成为主流。（3）发现Java又臭又长，开始把一些常用的思路封装成类，于是Spring成长了起来，且具有两个核心概念AOP切面、IoC控制反转。这两个思想简直无敌。AOP：例如，我们程序的每个地方都可能抛异常，以前每个地方都要try、catch十分繁琐，且catch后的处理大同小异。如果有一个切面，把Web的出口拦截了，所有流量都会经过这个切面，一旦拦截
一、旧世界的Web
后端
（1）刚开始，web后端基本都是php写的，脚本化的语言，嵌入到HTML里面很方便。
（2）然后Java开始发力，JSP+Servlet成为主流。
（3）发现Java又臭又长，开始把一些常用的思路封装成类，于是Spring成长了起来，且具有两个核心概念AOP切面、IoC控制反转。这两个思想简直无敌。
AOP：例如，我们程序的每个地方都可能抛异常，以前每个地方都要try、catch十分繁琐，且catch后的处理大同小异。如果有一个切面，把Web的出口拦截了，所有流量都会经过这个切面，一旦拦截到异常抛出，则返回对应的错误码，这样很多地方都只需要抛异常，不需要catch了，少些好多代码不说，还统一了异常处理的方式。这只是AOP最简单的一个应用。
IoC：Spring提供了一个容器的概念，把所有需要实例化的类都new出来一个对象，称为Bean（类似豌豆里面的本站），当类A需要类B的时候，就把管理的类B对象像挤本站一样注入到类A里面去。这样解开了类之间的耦合，想要什么就拿什么，相互之间没有前置的依赖关系，我获得类A的时候不需要去管类A的构造方法里面还需要先实例化一个类B、一个类C…当然实际上类之间有很多复杂的引用关系，实例化的先后顺序以及依赖循环异常交给Spring来管理就好。
（4）由于人继续变懒，Spring的XML也不想写了，于是出了Springboot这种东西，口号是“约定大于配置”，把一些基本的参数都设定好了，如果不需要改的话直接引用pom就可以使用了，如果要改的话，只需要配置application.yml文件里面的可选参数就可以了，如果还想更深地自定义的话，就写一个config bean就好了，所有的config bean和application.yml都会被自动注入，不需要再写XML说哪个bean所在的类叫什么名字，id是什么，怎么初始化等等。至此，配合Jetbrains的IDEA集成开发环境，写java十分轻松，代码量又少又好维护。
（5）未来：肯定是Go的天下呀。
前端
（1）最开始：HTML+CSS+JS三大金刚
（2）发现JS满足不了欲望了，想发展更方便脚本，于是Jquery出来了。
（3）然后觉得HTML重复语句太多了，于是有了前后端结合语言：JSP等等。即使是现在，Springboot也有thymeleaf，专门给写后端的前端小白用的。
（4）前端大佬们看到前端的门槛太低了，于是提高了门槛……其实是想把重复的代码用“组件”的思想管理起来。比如我好不容易用HTML+CSS+JS写了一个非常漂亮的Table，但是每次使用我都要复制所有的代码过去，有一点点改动就要改所有复制的地方。如果这个Table是一个组件，我只需要引用它，然后把数据传给它，它就可以自动渲染成HTML，并引用相关CSS和JS，该多好。另外，每次都要去考虑兼容什么浏览器，多麻烦，如果有个脚本，输入要支持哪些版本的哪些浏览器，用一种高级点的语言写，然后编译的时候自动转换成兼容各种浏览器的原生HTML+CSS+JS，这样难道不香吗。这就出来了现代前端语言。现代前端语言的基础是React，用JS编织一切。React还是比较原生，所以在其之上衍生出了各种框架，出名的有Vue和Ant Design，它们封装好了一些常用的思路，以及JS生成HTML这种基本操作。我真的想说，入门难度太高了……
二、打开新世界Vue的大门
1、基本概念
node.js：就是javascript的运行时，专门用来运行js的。例如node xxx.js，像不像java -jar xxx.jar
npm：node.js包管理。有很多写好的js，引用也需要版本控制，就有了npm，概念上和java的maven、gradle类似。
ES6：ECMAScript 6，就是javascript的新版本，比原生javascript更好写。
Babel：用来将ES6、ES7等高级版本js转为低级版本js语言，便于兼容各种运行平台的脚本
vue-cli：就是vue的命令行工具
vue-router：前端有个重要的概念叫做“路由”，其实就是管页面URL怎么跳转的，这是vue的路由组件。
webpack：将所有的前端项目代码打包和压缩到一起，可以编译高级语言（比如CSS的高级语言SCSS、LESS）、降低代码冗余、按需加载文件，还可以区分多个环境配置，还可以压缩图片、字体等文件，还能热加载（保存代码后立刻显示到浏览器而无需重启服务）
2、npm
| 对比项 | npm | maven |
|---|---|---|
| 仓库名称 | registry | repository |
| 官方仓库 | http://registry.npmjs.org | https://mvnrepository.com |
| 国内仓库 | https://registry.npm.taobao.org | http://maven.aliyun.com/nexus/content/groups/public |
| 配置文件 | package.json | pom.xml |
| 配置文件内容 | “dependencies”: {“vue”: “^1.0.0”} | |
| 打包生成的目录 | dist | target |
由于npm非常火，在高版本的node.js里面，已经集成了npm
3、Vue
大概了解下vue是什么。
语法：vue在语法上类似标签版本的JSP动态网页语言，或者非常类似themeleaf。
组件：vue的一切都是组件，你可以把HTML+CSS+JS封装在一起自定义一个组件。
路由：本质就是，给什么URL，应该返回什么组件。
封装好的一些功能：比如mounted可以在网页加载时处理内容，data可以定义一些变量且发生改动的时候自动渲染局部组件，methods可以定义一些js函数等等
CSS你可以用SCSS等语言来编写，可以加scope关键字来限制css的作用范围，且只需要import就可以引用任何其他的组件，定义好的组件可以直接以HTML标签的形式来书写，通过data来传参，例如：
核心就是用高级语言更懒地去写HTML+CSS+JS……
4、element-ui
element-ui是饿了么出的一个前端UI，它已经设定好了一些精美的组件，你只需要把这些组件拼凑成一个个网页，而不需要从头自己一个一个去写组件了。
比如像这种单选框、表格、进度条等等，样式都很好看，只需要把数据传进去就可以显示了。如果觉得有不好看的地方，可以自己覆写CSS来更换，对于功能需求强烈、界面设计无所谓的中台页面、后台页面而言，十分方便。
5、为什么不用layui
从我接触前端以来，一直用的都是layui。后面发现它更适合于在原生HTML+CSS+JS/Jquery基础上来优化页面显示效果，而不太兼容现代前端语言的思路。它自带了一些初始化以及事件触发的jquery，和vue的写法不太契合。另外，组件并不齐全，像tooltip、popover是没有的。
Postman是一套面向API全生命周期的开发与测试平台，可在Mac上发送和调试多种协议请求，管理集合、环境及认证信息，并完成脚本测试、模拟服务、监控、文档发布和团队协作。它适合开发、测试及运维人员使用，提供个人免费方案。
Docker Desktop 是 Docker 官方为 Mac 提供的容器开发环境，集成 Docker Engine、命令行工具、Compose、Build、Kubernetes 与图形化管理界面。
Android Studio 是 Google 面向安卓应用开发提供的官方集成开发环境，基于 IntelliJ IDEA 构建。它整合智能代码编辑、Gradle 构建、界面预览、设备模拟、性能分析、调试测试及 APK 分析等工具。
Xcode 是苹果面向 Mac 提供的官方集成开发环境，将代码编辑、项目构建、SwiftUI 实时预览、设备模拟、自动化测试、断点调试、性能分析和应用分发整合在同一套工作流中，适合开发与维护 iPhone、iPad、Mac、Apple Wa
JetBrains WebStorm 是面向 JavaScript、TypeScript 和现代 Web 技术的专业集成开发环境，可智能理解项目结构，提供代码补全、重构、错误检查、运行调试、测试及 Git 工具。
PhpStorm 是 JetBrains 推出的专业 PHP 集成开发环境，可在 Mac 上完成代码编写、智能检查、重构、调试、测试和数据库管理。它支持主流 PHP 框架、Composer、Git、Docker 与远程解释器。
JetBrains PyCharm 是面向 Python 开发者的集成开发环境，提供智能补全、代码检查、重构、调试、测试、版本控制及虚拟环境管理功能。Mac 版兼容 Intel 与 Apple 芯片，核心功能可免费使用。
IntelliJ IDEA 是 JetBrains 推出的专业集成开发环境，重点服务于 Java、Kotlin 与 JVM 项目开发。软件集成代码补全、静态检查、重构、调试、测试、版本控制及构建工具，并可借助插件扩展语言和框架支持。
Visual Studio Code 是微软提供的免费代码编辑器，支持 macOS，并为 Intel 与 Apple 芯片 Mac 提供适配版本。软件集代码编辑、调试、Git 源代码管理、集成终端和扩展市场于一体。
REAPER是Cockos开发的数字音频工作站，提供多轨音频与MIDI录制、剪辑、处理、混音和母带制作工具。Mac版兼容Intel与Apple芯片，支持AU、VST、VST3、CLAP等插件格式，并提供高度可定制的工作流程。
Adobe Audition 是面向播客、影视后期、音乐制作及内容创作者的专业音频工作站，提供波形精修、多轨录制与混音、频谱编辑、降噪修复、响度匹配和效果处理工具，并可与 Adobe Premiere 协同完成视频声音制作。
Pro Tools 是 Avid 推出的专业数字音频工作站，覆盖多轨录音、无损剪辑、MIDI 编曲、插件处理、自动化混音及声音与画面同步等工作。它拥有 Intro、Artist、Studio 和 Ultimate 等方案。
Postman 是面向 API 全生命周期的开发与协作平台。Windows 桌面版可用于构建和发送 HTTP、GraphQL、gRPC、WebSocket、MQTT 等请求，并提供环境变量、集合、脚本测试、模拟服务、监控、文档及团队工作区等
Docker Desktop 为 Windows 开发者提供集成式容器环境，内置 Docker Engine、命令行工具、Compose、Build 与 Kubernetes 等组件，可在本机完成镜像构建、容器运行、日志查看和资源管理。
Android Studio 是 Google 面向 Android 应用开发提供的官方集成开发环境，以 IntelliJ IDEA 为基础，集成智能代码编辑、Gradle 构建、设备模拟、界面预览、调试测试及性能分析工具，
WebStorm 是 JetBrains 面向 JavaScript、TypeScript 和现代 Web 技术打造的集成开发环境。它提供项目级代码分析、智能补全、安全重构、导航搜索，并集成调试、测试、终端、Git 与常用前端工具，
PhpStorm 是 JetBrains 面向 PHP 与现代 Web 开发打造的专业集成开发环境，提供代码补全、静态检查、重构、调试、测试、数据库、版本控制及前端语言支持。Windows 用户可直接下载安装程序，
PyCharm 是 JetBrains 推出的 Python 集成开发环境，提供智能代码补全、错误检查、重构、调试、测试、Git、终端及 Jupyter Notebook 支持。统一版安装后可体验 30 天 Pro 功能，
JetBrains IntelliJ IDEA 是以 Java、Kotlin 和 JVM 项目为核心的专业集成开发环境，提供智能补全、代码检查、安全重构、调试、测试、版本控制及构建工具集成。统一发行版的核心功能可免费用于商业和非商业项目，
Visual Studio Code 是微软推出的免费代码编辑器，Windows 版集成智能补全、代码导航、调试、终端和版本控制，并可通过扩展添加语言、格式化及远程开发能力。它启动较快、配置灵活，
REAPER 是 Cockos 推出的数字音频工作站，适用于录音、MIDI 编曲、音频编辑、混音、母带制作及声音设计。软件安装包小巧，支持多轨录制、灵活路由、自动化、第三方插件和脚本扩展，并提供完整功能的 60 天免费评估期。
Adobe Audition 是面向播客、影视后期、广播与音乐制作的专业音频工作站，提供波形编辑、多轨混音、频谱分析、录音、降噪修复和效果处理等功能。Windows 版通过 Adobe Creative Cloud 安装和管理，
Pro Tools 是 Avid 推出的专业数字音频工作站，提供多轨录音、音频剪辑、MIDI编曲、插件处理、自动化混音及影视声音制作能力。它适合音乐人、录音师、制作人和音频后期团队使用，并提供免费入门版、订阅方案及永久授权选择。
Cubase 是 Steinberg 推出的数字音频工作站，提供 MIDI 编曲、多轨录音、音频编辑、虚拟乐器、效果处理、自动化、混音和母带输出工具。其 Pro、Artist 与 Elements 版本面向不同预算和制作规模，