我研究了两种技术方案：Range + fmp4 + MediaSource 和 M3u8切片方案。这两种方案各有优缺点，下面详细聊聊我的实现思路和踩过的坑。

在 H5 项目中，我们会经常遇到页面中存在单个甚至多个 input/textarea 输入框与底部固定元素的布局情况。在 input/textarea 输入框获取焦点时，会自动触发键盘弹起，而键盘弹出在 ios 与 android 的 webview 中表现并非一致，同时当我们…

写过移动端的同学或多或少都遇到过软键盘带来的各种各样的问题，最典型的就是输入框被软键盘遮挡、fixed元素失效等问题，并且这些问题在iOS上的表现让人难以接受。

Taro3.x React模版，支持微信/支付宝小程序。近期有微信小程序开发需求，主管让我们进行技术选型、编写开发指引和规范文档。这里记录一下我们的技术选型过程，并分享一个模板项目供开发朋友们参考。

React实现一个拖拽排序组件 - 支持多行多列、支持TypeScript、支持Flip动画、可自定义拖拽区域

FLIP 是什么？ flip 并不是一个插件或者一个库，仅仅是一个动画实现的思路。例如 Vue的内置组件 transitionGroup 就有用到。 作用 那么 flip 有什么用呢？

给一个垂直排列的list组件，在变换顺序期间，如何加上过渡效果，我对比了市面上比较主流的工具库，最终选用react-flip-move，这篇文章将介绍我如何一步一步实现给list item添加动画的。

乍一看，让我们手写出这个逻辑应该是非常复杂的，先看看本文最后要实现的效果吧，和这个案例是非常类似的。 图片素材依然引用自知乎问题《有个漂亮女朋友是种怎样的体验？》，侵删。 拿到了这个需求，第一直觉是怎么做？假设第一行第一个图片移动到了第二行第三列，是不是要计算出第一行的高度，再…

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