Object小胡

考虑到自动化测试相关会有一定的推广难度，应该需要依赖组织的能力来执行，跟leader沟通，这个事情由他来推动，正好他也计划要做。 虽然做了一些事情，但是我觉得并没有产生多少...

其中的原生、Web相互通信都离不开JSBridge，这里面小程序比较特殊，对于UI渲染和JS的执行环境做了隔离，基于前两种方式之间。 在Hybrid模式下，H5会经常需要使...

本文介绍的是一种基于FFmpeg + WebAssembly开发的视频合成能力，与社区既有的方案相比，此方案通过JSON来描述视频合成过程，可提高业务侧使用的便利性和灵活性...

在视频处理应用中，我们经常需要从视频中截取封面图。然而，许多视频的开头几帧是黑屏或低质量帧，直接使用第一帧作为封面往往效果不佳。这就需要我们实现一种智能检测机制，跳过黑帧，...

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

背景 最近在做业务的时候遇到了一个需要前端抽帧的需求，小小的研究了一下便记录了下来，以便复盘。 大概的需求呢就是说从页面A跳转到页面B后给你视频的url和一些时间节点，我们...

1. 合成事件的概念和作用； 1. 合成事件与原生事件的 3 个区别； 1. 合成事件与原生事件的执行顺序； 1. 合成事件的事件池； 1. 合成事件 4 个常见问题；...

此文主要介绍render和h函数如何渲染vnode，vue中使用jsx，编写自定义指令和插件，vue3新的内置组件和nextTick。...

css和html代码如上,首先我们以File 协议打开页面,就是我们平时最常用的双击一个html文件自动打开的协议格式,类似于 file:///Users/xxx/Desk...

微前端是一种类似于微服务的架构，是一种由独立交付的多个前端应用组成整体的架构风格，将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的应用，而在用户看来仍然是内聚的...

在谈论到前端性能优化时，我们可能会想到很多方向，但虚拟列表一定算是一个值得谈谈的话题，很多人都是略懂一二，对其实现原理与过程还不太了解，所以当面试官问到比较细节的问题时往往...

B站的离线包技术方案与大部分互联网公司实现的方案在底层逻辑上是一致的，都实现了基础的资源下发和拦截匹配机制。但在此基础上我们也有一些创新。...

在 Web 开发中，用户体验至关重要，而页面性能是用户体验的重要组成部分。卡顿会影响用户体验，导致用户感到烦躁和挫败。因此，监控和优化页面卡顿是非常重要的。...

本文会列举两个实际场景，来说明该如何使用 MutationObserver 来解决问题，希望对你有所启发。...

1. 使用 useGPU / progressive 开启渐进式渲染 2. 降采样（下采样） 3. 使用 Canvas 而非 SVG 4. progressive 分批渲染...

这篇文章，我们聊聊 四种实时通信技术：短轮询、长轮询、WebSocket 和 SSE 。 1 短轮询 浏览器 定时（如每秒）向服务器发送 HTTP 请求，服务器立即返回当前...

React 发布已经十年了，笔者接触前端差不多也有十年时间了。通过这篇文章，你就可以知道这快速发展的 10 年，前端渲染模式的演变和关系脉络，知其然，也知其所以然。...

随着 Web 技术和移动设备的快速发展，Hybrid 技术已经成为一种最主流最常见的方案。一套好的 Hybrid架构方案 能让 App 既能拥有极致的体验和性能，同时也能拥...