peanutYu96

本文通过精美的图文，深入分析 Webpack Loader 的运行机制，带你吃透 Webpack loader 的 11 个核心问题。...

只要是做项目开发，必定离不开项目优化这个话题，实际工作中的项目页面一般都比多，业务逻辑自然也比较复杂，构建速度肯定会越来越慢，我们可以使用webpack optimizat...

相信不少小伙伴都有听说过这样一个名词 - Webpack 配置工程师。😂，都需要设置专门的岗位去维护了，可见 Webpack 的配置是有多么复杂。 现实也确实如此。发展到...

qiankun 是主流的微前端方案，其他的还有京东的 micro-app、腾讯的 wujie 等。 微前端就是可以一个页面跑多个 vue、react 甚至 jquery 等...

分享 20 个 2025 年依旧「少人知道、却能立竿见影」的原生 API。 收藏 = 省下一个工具库 + 少写 100 行代码！ 1. ResizeObserver 精准监...

结合从输入URL到页面显示的全流程来讲各个环节如何做对应的性能优化，大部分方案均有现成代码，欢迎大家积极补充...

JS 支持 7 个位运算符，与(&)、或(|)、异或(^)、取反(~)、零填充左位移(<<)，零填充右位移(>>>)，有符号右位移(>>)，除了取反是一元运算符，其他的都是...

体验评分 Audits 是微信开发者工具内置的一项功能，会在小程序运行过程中实时检查，分析出一些可能导致体验不好的地方，并且定位出哪里有问题，以及给出一些优化建议。 京喜小...

在 web 开发场景，减少代码体积虽然是性能优化的一个方向，还没到锱铢必较的程度。但是在小程序场景，由于代码包上传阶段限制了主包 2M 和总包 16M（近期微信官方正在内测...

凹凸曼是个小程序开发者，他要在小程序实现秒杀倒计时。于是他不假思索，写了以下代码： 可是，凹凸曼发现页面隐藏在后台时，定时器还在不断运行。于是凹凸曼优化了一下，在页面展示的...

本文通过给鸭子函数动态增加功能、数据上报、动态增加参数 3 个例子，讲述了装饰器模式的应用场景及带给我们的好处。 装饰器模式，让对象更加稳定，且易于复用。而不稳定的功能，则...

这篇：前端监控平台系列：JS SDK（已开源）文章已经讲的很清楚怎么劫持原生的函数，并拿到我们想要的信息，如果页面正常运行时则记录用户行为栈，如果页面报错时则上报该错误并将...

一. ref、toRef、toRefs推荐用法 setup里合成函数返回响应式对象时，使用toRefs（直接解构reactive对象会失去响应式） reactive实现对象...

所有的性能优化都围绕着两大层面两小层面实现，核心层面是网络层面和渲染层面，辅助层面是时间层面和体积层面，而辅助层面则充满在核心层面里，笔者通过本文整理出关于前端性能优化的九...

大家好，我是林三心，这段时间很多兄弟姐妹都来问我问题，我也看过很多他们的代码。给我的感觉就是，代码的使用还停留在了ES5的那个阶段，很多用新语法就能轻松实现的，却都不怎么了...

在上篇专栏中详解介绍了数据的监听过程。那么当监听到数据发生变化后又是如何通知视图更新，在 Vue 中是采用发布者订阅者这个设计模式来实现这个功能。其中发布者就是数据，订阅者...

在Vue中，data选项是个好东西，把数据往里一丢，在一个Vue组件中任何一个地方都可以通过this来读取data中数据。但是要避免滥用this去读取data中数据，至于在...

最近 Zoom 国内又开放招聘了，我们组有了前端的 HC，所以我也参加了几场面试。在面试的过程中我也发现了很多问题，因此作为一个 9 年工作经验和 7 年面试经验的老兵，我...

Lottie 是一个复杂帧动画的解决方案，它提供了一套从设计师使用 AE（Adobe After Effects）到各端开发者实现动画的工具流。在设计师通过 AE 完成动画...