万物生长

本文有两个关键词：音频可视化和Web Audio。前者是实践，后者是其背后的技术支持。 Web Audio 是很大的知识点，本文会将重点放在如何获取音频数据这块，对于其 A...

自定义编译ffmpeg，优化wasm文件大小，编译出不带`sharedarraybuffer`的ffmpeg.wasm+js，最后使用web worker运行截帧相关的业务...

前言 JavaScript 属于单线程语言，所有任务都跑在主线程上，若主线程阻塞，后续任务将无法执行。既然是单线程，那为何我们在使用过程中主观感知却是“多线程”？ 事件循环...

零门槛！一文揭开前端自动化部署的神秘面纱，从宏观层面讲解前端项目发布的必经阶段。跟大家一起走进前端的基建工作，入门 Devops 领域，看看前端发布平台应该怎么做！...

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第 5 天，点击查看活动详情 >> 大家好，我是 CUGGZ。 在开发过程中，为了应对多变的复杂场景，我...

前端无痛刷新Token 这个需求场景很常见，几乎很多项目都会用上，之前项目也实现过，最近刚好有个项目要实现，重新梳理一番。 需求 对于需要前端实现无痛刷新Token，无非就...

你知道吗？从未见过一个强者，拥有一个简单的过往，解决不了的问题那就交给时间吧。努力是一个缓慢积累的过程，如果耐不住性子，沉不住气，获得的只能是焦虑，而非想要的结果。平心静气...

黎明之前，总有一段时间特别黑，悄悄努力你就会惊艳所有人。你不一定要逆风翻盘，但请一定向阳而生；你知道吗？梦想，就是梦里想做的事，醒来后，努力去实现；所谓的万丈深渊，走下去，...

对于图片加载，咱们可以更酷炫一点！ 比如这样！ 这样！ 这样！ 还有这样的！ 前言 现代网站中的图片使用量是很大的，在一些门户网站中，还会有一些大尺寸的图片展示，这个时候图...

自从HTML5提供了video标签，在网页中播放视频已经变成一个非常简单的事，只要一个video标签，src属性设置为视频的地址就完事了。由于src指向真实的视频网络地址，...

近段时间有个需求是前端进行视频碎片合并，但是自己上网找了好久都没找到合适的，一怒之下自己撸了一个哈哈。。...

提升前端页面的性能有很多方法，其中一类很重要的方法就是前端预加载，包括 dns-prefech, preconnect, preload, prefetch, preren...

在以往的项目中，只要有视频的存在，那么就会是个让人费神的项目。且不说对它的适配兼容问题，只说它的加载问题就能说上半天了。本文作者从视频预加载的各种方法入手，讨论了如何让视频...

Konva 是一个很优秀的 Canvas 框架，API 封装简洁易懂，基于 TypeScript 实现，有 React 和 Vue 版本。...

匹配两个特殊字符 匹配两个特殊字符中间的内容，比如¥1234¥ 要匹配两个¥之间的数字： 在这里不包含前面匹配的字符写法（?<=要匹配的开始字符），不包含后面要匹配的字符写...

Canvas在刚推出时主打的优势就是更快的渲染速度，刷新了人们对Web页面元素绘制速度的印象，但Canvas的优势却不仅限于此。...

微软在 GitHub 开源了四大课程，面向计算机专业或者入门编程的同学。分别是 Web 开发课程、机器学习课程、物联网课程和数据分析课程。 四大课程在 GitHub 上共斩...