麦麦猫

本篇文章只探讨最常见和易理解的前端图片预加载实现方式，并在其基础上进行足够优雅的优化处理，爽文易读~...

微前端概念 微前端是借鉴了微服务的理念，将一个庞大的应用拆分成多个独立灵活的小型应用，每个应用都可以独立开发，独立运行，独立部署，还可以随意组合，这样就降低了耦合度，从而更...

自动转换项目的普通图片成webp 修改工程css rule，运用webp图片格式以优化资源加载......

将项目中新增/修改的图片文件自动转换成webp格式并提交，在这里面学习git的钩子函数，node的子进程函数execSync等...

图片资源，在我们的业务中可谓是占据了非常大头的一环，尤其是其对带宽的消耗是十分巨大的。 对图片的性能优化及体验优化在今天就显得尤为重要。本文，就将从各个方面阐述，在各种新特...

站点性能优化一个很重要的方向是图片压缩，一方面能提升客户端访问性能，另外一方面因为图片体积变小，能大大减少站点的流量成本，webp图片值得使用。...

最近 B 站更新了秋季 Banner，由于复刻已无需再写任何前端代码，于是我想让一位 Java 后端选手来试试，最终他调试半天自信提交一个 PR，结果却实在是差强人意。...

最近发现 B 站首页头图的交互效果非常有趣，本文将通过 JS 一步步复刻其效果，并详细讲解其中知识点，干货满满。...

业务方向是产品经理决定的，即使前端高质量高效率的完成了前端需求，也不能左右业务结果，那“业务的价值和你有什么关系”？...

说到元素拖拽，通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现，它提供了一套完整的事件机制，看起来似乎是首选的解决方案，但实际却不是那么美好，主...

vite 是新兴的构建工具，它相比 webpack 最大的特点就是快。 那它是如何做到这么快的呢？ 因为 vite 在开发环境并不做打包。 我们创建个 vite 项目： 安...

尤大上周末在视频号直播提到uniapp，表示还不错，而且他与dcloud团队有保持沟通，会给出自己的意见。...

To C 业务场景下的 Web 页面，经常会有炫酷复杂的动效需求。在一个有限的项目排期下，选择合适的动效方案但往往对前端工程师来说是一个巨大的挑战。...

在实际工作中，我们很少会遇到一次性需要向页面中插入大量数据的情况，但是为了丰富我们的知识体系，我们有必要了解并清楚当遇到大量数据时，如何才能在不卡主页面的情况下渲染数据，以...

1. react 和 vue 对比，优劣势是什么？你会如何选择 React 和 Vue 都是目前非常受欢迎的前端 JavaScript 框架，各有其优势和劣势，选择哪一个通...

「这是我参与2022首次更文挑战的第11天，活动详情查看：2022首次更文挑战」 创建umi 我们的项目名称TODO-WORKBENCH,然后再其下面新建main文件夹。我...

前言 Electron是一个基于Node.js和Chromium的跨平台桌面应用开发框架，它可以让我们使用web技术来创建原生的桌面应用。在开发Electron应用时，我们...

数据埋点与我们的产品息息相关，大部分业务的迭代以及收益衡量都离不开埋点数据的分析。 如何用埋点数据分析描述自己开发的产品，是工作中的一节必修课...