性能提升vue
6篇文章 · 0订阅
  • 高性能网站搭建-前端性能优化 (附Vue首屏加载时间优化详细方案)
    1. 将样式表放在首部-使用link标签将样式表放在文档的HEAD中 遵循HTML规范，将样式表放在头部，可以有效避免白屏和无样式内容的闪烁。 2. 将脚本放在底部 将脚本放在底部</body>标签之前, 类似于document.body.appendChild(yourScr…
    Vue.js
  • 在淘宝优化了一个大型项目，分享一些干货（Webpack，SplitChunk代码实例，图文结合）
    本项目是淘系用户增长团队的一个大中台系统，单页应用，涵盖很多业务功能，运用了很多懒加载页面组件来提升性能，首屏时间 1s 左右，体验良好。然而大项目文件很多，导致构建和发布时间很长，内存占用较大。我的任务是尽可能优化与此相关的问题。 首先不难发现问题并不在用户体验上，而在于开发…
    Webpack
  • Webpack配置全解析（优化篇）
    在上一篇文章Webpack配置全解析介绍了Webpack中loader和plugins的一些基本用法，当loader和plugins使用较多后项目也会越来越耗时，因此这次我们继续学习如何优化webpack的配置来让我们的项目运行的更快耗时更短。 本文将从缩小文件搜索范围、减少打…
    Webpack
  • 前端实现瀑布流布局的方法汇总
    每个item是从上到下排列的。如果需要动态加载item,(⊙o⊙)…那真是糟糕透顶！ 这个就了解了解，实际项目中不会这样写的。 实际项目中图片的宽高一般是由后端返回过来。这样前端就不需要计算图片宽高，用户体验会更好！ 持续更新中。。。 内部item元素的高度（有些项目item里…
    JavaScript
  • 纯CSS实现瀑布流，你会吗？
    又来做标题党水文章了，前段时间在写在线便利贴的时候想做瀑布流，在查找网上的各种方法后，发现要么是用js来实现，要么就需要对瀑布进行分列包裹，我想找一种最简单的方法，只需要CSS而且不需要分列就可以轻松实现瀑布流。经过我的仔细查找，终于被我发现了。 在MDN上是这样解释colum…
    CSS
    纯CSS实现瀑布流，你会吗？
  • 蘑菇街PC首页瀑布流实践
    瀑布流， 又称瀑布流式布局，是比较流行的一种网站页面布局。视觉表现为宽度相等高度不定的元素组成的参差不齐的多栏布局，随着页面向下滚动，新的元素附加到最短的一列而不断向下加载。 ​瀑布流本质上就是寻找各列之中高度最小的一列，并将新的元素添加到该列后面，只要有新的元素需要排列，就…
    Vue.js