前文说过,最近在写一个基于 React + WP-Rest 的独立主题,而本文所说的回到顶部组件即是它的一部分。 原理及演示 关于Element.scrollTop,MDN 上有很好的解释: Element.scrollTop 属性可以获取或设置一个元素的内容垂直滚动的像素数。 一个元素的 scrollTop……
在React中写一个回到顶部组件(back to top)
React函数组件使用State和生命周期方法(componentDidMount等)
对于函数组件(Function Component)来说,它没有 class 组件中的 componentDidMount、componentDidUpdate 等生命周期方法,也没有 State,但这些可以通过 React Hook 实现。 React Hook 是什么 Hook 是一个特殊的参数,它是 R……
React 中使用 highlight.js 代码高亮的两种方法
最近在用 React + Material-UI 写一款基于 WP-Rest API 的主题,碰到了代码高亮的问题,这里记录下两种解决方法。 问题 请求 API 返回的数据包含代码块,前端应该调用代码高亮插件“渲染”一下。 在普通的 html 中,页面加载完成时调用 highlight.js 的高亮方法即可,……
Electron+React+WebRTC屏幕共享(2):获取视频流
书接上回,上次已经建立了可以使用的 Electron + React + WebRTC 开发环境,这次重点解决获取视频流的问题。 Mobx 管理状态 我使用 mobx 抽离 React 组件的内部状态数据,这样有两个好处,1 是方便状态共享,2 是可以把逻辑写在组件外面。 import { observabl……
Electron+React+WebRTC屏幕共享(1):开发环境
很早之前就计划做一个基于 WebRTC 的屏幕共享程序,顺便假设一个 TURN 服务器,试试 WebRTC 流量中转。 简介 很久之前的计划,在此之前,我也开发过类似的 WebRTC 音视频共享,但只是一个很简单的一对一项目,没用上公网 TURN 服务器,也没时间细细研究,因此心里有点遗憾。 这次选定了Ele……