在 Web 开发中，Canvas 是一个强大的绘图工具，可以实现各种有趣的交互效果和动态图形。本文将盘点 10 个基于 Canvas 的开源项目，旨在为提供开发灵感和思路，以便更好地探索并应用 Can

Luckysheet ，一款纯前端类似excel的在线表格，功能强大、配置简单、完全开源，本文将重点讲述协同的实现方案，支持在线多人协作，编辑在线 excel 文档

Element Plus 的 CSS 架构思想主要还是 OOCSS，也就是还是面向对象的思想，即：封装、继承、多态，并且 CSS 变量的加入使用，使得多态这一特性的实现更加丝滑。

今年国庆假期终于可以憋在家里了不用出门了，不用出去看后脑了，真的是一种享受。这么好的光阴怎么浪费，睡觉、吃饭、打豆豆这怎么可能（耍多了也烦），完全不符合我们程序员的作风，赶紧起来把文章写完。 这篇文章比较基础，在国庆期间的业余时间写的，这几天又完善了下，力求把更多的前端所涉及到…

斗鱼是如何实现在浏览器中直播的？如何节省 80% 的 CDN 流量？如何实现直播时移的？本篇文章将解析斗鱼 H5直播，并回答上面这些问题。

只要你有优化代码的习惯，那么在工作场景中会经常接触倒各种设计模式，只是你当时不知道它是哪种设计模式，当你接触倒设计模式后，才会发现自己的某段代码被称为某种设计模式。一起来复习一下曾经接触到的设计模式吧

随着业务的不断累积，目前我们 ToC 端主要项目，除去 node_modules， build 配置文件，dist 静态资源文件的代码量为 137521 行，后台管理系统下各个子应用代码，除去依赖等文件的总行数也达到 100万 多一点。 本文会在主要描述以 Vue 技术栈为技术…

具体的降级和缓存清除的逻辑没有画出来，因为那是解决安全生产的问题，我主要想强调方案调整带来的性能提升。 所以从上图可以看出，一个正常的请求首先会请求到 CDN，CDN 如果发现缓存中没有的话会回源到 SSR 服务器，这样首屏其实只需要一个网络请求，有效的提升的首屏性能和降低了服…

「这是我参与2022首次更文挑战的第7天，活动详情查看：2022首次更文挑战」 前言 现在越来越多的网站都提供了拥有换肤（切换主题）功能，如 ElementUI，无非是为了迎合用户需求，或是为了凸显自