前端

在前端开发中，我们通常会使用打包工具（如 Vite、Webpack）将 JS/CSS 等资源构建上线，并配合 CDN、浏览器缓存来加速访问。但问题也随之而来： 原因很简单：用户浏览器缓存了旧的静态资源

还在面试时被问到 “页面加载怎么优化？” 时只会说 动态加载 和 懒加载 吗？今天这篇文章带你突破瓶颈！ 页面加载优化不是简单地组件懒加载就完事了，也不是甩一句 “用了 Gzip 压缩” 就能糊弄过去

作为一名开发者，你可能会时不时思考如何让自己的代码更加优雅、更少出错。我们都知道，类型检查能在很大程度上减少 bug 的出现，而 TypeScript 无疑是目前最主流的解决方案。 但就在你熟悉 TS

作为一个在前端开发道路上摸爬滚打多年的“老前辈”，我对 Tailwind CSS 这个框架的感情，算是复杂而深刻。从最初听到它的名字，到实际在项目中使用，再到现在时不时还会讨论它的优缺点，Tailwi

北京时间 2024年 9月 3日晚，Vue正式发布了稳定的3.5版本，看看它都有哪些改进。 useTemplateRef()🚀 引入 useTemplateRef()，进一步简化了模板引用的使用，之前

npm 作为最广泛使用的包管理工具之一，虽然功能强大，但在实际使用中，开发者可能会遇到一种令人头疼的问题——幻影依赖。 npm幻影依赖 在项目中安装了库A，但是库A又依赖库B，所以你的项目中其实可以直

CSS 框架一直扮演着重要角色，从最初的 Bootstrap 到如今流行的 Tailwind CSS，每一种框架都有其独特的风格。 然而，Tailwind CSS 作为一个实用优先的框架，引发了开发者

在开始之前先来了解一下相关的概念知识： 同源策略：以下三者中的任何一个不同，就是不同源。 协议（如 http 和 https） 域名（如 example.com 和 api.example.

思考一个问题：Vue中如果你想监听子组件的生命周期，你会怎么办？ 通过emit发出事件，这肯定是可行的： 那如果子组件是第三方插件里面的应该怎么办呢？ 隐藏技巧 先说Vue2，使用v-on:hook:

Framer Motion第二弹，动画效果的创意实现！ 上一章节刚介绍了Framer Motion，这不昨天无意间看到了一个网站的动画效果，今天使用Framer Motion来实现一下。 效果地址：h

Framer Motion 是一个用于 React 的开源动画库，专为创建高性能、流畅的动画效果而设计。它的核心优势在于其直观的 API、流畅的动画效果以及强大的功能集，从简单的平移到复杂的交互动画，

状态管理是构建复杂应用的关键部分，Vuex 和 Pinia 作为 Vue 状态管理的两大工具，提供了强大的机制来维护和管理应用的状态。 所谓的状态持久化，指的是我们创建的状态需要跨越页面的生命周期，不

Mock Service Worker简称MSW， 是一个用于浏览器和Node.js的 API 模拟库。使用 MSW，你可以拦截浏览器或node服务器发出的网络请求、观察它们并使用模拟响应来响应

前端CSS方案通常包括：CSS Modules、BEM、CSS in JS以及原子化CSS。原子化CSS是一种 CSS 架构方法，以小型的、单一用途的类为主来编写样式。 Tailwind CSS

富文本编辑器作为允许用户以所见即所得的方式编辑文本的工具，已成为许多应用程序的必备功能。今天要介绍的富文本编辑器组件名叫VueQuill，VueQuill 是基于 Quill.js 的

Vue 3 Composition API 的引入为开发者提供了一种全新的方式来组织组件逻辑，使得代码更加模块化和可复用。然而，随着项目规模的扩大和需求的复杂化，自己手写各种hooks让开发变得

VS Code作为一款功能强大的源代码编辑器，支持多种编程语言的开发环境，同时提供了许多有助于提升开发效率的特性。不过很多人应该只是利用其实现最基础的编码功能，今天给各位友友介绍VS Code中

CSS 一直扮演着构建视觉表现的核心角色。然而，传统的 CSS 有着诸多限制，难以实现一些复杂的动态效果。CSS Houdini，一个革命性的 Web 标准，为开发者打开了一扇新的大门，让我们能够通过

defineModel 是 Vue 3.4中推出的 的 Composition API 中一个重要的新特性。用于定义响应式模型的新函数。意在简化组件中响应式状态的管理，尤其是在处理复杂组件状态时。 组

SVG(可缩放矢量图形) 令人印象深刻的可扩展性背后的秘密在于，它使用数学计算而不是像素来生成图像，从而确保图像无论分辨率如何都能保持其锐度和清晰度。 在React中，使用SVG图标是一种常见的做法，