笔记

inline和inline-block有什么区别？​ 我把block也加入其中，为了获得更好的比较。 block inline-block inline 大小 填充其父容器的宽度。 取决于内容。 取决

单页面应用（Single Page Application，SPA）是一种以JavaScript为基础的Web应用程序架构，其主要特点是在整个应用的生命周期中只加载一次HTML页面，通过动态加载数据和

![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/d9e5833acac04c68aa4f8e92c304dd60~tplv

![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/2ae18e7e199b4e73a654ddc2bd73ca4a~tpl

![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e6ba21d1f2d241cfb0f045fa71d698ed~tplv

显示加载 图片 url json 文件 支持 具名导入 glob 导入 文件 public esm 动态 引入 url 还 有些问题 公共基础路径更改

全局注册组件 自定义指令 插件 以及 reduce 出错了之后 可以去发送 报告 性能 问题 优化 虚拟列表

vue3 的 生命周期函数 可以在js 文件中使用 比如 onMounted 和 onUnmounted 都可以 在 js 文件中使用

移动端 100vh 并不等于 document.innerHeight PC端 flex-direction: column-reverse; justify-content: start; 效果 并

路由 搭建 app.vue <template> <NuxtPage> </template> 约定式 路由 创建 Page 文件 在 Page 文件 下 写上 目录 文件 —————————————

在 plugins 中 全局 加载 global-test 中间件 export default defineNuxtPlugin(() => { addRouteMiddleware('global

中间件 在 middleware 目录 下 创建 文件 middleware/hello.ts export default defineNuxtRouteMiddleware((to, from)

在 根目录 下 创建 plugins plugins/index.ts export default defineNuxtPlugin(() => { return { provide: { hell

layouts 下面 创建 /layouts/default.vue 如何使用 在 app.vue 下面 <NuxtLayout> <NuxtPage /> </NuxtLayout /> ————

创建 assets 下面 放静态 资源 assets/img.png 如何 访问 <img src="~/assets/img.png /> 或者 创建 public 网页 的 根目录 <img sr