嘻嘻2025

本文介绍了几种前端打包优化策略，如使用 visualizer 可视化分析、manualChunks 分包、 去除console语句、压缩代码和通过 CDN 加载外部库，大幅...

又是一年金九银十，虽然市场一般，如何才能抓住来之不易的机会呢？自然是砥砺自身能力，完善知识体系。 挖下深坑擒虎豹，挂上长线钓金鳌。 本文基于笔者的个人面试经历 + 线上他人...

本文主要内容 学习Vue3的调度器原理。 了解nextTick的实现、为何在nextTick中可以获取到修改后的DOM属性。 pre、post、和普通任务的执行过程。 wa...

前言 我们知道 Vue3 中声明响应式是通过 reactive 和 ref 这两个函数，下面我们通过案例先来看下 reactive 是如何实现的。...

前言 最近在公司部署项目时遇上了一点关于nginx的问题，于是就想着写一篇关于nginx的文章... 主要给小白朋友分享，nginx是什么，nginx有什么用，最后到ngi...

前端部署需要用户刷新才能继续使用，一直是一个老大难的用户体验问题。本文将围绕这个问题进行讲解，揭晓问题发现原因，并提供两种解决思路。...

前言 兄弟也是好起来了，又又有大厂面试了。 面试过程： 一、自我介绍 这个自我介绍我之前在面试文章中提到过，大家可以翻翻查看。 二、实习经历 面试官看到我目前在一家公司实习...

在Vue3中，我们可以用 ref 和 reactive 来定义响应式数据，但这两者有什么区别，什么情况下用 ref，什么情况下用 reactive 呢？ 这篇文章我将给大家...

1.基础概念 entry：入口 output：输出 loader：模块转换器，将模块的原内容按照需求转换成新内容 plugin：扩展插件，在webpack构建过程的特定时机...

Webpack 5 生产环境打包优化 Webpack 5 提供了许多优化生产环境打包的方法。以下是一些关键的优化策略和详细代码实现： 1. 分离配置文件 首先，建议将开发环...

由webpack基本使用进而深入webpack打包各阶段的流程，然后深入分析HMR在打包阶段的流程，最后总结学习webpack以及工程化的路线和思考。...

qiankun框架为了实现js隔离，提供了三种不同场景使用的沙箱，分别是 snapshotSandbox、proxySandbox、legacySandbox。 从名字上我...

衡量一个 Web 页面的体验和质量一直有非常多的工具和指标 ... 每次我们去关注这些指标的时候都会非常痛苦，因为这些指标真的是又多又难理解，测量这些指标的工具也非常多。 ...

最近乙方要移交给我们开发的一个项目的代码，其中前端用到了 qiankun 微前端技术，因为第一版代码之前让我看过，写过基础开发文档，然后主管昨天找我问了ta是怎么实现的🥲...

公司做了两年多的项目，已经算是个巨石应用了。整个项目中包含了好几个相对独立的功能模块，之前都是独立分布在各个后台管理系统中，现在揉合到了一个项目里，苦它久矣！...

使用v-micro-app-plugin插件 ，它是一款基于京东MicroApp框架的微前端插件，旨在帮助开发者快速地将微应用集成到不同的系统中，实现高效、灵活的前端模块化...

# 1. 微信小程序生命周期 ```js 1. onLaunch：小程序初始化完成时触发，全局只触...

小白同学终于迎来了期待已久的二面，然而滴滴面试官的这一问题却让他有些“破防”了。自诩略懂前端工程化的他，听到面试官问“npm install 之后究竟发生了什么？”时，陷入...

【导读】本文总结了前端面试中经常问到的vue高频面试题，仅供参考。 下图为思维导图： 1.vue的生命周期有哪些及每个生命周期做了什么？ beforeCreate是new ...

组件在前端开发中越来越重要了，开发者更细分、聚焦于组件层面的开发，然后像搭积木一样完成应用功能。组件库可以统一管理组件，输出文档，能提升组件复用性、避免重复造轮子。赶快搭建...