23. GUI图形用户界面
参考链接： #5.插件介绍WindowBuilder
1、GUI的介绍
1.1 GUI概述
早期，电脑向用户提供的是单调、枯燥、纯字符状态的“命令行界面（CLI）”。就是到现在，我们还可以依稀看到它们的身影：在Windows中开个DOS窗口，就可看到历史的足迹。后来，Apple公
前端
前端限制打包文件数量
前言：
之前有过这样的项目经历：我们写的程序是前端打包给后端，后端再打包成jar包上传到甲方的云市场，使用就在云市场里点击应用打开。
当时甲方云市场做了一次升级，但是没有给我们这边说，直到后面整个系统不能用了，然后给我们反馈了：“你们系统进入页面的时候请求了太多静态资源，导致我们系统直接认定是网络攻击，直接挂掉了”。然后我就去看了一下，前端项目的打包文件，其中js文件和css文件最多，为了性能，对
HTTP JSON接口模拟工具Interfake快速入门
一、简介
Interfake能简便地创建虚假的HTTP API，只需简单几行代码就可以创建模拟JSON接口（使用命令行方式也可以不写代码），不需要安装web服务器。Interfake是NodeJs开发的，是一款开源Mock Server工具。GitHub地址。
二、以命令行方式使用 interfake
interfake 是NodeJs开发的，支持三种使用方式：JS代码方式、JSON配置方式和HT
拖拽不够自由？Vue3 DnD它来了！
前言
众所周知，在React中有一款非常强大的拖拽库，叫React DnD，而Vue中，大部分都是类似于vue.draggable等拖拽排序的库，然而它并不能满足我们所有的需求，特别是应对一些自由拖拽或混合拖拽的场景(例如：低代码)，它是很难做到的，所以vue3-dnd它来了！
React DnD
React DnD 是 Redux 核心作者 Dan Abramov 创造的一组 React 工具库
后台管理系统究极保姆级教学(看了必会)！！！
1.分析项目
项目大概可以分为8个部分
1.基础配置
2.登录模块
3.用户模块
4.权限管理模块
5.商品模块
6.订单模块
7.数据统计模块
8.打包优化
1.基础配置：
新建一个vue2的项目，安装aixos，element-ui，vuex-persistedstate固化插件
对axios进行第一次封装，在src下新建unitils文件夹，里面新建一个request.js文件（名字自定
vue3新一代状态管理库 Pinia
Pinia优势
Pinia是一个全新的Vue状态管理库，是Vuex的代替者，尤雨溪强势推荐
1.Vue2 和 Vue3 都能支持
2.抛弃传统的 Mutation ，只有 state, getter 和 action ，简化状态管理库
3.不需要嵌套模块，符合 Vue3 的 Composition api，让代码扁平化
4.TypeScript支持
Pinia 基本使用
初始化项目： npm in
#什么是防抖和节流，他们的应用场景有哪些
防抖(debounce)
触发高频事件后 n 秒内函数只会执行一次，如果 n 秒内高频事件再次被触发，则重新计算时间
#示例代码:
节流(throttle)
高频事件触发，但在 n 秒内只会执行一次，所以节流会稀释函数的执行频率
#示例代码
#总结 (简要答案)
防抖：防止抖动，单位时间内事件触发会被重置，避免事件被误伤触发多次。代码实现重在清零 clearTim
vue中api统一管理
针对小型项目
无需管理的情况下
<script>
import axios from 'axios';
export default {
methods: {
async request() {
let data = {}
try {
// host指的是请求的域名，path指的是请求的路径， data是相关的参数和请求头配置
微前端实现方案之iframe
微前端是最近几年火起来的概念，iframe是早期实现微前端的理想方案，而现在有了其它的方案，比如qianduan框架，single-spa，以及webpack5带来的联邦模块方案。但是每一个方案都有其优缺点，感兴趣的可以去实践一下。
1、项目创建
创建3个项目，一个基座项目project_base，2个子项目project_a和project_b项目。并在各个项目安装好依赖（本项目基于vue搭
