Vue-根据角色生成动态路由及菜单-1-vue脚手架创建项目
根据登录用户的角色，生成路由后addRoute、生成菜单栏基本思路：
1. 用户在登录页输入 用户名+密码 请求后端 login接口 拿到 token 后保存到cookie或sessionStorage中；
2. 接着携带拿到的token请求后端 userInfo 接口，获得用户基本信息及角色role；
3. 前端维护路由表，除了不需要权限限定的页面外其余每个路由添加met
前端
jsPDF的常规使用
引入方式：
CND:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.3.1/jspdf.umd.min.js"></script>
Npm:
npm install jspdf jspdf-autotable
HTML 转 PDF
出发事件：
<button onclick="generat
SPA首屏加载速度慢的怎么解决？
首屏时间：浏览器从输入网址到首屏内容渲染完成的时间，此时整个网页不一定要全部渲染完成，但需要展示当前视窗需要的内容
加载慢的原因：
1、网络延时问题
2、资源文件体积是否过大
3、资源是否重复发送请求去加载了
4、加载脚本的时候，渲染内容堵塞了
常见的优化方式主要分为资源加载优化和页面渲染优化：
1、前端合理利用localStorage，后台返回资源采用HTTP缓存，设置Cache-Control
学习 Vue3.0 （3）
Fragment
在 Vue 2 中，组件必须有一个根标签
在 Vue 3 中，组件可以没有根标签，内部会将多个标签包含在一个 Fragment 虚拟元素中
减少标签嵌套层级、减少内存占用
Teleport
能够将组件内部的某些内容渲染到外部的某个元素上
<teleport to="targetDom">
<div v-if="isShow">
<
如何用一行 CSS 实现 10 种现代布局
现代 CSS 布局使开发人员只需按几下键就可以编写十分有意义且强大的样式规则。上面的讨论和接下来的帖文研究了 10 种强大的 CSS 布局，它们实现了一些非凡的工作。
01. 超级居中：place-items: center
本文继续介绍如何对 Angular 的管道（pipe）、指令（directive）和表单（form）进行单元测试。
测试管道
Angular 的指令是一个实现了 PipeTransform 接口的 TypeScript 类，暴露了 transform 方法。指令操作通常是同步的，很少与 DOM 元素进行交互，也几乎没有什么依赖。因此，对指令的单元测试也比较简单，甚至不需要 Angular 的测试工
