Due

通常部署不会由前端来干，但是市场已经这么卷了，即使不会也得学啊，哪天转行当运维也说不好😄 说在前面 本文案例会基于Docker拉取一个Jenkins镜像并运行容器，在Je...

大多数前端开发者在公司里，很少需要直接操心“部署”这件事——那通常是运维或 DevOps 的工作。 但一旦回到个人项目，情况就完全不一样了。写个小博客、搭个文档站，或者搞个...

1. 低代码 拖拽缩放功能 第三方插件 vue3-draggable-resizable： 用于拖拽调整位置和大小的的组件，同时支持冲突检测，元素吸附对齐，实时参考线 vu...

同事阿洋问我：春哥，业务上既有vue3也有vue2，公共组件怎么才能只写一份代码，却能享受双份的快乐？...

移动APP、H5、小程序曾风靡一时，结合当前无代码/低代码开发技术，有哪些免费开源的移动端H5/小程序软件，不用写代码即可发布H5页面，笔者对市场上主流的开源H5低代码/无...

一、概述 在当今数字化时代，动效设计已成为用户体验设计中不可或缺的一环。它不仅显著提升了用户体验，增强了用户粘性，还为业务带来了可观的收益。一个好的动效自然离不开专业且实用...

做过海外项目的伙伴应该多多少少听过 webPush 也就是：消息推送通知，那如何完整的实现一个webpush的推送服务流程你知道吗？什么？不知道 ！那还不赶快来学一波！？...

从浅入深地介绍了浏览器的事件循环（Event Loop）。它解释了事件循环的基本概念和工作原理，并详细讨论了事件队列、宏任务和微任务的执行顺序。...

js 是一种单线程语言，只有一条通道，那么在任务多的情况下，就会出现堵塞，这种情况下就产生了 多线程，那么就产生了同步任务和异步任务。 同步任务： 在主线程上排队执行的任务...

1.前言 Elab掘金: React Fiber架构浅析 已对 React Fiber架构 实现进行了浅析。React内部实现了该方法 requestIdleCallbac...

这篇讨论 Fiber 架构调度部分的实现原理，你将看到： - Fiber 架构的调度能力的分层设计。 - Scheduler 的分片原理，以及调度器如何基于浏览器能力实现“...

React Scheduler - 时间切片 使用和分析，React Scheduler - 任务优先级 使用和分析。...

概述 工程化项目中，有时候可能一个项目会有多个路由页面，每次新加路由页面都需要去修改路由配置文件，如果我们可以在约定的目录情况下，自动根据目录结构生成对应的路由结构，就不用...

React Diff 算法 认识 React Diff 算法 React 是 Fiber 架构的，Fiber 其实是一个链表的结构，但是由于没有设置反向指针，因此没有使用双...

当我还沉浸在UI样式改版后的喜悦中时，QA同学拿着他的华为Mate X5（折叠屏手机）来找我："这个字体在展开状态下太大了，影响用户体验"。这才意识到我们的H5页面一直没有...

1. Docker 介绍 Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的容器中，然后发布到任何流行的 Linux 或 Windo...

那晚杭州的闷热，至今记忆犹新。 2021年，我刚来到杭州这座“卷城”，入职了一家梦想中的互联网大厂。作为一名电商新人，我一头扎进了促销和会场的研发中。 那晚，我们正为一个S...

ECMAScript，简称ES，是由Ecma国际标准化组织制定的脚本语言标准，它为JavaScript等脚本语言提供了一种规范，使得不同的浏览器和环境能够以一致的方式解释和...

跨窗口通信的九重天劫：从postMessage到BroadcastChannel 第一重：postMessage 基础劫 —— 安全与效率的平衡术 安全守则： 始终验证or...

阅读Vue和React两大前端框架的源码时都出现了MessageChannel的影子，但是自己却没不了解什么是MessageChannel，它有什么用。于是花了一些时间研究...