在Canvas中使用React Hooks

在本文中,我将使用React Hooks创建一个html canvas 画图网站,我将使用create-react-app脚手架从零开始构建项目。最后这个应用程序有诸如清除、撤销和使用localStorage基本功能。本文我将向您展示任何构建自定义Hooks和在普通的Hooks中重用有状态逻辑。基本设置我们首先使用create-react-app创建一个新的React应用程序。$ npx crea

- 阅读全文 -

React 17 正式版发布

React 17 正式版已经发布,本次版本变更日志如下:React为全新的 JSX 转换器添加 react/jsx-runtime 和 react/jsx-dev-runtime。根据原生框架构建组件调用栈。可以在 context 中设置 displayName 以改善调用栈信息。防止 'use strict' 从 UMD 的 bundles 中泄露。停止使用 fb.me 进行重定向。React

- 阅读全文 -

Vue/React页面引入three.js实现3d动画场景

页面引入three.js实现3d动画场景研究一些关于3D图形化库。three.js是JavaScript编写的WebGL第三方库。Three.js是一款运行在浏览器中的 3D 引擎,你可以用它通过控制相机、视角、材质等相关属性来创造大量3D动画场景。所需依赖我们开始引入three.js相关插件。npm install three2.接下来利用npm安装轨道控件插件:npm install thre

- 阅读全文 -

跨端扫码确认实现Web登录(扫二维码登录)

起初的想法是类似于QQ扫码登录,BILIBILI扫码登录一样,通过手机确认后,在web端重定向完成登录通过对BILIBILI扫码功能的解析,自己实现了一套类似扫码登录的功能以下为伪代码,仅供查阅前端需要两个路由,两个页面login提供Web端用户登录和扫码图片仅提供扫码展示,密码登录不写了login2提供给跨端用户(如手机端)扫码进入主要为二次确认,提供确认登录和取消登录确认登录后,页面跳转至lo

- 阅读全文 -

react中的ref获取dom或者组件方法

使用ref获取DOM的引用在vue中,如果想获取DOM元素时,可以使用this.$refs.引用名称在react中也可以像vue中,有类似的写法,如下1.为元素添加ref引用<h2 ref="test">这是h2标签</h2>在页面上获取元素this.refs.test2. 使用ref获取组件的引用为组件添加ref引用<Text ref="

- 阅读全文 -