最近在做的项目因为相对较大（打包有100多个chunk），在build构建的时候速度一直上不去，甚是烦恼。由于用的是vue cli的webpack2模板，一开始并没有想着要对其进行优化，一直觉得是webpack本身慢+硬件慢（在开发机上开发，内存和CPU都不是很强力）的原因。后来慢到实在受不了了，转
转载
2017-07-29 16:12:00
135阅读
2评论
vuejs项目性能优化总结Evtion关注32018.07.20 15:19:00字数 2,136阅读 27,268在使用elementUI构建公司管理系统时，发现首屏加载时间长，加载的网络资源比较多，对系统的体...
转载
2019-12-08 18:10:00
130阅读
2评论
现如今的开发，比如内部使用的管理平台这种项目大都时间比较仓促。实际上来说，在使用了webpack + vue
转载
2022-11-28 14:43:56
105阅读
web前端是应用服务器处理之前的部分，前端主要包括：HTML,CSS,javascript,image等各种资源，针对不同的资源有不同的优化方式。内容优化(1)减少HTTP请求数:这条策略是最重要最有效的，因为一个完整的请求要经过DNS寻址，与服务器建立连接，发送数据，等待服务器响应，接收数据这样一个消耗时间成本和资源成本的复杂的过程。常见方法：合并多个CSS文件和js文件，利用CSS Sprit
转载
2023-09-27 14:40:33
72阅读
使用VUE框架编写项目的准备工作 防止我几天不打代码，忘记怎么打了 下载小乌龟拉取码云项目文件，用于码云仓库代码提交与拉取（可以不安装） 小乌龟要设置你的码云账号 密码在控制面版 中 凭证里可以修改 开始下载git工具，以后每次运行项目都可以在这里运行 npm run dev 让项目运行
转载
2023-07-20 23:28:05
69阅读
在性能优化项目中，我只是一个协助参与的角色，但也正好给了我从外部参看项目运作的机会，需要优化的系统已经是运行了6年的老系统，数据从来没有做过分离，涉及全库查询等致命的优化问题。另外本次项目的业主也希望对优化工作进行指导，造成走了不少弯路，同时由于垂直数据库技术不足，从外部找了合作伙伴进行深入性能优化研究。总之这个项目虽小，但具备了复杂项目的各方面的内容，我也将会对这个项目进行初步的分析。基础方向S
原创
2018-01-29 17:17:06
3847阅读
生成项目 npm i -g vue-cli > mkdir my-project && cd my-project > vue init webpack npm i && npm i element-ui npm run build
原创
2021-08-27 15:41:52
253阅读
本文通过以下三部分组成：Vue 代码层面的优化、webpack 配置层面的优化、基础的
转载
2022-09-30 11:40:21
66阅读
绘图优化： 1、脏矩形：每次都重绘整个背景图，其实是非常浪费的，前后两帧的图其实只有很少的一部发生了变化，因此可以只重绘变化的部分。这是一种常用的绘图优化方式，需要注意的是，android用了双缓冲，也就是说，使用脏矩形的时候，需要连续绘制两次才能完成对surface的刷新。 2、卷屏：这是常用的一种方法，缓存整张背景图，抽象出一个可视窗口，仅显示窗口中的内容，窗口的移动方向与sprite相同
简单地来看一个浏览器用户访问的流程： 浏览器->服务器->返回结果显示 这么简单地看，可能想得到的优化手段很少，常见的可能就是优化sql，加快数据库处理；加个缓存，加快返回；使用静态文件，减少动态计算。 细分开来看每一个步骤： 1 浏览器发起一个请求，如果本地有缓存会请求本地缓存文件，没有缓存会请求
转载
2016-12-14 09:59:00
78阅读
2评论
通常我们写程序，都是在项目计划的压力下完成的，此时完成的代码可以完成具体业务逻辑，但是性能不一定是最优化的，一般来说，一般来说，优秀的程序员在写完代码之后都会不断的对代码进行重构。重构的好处有很多，其中一点，就是对代码进行优化，提高软件的性能。下面我们就从几个方面来了解Android开发过程中的代码优化。 1）静态变量引起内存泄露 在代码优化的过程中，我们需要对代码中的静态变量特别留意。静态变量是类相关的变量，它的生命周期是从这个类被声明，到这个类彻底被垃圾回收器回收才会被销毁。所以，一般情况下，静态变量从所在的类被使用开始就要一直占用着内存空间，直到程序退出。如果不注意，静态变量引用了占用.
转载
2013-07-15 22:00:00
86阅读
2评论
本文主要介绍 webpack5 项目的打包优化方案 打包优化 速度分析:要进行打包速度的优化，首先我们需要搞明白哪一些流程的在打包执行过程中耗时较长。 这里我们可以借助 speed-measure-webpack-plugin 插件，它分析 webpack 的总打包耗时以及每个 plugin 和 l
原创
2022-04-02 18:24:43
1040阅读
金秋9月，我们祝所有的老师们：教师节快乐 ！ 今天，我们继续分享来自捷克的开发工程师Ondřej Kofroň，分享C#脚本的一系列优化方法。 在优化Unity游戏项目的脚本（上）中，我们介绍了如何查找C#脚本中的问题，以及垃圾回收的处理。本文我们将介绍如何减少C#脚本的执行时间。 第二部分：减少脚
原创
2021-07-20 14:50:06
87阅读
前言Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能方面的优化，使项目具有更高效的性能、更好的用户体验。本文是作者通过实际项目的优化实践进行总结而来，希望读者读完
转载
2022-11-14 11:40:40
50阅读
前面讲过vuejs中解析器是把html模版解析成AST，而优化器的作用是在AST中找到静态子树并打上标记。静态子树是指的那些在AST中永远不会发生变化的节点。例如，一个纯文本节点就是静态子树，而带变量的文本节点就不是静态子树，因为他会随着变量的变化而变化。标记静态子树有两点好处。
原创
2023-08-07 07:35:51
62阅读
前言使用vue、react、angular等技术开发过程中，我们都会遇到以下问题：首屏加载慢每一次更新都需要清除浏览器缓存才能看到效果(经常被测试吐槽)这两个问题可以从很多方面进行优化，今天我就从前端页面部署阶段来优化一下这两个问题。PS：以下内容都基于vue-cli3+。前端页面文件缓存方案从vue-cli3打包说起路由使用按需加载后，打包生成的文件
转载
2022-11-14 10:29:02
83阅读
<! flowchart 箭头图标 勿删 今天公司培训使用VSCode来编写vuejs项目，拿了一个范例来展示，
转载
2019-07-01 14:46:00
1110阅读
2评论
