前言
最近比较闲，记录一下工作和生活日常，看看能坚持几天吧；本人一向是3分钟热度的人，希望能坚持下来
一. 项目优化
最近对项目做了些优化，这里记录一下
1.缓存接口，对调用频繁的配置和查询接口进行前端缓存，减少调用次数
// 我们考虑，防止部分接口重复请求，这里对重复调用的接口参数进行优化
// 由于我们是以toString之后的params作为key，所以尽量保证参数要少些
// 调用接口只适用于查询类的接口，而且是入参不变，返回参数基本不变的情况
import { request } from 'network/http';
let catchObj;
export default function requestCatch(...arg) {
let [config, params] = arg;
if (!catchObj) { catchObj = new Object();
}
let { url } = config;
let paramsKey = JSON.stringify(params);
return new Promise((resolve) => {
if (catchObj[url]?.[paramsKey]) {
resolve(catchObj[url][paramsKey]);
return;
}
request(...arg).then((res) => {
if (!catchObj[url]) {
catchObj[url] = {};
}
catchObj[url][paramsKey] = res;
resolve(res);
});
});
}
2.图片压缩，在不降低图片治质量的情况下，用webp格式代替png和jpg。平均图片大小减少到1/3 网站 pixelied.com/convert/jpg… .
3.异步加载，对html全局引用的资源文件（css，js进行异步按需加载，减少首页加载内容）
4.优化webpack配置，使用 MiniCssExtractPlugin对js和css 打包进行优化 css和sourceMaps
5.优化字体包引入，减少引入时间 ； 使用 ttf转 woff2 插件 ，将ttf字体转化为woff2字体。 ttf2woff2
其他优化途径
6.css 和 js压缩
7.后端nginx配置gzip
8.使用cdn缓存资源
9.开启http2
10.使用ssr服务端渲染，推荐 nuxt，最新的nuxt3支持vue3和ts
二. 日常
最近天气越来越冷了，在北京租的房子，质量不好，老漏风，下单买了密封贴，不知道好不好用；
早餐面包吃完了，京东续上点，挺好吃的。
三. 昨天学了一个css
text-wrap:balance
可以控制文字的排版
