这是之前在公司oa项目优化时罗列的优化点,基本都已经完成,当时花了点心思整理的,保存在这里,方便以后其他项目用到查漏补缺。 1、打包文件中的app.js文件放入cdn,加快页面首次加载速度 2、提取公共方法,减少js代码量 3、提取公共组件,将统计分析的售前和售后,客户分配,客户管理,客服管理 ...
这是之前在公司oa项目优化时罗列的优化点,基本都已经完成,当时花了点心思整理的,保存在这里,方便以后其他项目用到查漏补缺。 1、打包文件中的app.js文件放入cdn,加快页面首次加载速度 2、提取公共方法,减少js代码量 3、提取公共组件,将统计分析的售前和售后,客户分配,客户管理,客服管理 ...
背景 我们在使用cli创建项目,完成开发后,在项目打包通常会发现很慢。为了优化打包速度,我们可以使用Dll来做这个优化,也可以使用hard-source-webpack-plugin,还可以用thread-loader。 这里我们主要讲Dll,Dll不仅可以在cli的项目中使用,我们也可以单独 ...
使用场景: proxy(API冗余,跨域) vue ssr(服务端渲染) socket(大并发,通讯) 区块链(创业公司,新兴行业) 讨论什么? NodeJS异步IO原理及优化方案 NodeJS内存管理及优化方案 大型项目Node站点结构原理 服务器 ...
一、背景 目前公司的电子合同采用表单设计器+合同业务配合实现,做了半年多后终于上线,但是下边员工普遍反映卡顿,甚至卡死,爆栈。尤其是新增和修改合同页面,因为这部分数据量大,逻辑复杂,很容易崩溃,所以决定进行性能优化。 二、业务场景介绍 先来了解一下我们是怎么实现: 1. ...
一、背景 目前公司的电子合同采用表单设计器+合同业务配合实现,做了半年多后终于上线,但是下边员工普遍反映卡顿,甚至卡死,爆栈。尤其是新增和修改合同页面,因为这部分数据量大,逻辑复杂,很容易崩溃,所以决定进行性能优化。 二、业务场景介绍 先来了解一下我们是怎么实现: 1. ...
使用vue-cli构建的vue项目,在打包发布的时候,发现打包后的文件体积很大,使用webpack-bundle-analyzer分析后,发现占用空间最多的是引用的第三方依赖。第三方的依赖文件可以使用cdn外链的方式引入,这样就能大大缩小项目文件的体积。预防cdn链接失效,无缝切换本地文件 具体 ...
1、vuex 动态模块配置 或者组件注册: 2、vue单文件demo 在mutations中可以将type设置为常量 3、严格模式 在严格模式下 ...
nprogress 插件是在页面刷新和跳转时出现在浏览器顶部的进度条,它会随着页面的加载而显示进度状态。可在官网 查看相关效果。 在vue项目中使用 nprogress 插件 1.安装:npm install --save nprogress 2.在 src -> utils 文件夹 ...