- 博客(11)
- 收藏
- 关注
RSS订阅原创 记一次webpack3升级到webpack4的配置修改
webpack3升级到webpack4， HtmlWebpackPlugin throw new Error('Cyclic dependency' + nodeRep)， ompilation.getAssets is not a function， min-css-extract-plugin
2023-04-18 11:59:48
613
原创 记一次swiper数据多了页面卡顿的优化经历
数据量比较大，所以取了数据的当前展示的索引和前后各2个，这样渲染的dom也就是swiper-slide的数据就会急剧减少。
2023-02-22 16:56:30
3067
1
原创 记一次用jspdf和html2canvas导出pdf分页处理
首先项目中用的是elementui，需要导出的是一个table和一些固定的头部信息组成的一个页面页面大概长这样：废话不多说，上代码，大佬求轻喷～<script lang="ts">import { Vue, Component, Prop } from "vue-property-decorator";import html2Canvas from "html2canvas";import jsPdf from "jspdf";@Component({ name.
2022-05-31 16:51:52
2336
原创 记一次在nuxt中按需加载vuex中的store
随着项目内容的越来越丰富，不可避免地会出现vuex中的状态越来越庞大，其实我们可以借鉴按需加载的方式去优化它。在nuxt中提供了store.registerModule的api，下面我记录一下我的优化过程：1、在nuxt的nuxt.config.js中的plugins 加入storeCreate{ src: "@/plugins/storeCreate.js", ssr: true },2、在根目录的plugins下新建storeCreate.js文件，内容如下：// --------
2022-02-14 11:22:34
1477
3
原创 记一次在nuxt中优化Googlebot、bingbot、Baiduspider等爬虫页面
在nuxt中我们开发的页面不仅仅用于正常客户人群，还服务于各大厂商引擎的爬虫，如谷歌的Googlebot， 微软的bingbot，百度的Baiduspider，那么，我们如何判断并且优化呢？在nuxt.config.js中, 我们去引入一个中间件botStats：router: { middleware: ["botState"],}然后我们在根目录下新建一个middle目录，里面新建 botStats.js：export default function ({ isHMR,
2022-02-14 11:04:37
769
原创 记一次在nuxt中使用generate批量生成静态站点页面
做过seo的同学都知道，一些不是实时变化的页面（比如一个星期更新一次内容）我们可以生成静态的站点去让爬虫去爬去，这样就无需一次次地调用接口了。那么在nuxt中我们怎么去做呢？nuxt为我们提供了一次generate的钩子，在nuxt.config.js中，我们去添加generate钩子module.exports { //...... //...... generate: { dir: "generateDist", concurrenc
2022-02-14 10:49:48
6001
10
原创 记一次用sass无刷新改变系统主题色
众所周知，sass可以用一些函数去编写css，下面，我记录一次实际项目中的运用。首先新建一个theme.scss文件去存放主题色的map：/**颜色对应$_040508_6: rgba(255, 255, 255, 0.6), $_040508: #e6e6e6,**/$themes: ( light: ( $_040508_6: rgba(4, 5, 8, 0.6), $_040508: #040806, ), dark: ( $_04050
2022-02-14 10:25:00
588
原创 记一次nuxt生产环境cpu和memory接近100%
废话不多说，下面记录一下我的优化过程1、注入mixin时，server端已经注入过的，客户端不要重复注入，这也是官网给出的建议if (!Vue.__my_mixin__) {Vue.__my_mixin__ = trueVue.mixin(commonMixins);}2、plugin中全局的组建创建不要放到export default中3、检查axios，释放掉在server端处理时的内存4、nuxt.config.js 忽略掉对module...
2022-01-17 11:19:41
1911
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人