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( ...