随笔分类 - 总结
前端性能优化
摘要：创建这样的一个纯静态的SSR形式的公共项目，下次只要copy除node_modules文件之外的所有文件 重新npm i 就可以了； 1.创建项目 npx create-nuxt-app <项目名> 2. swiper 轮翻图的插件 【我的这片博客有详细说明 ：https://www.cnblogs
阅读全文
摘要：这里一共讲述两种方式 亲测过的 方式1：路由不会有 /en /zh 变化，而且刷新的时候还有些小问题 需要对layouts 公共布局文件进行处理， 这样处理会有一小会的白屏问题； 方式2：可以跟方式1一样 路由不会变化 也不会因刷新白屏 闪烁等问题； 也可以根据切换语言 改变路由 /en/about
阅读全文
摘要：自定义文件夹 nuxt.config.jsdir: { assets: 'custom-assets', app: 'custom-app', layouts: 'custom-layouts', middleware: 'custom-middleware', pages: 'custom-pag
阅读全文
摘要：安装版本一：npm install vue-awesome-swiper@3.1.3npm install swiper@4.0.7 安装版本二： npm install vue-awesome-swiper@4.0.0npm install swiper@5.4.5 import Vue from
阅读全文
摘要：创建nuxt项目 npx create-nuxt-app 项目名 启动 npm run dev 项目上线1.执行 npm run build2.将打包好的 .nuxt ==>隐藏文件 static nuxt.config.js package.json 把以上文件丢到服务器某个文件中，并且在服务器安
阅读全文
摘要：一、初始阶段 >加载优化 1.主要解决首屏加载慢的问题（根本问题就是资源请求过多且文件体积大的问题） 1.图片处理； 可以使用图片懒加载、雪碧图、字体图标iconfont的方式 来减少图片请求 2.css /js； 通过nginx服务器来做资源文件的合并或者通过webpack等打包工具进行物理打包，
阅读全文
