判断内存占用情况，以 heapUsed为基准。 通过监测performance monitor面板，如果发现内存又缓慢的增加，说明存在内存泄露。 我的情况是大概每隔30s，增加1-2MB内存，虽然不多，但随着时间的增加，网页进程会卡死，因此需要详细分析。 打开chrome下的m…

大家好啊，我是wangly19，一名前端摸鱼小能手。最近忙着开源项目的东西，还有公司项目的迭代问题，导致更新文章的频率有点低了。也来聊聊我在干嘛吧。 第一个事情就是比较我的阉割版UI Design，要开始Vue3.0的开发工作，所以近期都在看Vue3.0的东西。 其次就是和UI…

打包体积优化！！！优化一半！！首次加载速度优化！！优化一半！！要让我们的项目fast fast fast！！

前端-如何查看项目内是否内存泄漏？ 最近发现自己封装的组件有内存泄漏的问题，然后解决这个问题，并记录，形成此文 目录大纲： 用chorme开发者工具查看是否内存泄漏 简单介绍一下Memory各部分功能

最近工作比较忙好久没写文章了，有一丢丢不知道如何写起了，那就先说说我是为什么要开发本文的组件吧。公司有一个定位系统，基本上来说一个定位单位一分钟或者更短就会有一个定位点，这样一天下来就会有很多定位点了，如果表格想要一下子放一天甚至三天的数据，那么数据量将会特别大（可能会到达5万…

1.使用Vue-router懒加载，当路由被访问的时候才加载对应组件，当构建的项目比较大的时候，懒加载可以分割代码块，提高页面的初始加载效率。 2.将引用的外部js、css文件剥离开来，不编译到vendor.js中，而是用资源的形式引用，这样浏览器可以使用多个线程异步将vend…

Chrome Devtools 的 Performance 工具是性能分析和优化的利器，因为它可以记录每一段代码的耗时，进而分析出性能瓶颈，然后做针对性的优化。 这么强大的工具肯定是要好好掌握的，今天

今天介绍下 Chrome dev tools 家族的一个小兄弟，它在 Chrome 57 之前叫作「Timeline」，而现在换了个更长的马甲 —— 「Performance」，毕竟名字要「长～～～～～～～～～」更能吸引注意。 也许你曾不经意启动过这个工具，看见里面五颜六色的图…

用vue开发项目上线以后，发现首页加载速度非常慢，如果项目比较大，甚至可能出现10s以上的等待。用户体验非常差，试想如果你准备买一双AJ，登录某宝首页等了足足5s，那肯定果断选择某多多了。