重学React Hooks系列(5) - useCallback
useCallback是用来缓存函数的。当函数被传递给其他组件时,无需担心在父组件的每次重新渲染时都重新初始化函数,这是一个很小的性能提高了。很多时候结合memo API一起使用时,useCallback才能发挥出作用!
阅读全文〉
重学React Hooks系列(4) - useMemo
useMemo每次重新渲染时会根据依赖项数组中的依赖项,来决定是否应该重新计算值。这种计算比重新计算值要昂贵得多,所以useMemo是用来缓存值的。
阅读全文〉
重学React Hooks系列(3) - useRef
Hooks出现后,Ref有了一点变化:它可以引用任意值(Dom Node或JavaScript Value)
阅读全文〉
重学React Hooks系列(2) - useState
useState 是目前最常用的Hook了。useState(initial) 接收一个初始值作为参数,返回一个数组,第一个元素是state,第二个元素是改变state的函数;如果状态更新依赖于以前的状态,需要useState的更新函数中传入一个回调函数。
阅读全文〉
重学React Hooks系列(1) - why hooks
React hook是React团队发明的,用于在函数式组件中引入状态管理和副作用。React Hooks使我们采用函数组件的写法编写React应用。因此,不再需要Class组件。
阅读全文〉
FFMPEG 命令大全
FFMPEG 是特别强大的专门用于处理音视频的开源库。你既可以使用它的API对音视频进行处理,也可以使用它提供的工具,如 FFMPEG, ffplay, ffprobe,来编辑你的音视频文件。本文将简要介绍一下FFMPEG库的基本目录结构及其功能,然后详细介绍一下我们在日常工作中,如何使用FFMPEG提供的工具来处理音视频文件。
阅读全文〉
如何选择直播协议?
在直播软件开发过程中,我们可能会遇到一些困惑。像是对于流媒体协议的选择,如 HTTP-FLV、WebRTC,RTMP,HLS 及其它私有协议等,到底哪个比较合适?哪种协议可以用在 PC 平台上?哪种协议在移动设备上效果比较好?接下来小编就先从各项协议的优缺点比较说起。
阅读全文〉
webpack优化指南
关于webpack优化,无外乎以下两个方向:1、提高编译速度 2、优化打包后的代码,例如包的体积、执行速度等 其中第一个目的解决的是解决开发部署速度上的优化,第二个目标才是真正的解决提升页面性能的。
阅读全文〉