1. 首先安装webpack的可视化资源分析工具，命令行执行： 2. 然后在webpack的dev开发模式配置中，引入插件，代码如下： 3. 最后命令行执行npm run build --report , 浏览器会自动打开分析结果，如下所示： 可以看到vue全家桶相关依赖占用了…

前言 前端页面白屏,是影响用户浏览体验的常见问题之一。它会导致页面长时间空白。尤其是对于SPA项目。 什么是页面白屏 页面白屏指页面在加载过程中长时间无法正常展示内容,用户处于等待状态的现象。

页面白屏，绝对是让前端开发者最为胆寒的事情，特别是随着 SPA 项目的盛行，前端白屏的情况变得更为复杂且棘手起来 这里的白屏是指页面一直处于白屏状态，要是能检测到页面白屏就太棒了……

flex 布局两端对齐当最后一排数量不够时，会出现以下布局情况 原图 实现效果 方案一（父级添加 after 伪类法，解决最后一排数量不够两端分布的情况） 完美解决两端对齐布局混乱的情况 当然，这种解

内容元素自适应适应两端对齐布局，重点解决最后一行需要单侧对齐的问题。 使用JS可以比较方便的解决这个问题，但是这里希望尽量少用JS，至少不读取DOM属性，多用CSS。 即除最行一行外两端对齐，最后一行单侧对齐。 flex的space-between是实现两端对齐的最简单方法，但…

大家好，我是林三心，这段时间很多兄弟姐妹都来问我问题，我也看过很多他们的代码。给我的感觉就是，代码的使用还停留在了ES5的那个阶段，很多用新语法就能轻松实现的，却都不怎么了解，所以我就打算写一篇文章，

在之前的文章里小浪介绍过Vue2的响应式原理，评论中有掘友评论想让我介绍Vue3的响应式原理，那么在这篇文章中小浪来带大家来简单手写一下Vue3中的几个响应式api

一、什么是懒加载？什么预加载？ 懒加载也叫做延迟加载、按需加载，指的是在长网页中延迟加载图片数据，是一种较好的网页性能优化的方式。 有的网站图片很多，而如果一上来就加载所有的图片，会导致网页加载很慢

每日一学css冷知识20+css高频实用片段，一时学习一时爽，天天学习天天爽。xdm，学起来吧哈哈哈