vue3+ts项目
安装
侧边栏的动态路由完整的Home.vue 文件如下：
<template>
<div class="home">
<el-container>
<el-header>
<el-row :gutter="20">
<el-col :span="4"
><img src="../assets/logo.png" alt="" class="logo"
/></el-col>
<el-col :span="16"><h2>后台管理系统</h2></el-col>
<el-col :span="4" ><a class="quit-login" @click="delToken">退出登录</a></el-col>
</el-row> ...
面试题必背
SPA首屏加载速度慢的怎么解决？SPA 首屏加载速度慢的问题，可以从以下几个方面入手：
优化代码：对于代码量过大或者一些不必要的代码可以进行清理和压缩，减少首屏加载时的请求次数和文件大小，进而提高加载速度。
优化图片：对于图片过大的文件可以使用相应的工具进行压缩处理，以减少图片的大小，提高加载速度。
按需加载：可以将页面分为多个模块，并在需要使用时再进行加载，以减少首屏加载时的请求数量和文件大小。
CDN 加速：可以将静态资源放在 CDN 上，利用 CDN 的缓存和分发能力，提供更快的访问速度。
服务端渲染：使用服务端渲染技术，提前生成好 HTML 页面，可以提高首屏加载速度，减少浏览器的渲染时间。
骨架屏：使用骨架屏技术在加载时先显示页面框架，再逐步填充内容，提高用户体验。
第三方库优化：如果使用了第三方库，可以选择按需加载或者使用相应的替代方案，减少不必要的代码量和请求次数。 综上，对于 SPA 首屏加载速度慢的问题，可以从上述方面入手进行优化，提高用户体验。
Vue组件之间的通信方式都有哪些?二、组件间通信的分类组件间通信的分类可以分成以下
父子组件之间的通信
兄弟组件之间 ...
CSS面试题
1.手写div垂直水平居中
分两类：一类是固定宽高，一类不需要固定宽高
1.position+margin 负值
子元素必须有固定的宽高
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>01手写div垂直水平居中</title>
</head>
<style>
*{
margin: 0;
padding: 0;
}
.box{
width: 500px;
height: 500px;
bor ...
HTML和CSS的笔记
HTML一、什么是结构、表现、行为
结构HTML用于描述页面的结构
表现CSS用于控制页面中元素的样式
行为JavaScript用于响应用户操作
1.网页的基本结构迭代
网页的版本
HTML4
XHTML2.0
HTML5
...
文档声明（doctype）
- 文档声明用来告诉浏览器当前网页的版本
- html5的文档声明
<!doctype html>
<!Doctype HTML>
进制：
十进制（日常使用）
- 特点：满10进1
- 计数：0 1 2 3 4 5 6 7 8 9 10 11 12 13 ... 19 20
- 单位数字：10个 （0-9）
二进制（计算机底层的进制）
- 特点：满2进1
- 计数：0 1 10 11 100 101 110 111
- 单位数字：2个 （0-1）
- 扩展：
- 所有数据在计算机底层都会以二进制的形式保存
- 可以将内存想象为一个有多个小格子组成的容器，每一个小格子中可以存储一个1或一个0
这一个小格子在内存中被称为1位（bit）
8bit = 1byte(字节)
1024byte = 1kb( ...