1.采用懒加载的方式 路由懒加载 和 组件懒加载：const One = ()=>import("./one"); 图片懒加载：使用vue-lazyload插件 2.webpack/vite 开启gz

前言 flex布局可以说是现在布局中出现频次最高的佳丽。它可以轻松解决垂直方向对齐，两端布局等css问题。但是你真的足够了解它吗？ 通过本篇文章你将会了解到以下内容 flex的基本概念 flex:1代

一、this 是什么？ this 是一个指向对象的指针，指向函数执行上下文的引用对象。 二、this 的常见情况 （谁调用函数，this 就指向谁）

显式转换与隐式转换 为了加深对本文涉及的Boolean的语法理解，我们先回忆一下JavaScript中的显示与隐式转换。 显式转换 显式转换是指通过明确的代码，主动将一种数据类型转换为另一种类型。这种

在本文中，我们会探讨如何使用 JS 更新 CSS 变量，以及如何将 CSS 变量集成到 Vue 组件中，使用 `v-bind` 替代 CSS 变量，从而实现动态主题切换等功能。

文字超出换行应该是大家项目中高频的css样式了，它也是非常容易出现样式bug的一个地方。 分享一下我工作中遇到的问题。前几天开发代码的时候，突然收到两个测试提的bug：

在Vue中如果要动态改变样式，可在style中使用v-bind绑定响应式变量，达到动态更新样式的效果。v-bind确实为动态样式提供了便捷，为什么Vue的样式可以使用v-bind，和ccs变量有何区别

通过最近的面试我发现，很多同行小伙伴做了几年的开发竟然连基本的设计模式都不知道，甚至可能连什么是设计模式都说的有点模棱两可。 如果作为几年经验的中高级前端这其实是不应该的。

前言 用过vue进行开发的肯定都知道vue的scoped,它是一种vue官方提供的样式隔离方案，我们今天一起聊聊它的原理。 scoped的作用 我们在style标签中，增加一个scoped属性，这样的