学学前端

pnpm是什么 pnpm是一个高性能的包管理工具。我们可以理解为performant npm(高性能的npm)的缩写； 可以看到官网给的定义，pnpm是一个包管理工具。 核...

🌟 引言 在前端开发中，<script>脚本的使用几乎无处不在：业务代码、第三方SDK、监控上报、AB测试、广告、埋点……但常见问题也层出不穷： 同步脚本阻塞渲染，首屏白...

1. 响应式的基本概念 1.1 什么是响应式？ 响应式是一种**“数据变化自动触发更新”**的编程范式，最直观的例子是Excel表格：如果单元格A1是=B1+C1，当B1或...

讲解面试常见的flex:1和flex:auto的区别。其实这两个属性的差异藏在细节里，今天我们就从 “原理拆解→场景对比→误区避坑” 三个维度，彻底搞懂它们的区别，让你在项...

在 Vue3 官网 的「Ecosystem → UI Components」菜单里，官方维护了一份精挑细选的组件库清单：全部基于 Vue3、TypeScript 优先、活跃...

`大家好，我是石小石！`在大屏开发中，我们可能会遇到日历组件的使用，然而，对于一些定制化的大屏，传统的第三方UI组件很难满足我们的样式要求。...

Vite 打包优化实践指南 Vite 凭借原生 ES 模块和 esbuild 的优势，开发环境性能优异，但生产环境仍需通过 Rollup 打包。针对大型项目，合理的优化配置...

一、什么是 Ajax？ Ajax（Asynchronous JavaScript and XML） 是一种在不重新加载整个页面的情况下，通过 JavaScript 异步与服...

何为前端工程化 前端工程化是指将软件工程的原理和方法应用到前端开发中，以提高开发效率、代码质量和可维护性。随着 Web 应用的复杂度不断增加，传统的前端开发方式已经难以满足...

本文以前端面试官的角度出发，对 Vue 框架中一些重要的特性、框架的原理以问题的形式进行整理汇总，意在帮助作者及读者自测下 Vue 掌握的程度。本文章节结构以从易到难进行组...

汇总记录vue3面试题。 `Composition API` 可以说是Vue3的最大特点，那么为什么要推出`Composition Api`，解决了什么问题？...

Proxy 对象用于定义基本操作的自定义行为（如属性查找、赋值、枚举、函数调用等）。 proxy是es6新特性，为了对目标的作用主要是通过handler对象中的拦截方法拦截...

今天聊聊Vue组件通信——这玩意儿就像谈恋爱，得找到合适的沟通方式，不然容易吵架（Bug）！ 一、父子组件：Props & Events（最基础，但够用）...

在调试 React 项目时，VSCode 提供了两种方式：`launch` 可自动启动 Chrome 并打开页面，使用简单，适合本地开发调试；而 `attach` 则需手动...

Proxy 详解：JavaScript 中的“全能代理”与响应式新纪元 如果说 Object.defineProperty 是 Vue 2. 的“监控摄像头”，那么 Pro...

你以为路由只是切换页面？其实它是前端世界的魔法门，#和History让你瞬移、穿梭、回忆、定位，代码背后藏着生活的趣味和脑洞。...

我们在学习 js 的过程中, 或多或少地都会听说过 “js是单线程的” 这句话。诚然，对于 js 本身来说，确实是单线程的，但是，js 的运行时已经给出了并发的解决方案。...

本文正在参加「金石计划 . 瓜分6万现金大奖」。 众所周知，函数节流（throttle）是 JS 中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。 举个例子：一...