糖灬少

WebCodecs API 为 Web 平台提供了音视频编解码能力，使得在 Web 平台（网页、Electron）上实现高效、专业的视频剪辑成品成为可能。...

web投稿页是B站的主要投稿来源，有很多高粉UP主使用web端进行投稿。WebCodecs于21年9月份推出，是用于在web页面上对音视频进行底层操纵（如编解码）的API。...

本文研究了网页版剪映是如何实现的，并写了简易的demo，WebCodes进行编解码，webgl做视频转场...

前端性能分析是一名前端必须掌握的技能，本文对字节剪映web为例，介绍如何使用PageSpeed Insights和Chrome Performance工具分析页面性能...

前言 之前接触过一个获取视频的第一帧当作封面图的需求，当时好像是后端处理的。那纯前端能不能拿到视频的第一帧甚至第 N 帧呢？ 今天我们就来看看这个问题，不依赖服务端看看是否...

Valtio makes proxy-state simple for React and Vanilla。Valtio是一个基于 Proxy 实现，更容易上手的状态管理工...

LangChain是一个框架，用于开发由LLM驱动的应用程序。可以简单认为是LLM领域的Spring，以及开源版的ChatGPT插件系统。...

结论：数字人是比较鸡肋比较KPI的人工智能应用，它的应用场景仅限于生成视频投放到视频网站上或者去直播。在任何生产环境中很难提供真正的生产力。 我们现有的类似助手的应用： -...

本文整理了一些TypeScript 的高频面试题，并附带详细答案及解析代码，涉及包括`基本语法`、`类型系统`、`函数`、`类`、`模块化`、`泛型`、`装饰器`等，一起来...

大家好，我是前端西瓜哥。 我们来入门一下 wasm。 wasm 是什么 wasm 是 WebAssembly 的缩写。 wasm 并不是传统意义上汇编语言（Assembly...

这篇文章主要记录直播DEMO的实现，主要通过RTMP推流，通过HTTP-FLV拉流，并在页面中播放。...

本文分享如何自研前端监控系统之（一）性能监控；我们都听说过性能的重要性。但谈起性能，以及让网站"速度提升"时，我们具体指的是什么？而本篇文章将分享：如何准确地测量用户的网页...

在写 ts 相关代码的过程中，总能看到 interface 和 type 的身影。它们的作用好像都一样的，相同的功能用哪一个都可以实现，也都很好用，所以也很少去真正的理解它...

得益于 chrome 浏览器强大的调试能力， console.log 可谓是前端开发中解决未知问题最直接的办法，遇事不决，打个日志，简单粗暴🏈。但是在 React 项目中...

随着前端技术的不断发展，TypeScript(简称:TS)已经在逐步取代JavaScript(简称:JS),尤其在以Vue3使用TS重构后，TS更是成为前端框架编写的主力语...

🧠 三月面试总结｜前端人的高压灵魂 QA 合集 三月份朋友参加了几场节奏飞快的前端面试，几乎每一场都上演“灵魂拷问”，从底层原理到项目拆解，从性能优化到团队管理，问得非常...

2025 年最新 React 面试题集锦，不废话，直接上干货！本文会进行不间断的迭代更新，如有错误之处，还望大家指出！...

本系列其他文章计划一到两个月内完成，点个 关注 不迷路。 本文是基于 qiankun 的微前端最佳实践系列文章之 从 0 到 1 篇，本文将分享如何使用 qiankun 如...

微前端是什么 微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立...