wangjp

解析 webpack 核心流程与插件架构，理解： - Webpack 从启动到输出 bundle，内部逻辑流转过程 - 编写 webpack 插件前，你需要弄清楚哪些问题...

在前端技术发展日新月异的今天，前端工程化已经成了每个前端工作/学习者的必备知识，一文带你吃透webpack...

SSE接入的具体落地有几种方案 ## 1. EventSource 实现接入 EventSource 是一个 `Web API`，**是浏览器提供的原生对象，专门用于处理 ...

最近搞了个新项目，在部署的时候需要自己搞一下包、以及自己配置nginx等算不上前端要干的事。但是作为一个合格的大前端，该会还是要会，不得已只能自己硬着头皮玩一玩前端部署相关...

本项目是一个基于 Vite3 搭建的 Vue3 项目模板，集成了 TypeScript、Vue Router、Pinia、Less、ESLint、Prettier、Husk...

很多小伙伴苦于无法搭建一个规范的前端项目，导致后续开发不规范，今天给大家带来一个基于Vite6+TypeScript+Vue3+ESlint9+Prettier的搭建教程。...

JavaScript 数组方法大全上线！从 map 到 reduce，从新手小白到写代码老鸟，这篇文章告诉你：写 JS 不再需要“祈祷代码能跑”。...

在现代前端开发中，CSS 预处理器的使用已经成为一种常态。Sass 和 Less 是两种最受欢迎的 ......

跨标签页通讯（Cross-Tab Communication）是指在浏览器中，不同标签页（或窗口）之间进行数据传递和通信的技术。...

中等难度问题及参考答案 1. ‌如何优化页面加载速度？ ‌ ‌问题表现‌：页面包含大量图片、脚本和样式文件，首次加载时间过长‌。 ‌解决方案‌： ‌图片懒加载‌：仅加载可视...

前端在 WebView 和 H5 环境下的缓存问题，目标是确保用户能够加载到最新版本的资源。这是一个常见且有时棘手的问题，通常需要结合多种策略来解决。 核心问题：为什么会缓...

这道题考查大家对vue异步更新队列的理解，有一定深度，如果能够很好回答此题，对面试效果有极大帮助 答题思路 1.nextTick是啥?下一个定义 2.为什么需要它呢?用异步...

面试官问我 Vue 的 `nextTick` 原理是怎么实现的，我这样回答： 在调用 `this.$nextTick(cb)` 之前： 1. 存在一个 `callbacks...

如果你用Chrome调试工具，还是停留在console阶段，赶紧来学习一波吧，绝对是满满的干货，让你效率UpUP。 本文侧重点就是关于Chrome DevTools。通过梳...

前言 当咱们在浏览器中输入一段url地址栏时会发生什么呢？它会经过两个过程，一个是浏览器向后端服务器发送请求获取数据，还有一个则是浏览器本身的渲染过程。今天小编就带大家主要...

引言 在前端开发中，性能优化是一个永恒的话题。我们经常需要处理和展示大量的数据，所以当面试官问到：“如何一次性渲染十万条数据而不影响用户体验？”你会怎么回答？直接渲染十万条...

为什么class在前端开发中不常用？ js是一种基于原型的语言。 它的对象继承是通过 原型链（prototype chain）实现的，每个对象都有一个 proto 属性指向...