JackZhouMine

在前端开发中，我们通常会使用打包工具（如 Vite、Webpack）将 JS/CSS 等资源构建上线，并配合 CDN、浏览器缓存来加速访问。但问题也随之而来： 原因很简单：...

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

D3.js 移动端柱状图实现文档 功能特性 ✅ 动态数据加载 ✅ 平滑缩放控制 ✅ 点击高亮交互 ✅ 自适应Tooltip ✅ 移动端触摸优化 核心实现 1. 基础配置 2...

Eslint 是我们每天都在用的工具，我们会用它的 cli 或 api 来做代码错误检查和格式检查，有时候也会写一些 rule 来做自定义的检查和修复。 虽然每天都用，但我...

KnockoutJS 基础知识（一） 序言 当我们构建用户界面时，解决的最困难的问题之一是同步开发人员在代码中管理的数据和向用户显示的数据。开发人员采取的第一步是将演示和逻...

什么是发布订阅模式？ 发布订阅模式是一种 消息传递范式，其中消息的发送者（称为 发布者 - Publisher）不会直接将消息发送给特定的接收者（称为 订阅者 - Subs...

HeroSection再度来袭！后端永远抢不走前端饭碗的原因！ 艺术工作室官网设计大解析！！！本文将一步一步向您介绍如何构建一个出色的官网视觉效果！...

组合式 (Composition) API 的一大特点是“非常灵活”，但也因为非常灵活，也可能导致我们的代码变得愈发混乱，最终到达无法维护的地步。...

前言 具体的预览需求： 预览需要支持的文件类型有： png、jpg、jpeg、doc、xlsx、ppt、pdf、md、txt、audio、video，另外对于不同文档还需要...

前言 公司的系统卖出去了，终于看到回头钱了，这下不用担心被裁员了。哈哈哈哈~~~~！产品：等等，先别高兴，用户说得兼容他们使用的浏览器。开发：额--，什么浏览器，不会是 i...

起步 在计算机的世界中，有各种各样的文件，文件类型千奇百怪，作为一名前端开发工程师，我们如何来实现这些文件的在线预览呢？...

👉 疯狂点击分页按钮，页面数据却像抽风一样，一会儿显示第3页，一会儿又跳回第2页？ 👉 快速滑动无限滚动列表，结果数据错乱，甚至重复加载？ 这就是前端分页的竞态问题在作...

一、从大文件上传的痛点说起 场景：你正在上传一个10GB的蓝光电影，突然发现—— 页面卡成PPT，按钮点不动！ 上传进度条像蜗牛爬，用户想砸电脑！ 一不小心刷新页面，全白传...

先说结论： 在绝大部分的业务前端开发中，写单元测试的收益非常小，但是带来的维护成本却非常大，请不要再写单元测试感动自己，为难同事了。 现在很多单元测试的教程都是那种很简单的...

在一些场景中，比如我们封装的一些工具函数、hooks、插件等中没办法像在单文件组件中一样将dialog写到template中，或者一些公共的弹窗使用声明式弹窗会比较臃肿，这...

在团队协作开发软件项目时，遵循统一的commit规范至关重要。 然而，对于很多刚接触版本控制的新手来说这并不容易。今天，我们就来介绍三个工具，一键让你的node项目规范整洁...

前言 我相信 90% 的前端工具人都遇到过 node-sass 的问题。项目死活跑不起来，或者跑起来后直接报错、node-sass 安装阶段各种报错，安装不上等问题。 第一...

部分小节提供了非常详细的实战教程，让大家动手实践。 另外我还写了一个前端工程化 demo 放在 github 上。这个 demo 包含了 js、css、git 验证，其中 ...

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！...

在我们日常开发的时候，可能会遇到各种各样的需求，但是自己一时半会儿可能找不到合适的办法去解决。书到用时方恨少，下面的这些JavaScript的工具函数可能就会派上大用场了，...