红蓝橙

前言 现在有如下的 HTML 结构： 如果我们想给页面一个最小高度，保证 Header 和 Footer 分别位于页面的顶部和底部，我们通常会这样写样式： 在浏览器中我们预...

你知道动画帧（requestAnimationFrame）吗？你真的了解 requestAnimationFrame 吗？本文带你深入探索 requestAnimation...

介绍一个比较常见的动画效果。 在日常开发中，为了强调凸显某些文本或者元素，会加一些扫光动效，起到吸引眼球的效果，比如文本的 或者是一个卡片容器，里面可能是图片或者文本或者任...

pnpm是一款当代备受关注的 新兴(问题较多) 包管理工具，使用过的同学们都会被它极快的安装速度、极少的磁盘存储空间所吸引！感兴趣的小伙伴赶紧点击学习吧。...

前言： 在开发中，当我们的网站存在图片尺寸大的问题时，我们会想到用低质量图片占位或者占位符这些方式去规避堵塞空白，从而优化网站的表现，今天来介绍下利用渐进式图片的方式来优化...

打造属于你自己的 Mac（Next.js+Nest.js TS全栈项目）TurboPack+TurboRepo...

前端开发趋势总是在不断发展，有些趋势会长期流行。本文是 2023 年将突出的一些前端开发趋势，分享给大家~...

在日常生活中，二维码出现在很多场景，比如超市支付、系统登录、应用下载等等。了解二维码的原理，可以为技术人员在技术选型时提供新的思路。对于非技术人员呢，除了解惑，还可以引导他...

React Native 是一个由 Facebook 于 2015 年 9 月发布的一款开源的 JavaScript 框架，它可以让开发者使用 JavaScript 和 R...

随着Babel、TypeScript、VueLoader、Terser等编译、转译技术的大规模使用，Webpack的编译时间正不断膨胀。为了优化编译速度，社区主要有两种方案...

通过查看pm2在cluster模式下不支持node版本切换带来的一系列思考，包括什么是pm2的cluster和fork模式，还有如何使用cluster.fork,和chil...

Vue框架现在基本上已经占据了前端的半壁江山，Vue的数据驱动和组件化的思想深入人心。Vue全家桶可能很多小伙伴都比较熟悉，在工作上也用得比较得心应手。...

一、类型兼容性 TypeScript 结构化类型系统的基本规则是，如果x要兼容y，那么y至少具有与x相同的属性。比如： 这里要检查y是否能赋值给x，编译器检查x中的每个属性...

因为项目中使用到了 WebSocket ，面试官在深挖项目经验的时候提到了这方面的技术，所以就此整理下相关知识，以备后续面试使用。...

正常的开场本应该是“什么是Service Worker”，但Service Worker往往会和PWA被一同提起。无论屏幕前的你是有丰富PWA开发经验的大佬，还是从没有听过...

今天要聊的话题是前端最近的一个更新方向 PWA 中的核心 Service Worker 的更新问题。这是一个很容易被开发者忽略的问题，因为绝大部分开发者可能对它还不太熟悉。...

如果你想用 canvas 画图，那不妨试试 Fabric.js 。跟着本文一步一步操作，一定可以入门 Fabric.js...

前言 说起sourcemap，大家应该都不陌生，由于前端代码一般都需要编译和打包，出来的代码是非常难以阅读的，有了它能方便我们调试，快速定位到问题。 什么是sourcema...

什么是canvas?怎么做性能优化？代码怎么实现，到底什么因素影响canvas性能，看过来，有问题我教你解决！...