1. 清除浏览器缓存 2. 打开首页 3. app.js 跟 chunk-vendors.js 超过1M,请求状态200,超过20秒 4. 如果请求状态返回304 Not Modifyed,表示加载浏览器缓存的数据 5. 优化这个20秒: 步骤一:更改路由 推荐:使用懒加载的方式: 'Element ...
分类:
其他好文 时间:
2021-01-29 11:59:55
阅读次数:
0
项目优化--进度条添加安装nprogress,ui界面依赖安装依赖,搜索nprogress进行安装即可也可以在终端中安装npminprogress-S在main.js中导入进度条组件//导入进度条插件importNProgressfrom‘nprogress‘//导入进度条样式import‘nprogress/nprogress.css‘利用NProgress.start()显示进度条(利用请求拦
分类:
其他好文 时间:
2020-08-29 15:27:28
阅读次数:
51
vue 脚手架提供了一个用于可视化分析打包文件的包 webpack-bundle-analyzer 和配置 vue框架做的项目优化 npm run build --report //项目打包并且生成一个页面 可以出现如下图,显示各个库占用情况,根据这个可以把占用比较大的库用小的库代替: 以(时间)m ...
分类:
其他好文 时间:
2020-07-16 00:29:50
阅读次数:
90
1. 一期工程项目技术架构 1)业务驱动 2)问题驱动 2. 二期工程项目技术架构 项目优化原则: 1)优先从架构和程序进行优化 2)考虑增加集群扩容 做任务为什么不适用kafka? 1)此业务用户量还小 2)数据量小 3)使用kafka大材小用,资源浪费 为什么同时使用db和redis 1)用户成 ...
分类:
其他好文 时间:
2020-07-12 00:58:36
阅读次数:
115
Vue项目优化 1.打包发布自定义配置:https://cli.vuejs.org/zh/config/#vue-config-js 2.配置HTTPS https://freessl.cn 3.mock.js 生成测试数据 4.echart实例:https://echarts.apache.org ...
分类:
其他好文 时间:
2020-05-30 20:18:33
阅读次数:
102
1. 利用打包工具打包压缩前端代码,webpack 可以将前端代码压缩差不多你未压缩之前的一半体积或更多 2.按需加载 3.图片压缩优化,小图标用精灵图,减少对http的请求 打包后文件过大怎么处理 使用UglifyJSPlugin压缩 开启gzip压缩 第三方库不需要打包 ...
分类:
其他好文 时间:
2020-05-22 00:06:52
阅读次数:
60
0515项目优化和List集合 1. 项目优化 1.1 分析当前情况 1.2 使用泛型和Object优化项目 2.2 List常用方法 3. ArrayList【重点】 3.1 ArrayList概述 3.2 细节问题 3.3 效率问题 3.4 【补充知识点,内存地址】 3.5 【补充知识点 内存地 ...
分类:
其他好文 时间:
2020-05-16 09:21:45
阅读次数:
66
项目优化分几个点,一般图片我们用.svg后缀,还有使用base64的格式编码.这些都是减少图片的体积.减少http的请求.还有外部导入的包使用CDN的形式.还有路由的懒加载.还有用keep-alive标签去包裹失活组件. 1. 然后我们打包上线的时候去发现问题,再解决问题.比如说打包会发现,不允许出 ...
分类:
其他好文 时间:
2020-05-02 11:48:27
阅读次数:
85
主要是首屏加载太慢。 大文件定位我们可以使用webpack可视化插件Webpack Bundle Analyzer 查看工程js文件大小,然后有目的的解决过大的js文件。 安装 npm install --save-dev webpack-bundle-analyzer 在webpack中设置如下, ...
分类:
其他好文 时间:
2020-04-25 01:00:59
阅读次数:
60
1.项目优化 实现步骤: A.生成打包报告,根据报告优化项目 B.第三方库启用CDN C.Element UI组件按需加载 D.路由懒加载 E.首页内容定制 2.添加进度条 给项目添加进度条效果,先打开项目控制台,打开依赖,安装nprogress 打开main.js,编写如下代码 3.根据报错修改代 ...
分类:
其他好文 时间:
2020-02-18 11:27:02
阅读次数:
119