落菣

背景 Web 屏幕录制也许对我们来说并不陌生，最常见的场景，例如：各种视频会议、远程桌面软件，远程会议软件的出现大大方便了人们的交流与沟通，在 WFH 期间对众多企业的线上...

引言 最近开发的时候遇到了一个需求，截取视频第一帧作为视频的封面，结果第一帧是黑屏，所以产品提出，希望可以截取的不是黑屏颜色稍微靓丽帧的作为封面。于是我们进行步骤拆解： 截...

在 H5 + Native 的混合开发模式中，让人诟病最多的恐怕就是加载 H5 页面过程中的白屏问题了。下面这张图描述了从 WebView 初始化到 H5 页面最终渲染的整...

在离线包的监控方面，主要通过埋点上报和sentry 异常报警方式进行。lego埋点 主要上报一些问题排查的辅助信息，sentry 主要上报一些该技术在用户使用时遇到的较严重...

前言 前段时间由于要实现 H5 移动端拉取微信卡包并同步卡包数据的功能，于是在项目中引入了 微信 JS-SDK（jweixin） 相关包实现功能，但也由此让我对其产生了好奇...

本文的主要目的是介绍一种可扩展性较好的SDK架构，让后续业务迭代的代码更清晰明朗。这种架构已经在开源监控SDK:mitojs实践，有兴趣的小伙伴可以去瞅瞅~...

SDK 的全称是 Software Development Kit，翻译过来是软件开发工具包，这是一种被用来辅助开发某类软件而编写的特定软件包，其主要是为宿主系统提供服务的...

class 是创建对象的模版，由一系列属性和方法构成，用于表示对同一概念的数据和操作。 有的属性和方法是对外的，但也有的是只想内部用的，也就是私有的，那怎么实现私有属性和方...

在文章之前，先抛一些灵魂拷问： 前端代码从 tsx/jsx 到部署上线被用户访问，中间大致会经历哪些过程？ 上述过程中分别都有哪些考虑、指标和优化点，以满足复杂的业务需求？...

引言 Ant Design V5 是截止目前 Ant Design 组件库最新版本，我们在业务场景已经开始应用，但在近期的测试中发现 Ant Design 组件无法在 36...

本文主要介绍心遇APP站内玩法H5的体验优化实践，主要包括离线包功能简介、接口图片预加载、榜单优化等具体场景内容。...

Tango 是一个用于快速构建低代码平台的低代码设计器框架，并以源代码为中心，执行和渲染前端视图，并为用户提供低代码可视化搭建能力，用户的搭建操作会转为对源代码的修改。...

本文将介绍 Hybrid App 离线包的通用方案，并讨论 HTML 文件放入离线包的利弊。通过引入 CAP 理论作为指导准则，帮助优化和抉择离线包的一致性和可用性问题。...

前端程序员最容易搞出 P0 事故的就是白屏，PC 上的白屏我们比较好调，打开 Chrome Devtools 就能看见。 但是手机上的白屏怎么调？本文将对这个话题进行探讨...

音视频通话实战与原理，支持内外网，《WebRTC 从实战到未来！》第二篇，迎接风口，前端必学的技术！...

拍照，抠图，分享屏幕，录制屏幕，虚拟背景，实时音视频通话，新开了一个专栏《WebRTC 从实战到未来！》...

谷歌公布 2023 年最受欢迎的 12 款 Chrome 浏览器扩展 谷歌表示，开发者每年都会构建独特且富有创意的 Chrome 扩展程序，以帮助提高从生产力到网络可访问性...

前端在做性能优化的时候，其中一种有效的方式就是减少包体积的大小。而减少包体积大小的其中一种有效的方式就是tree-shaking，本文会对tree-shaking这个功能做...