预备知识点

富文本编辑器是可以将图片、链接、字体样式等添加到可编辑的区域内，这就要做为富文本。接下来介绍一下我做的简易的富文本需要的核心属性：contenteditable
contenteditable 应用于标签元素上默认是false，当为true的时候就把该元素的内容变成可以自由编辑的。

开始制作

上面介绍了contenteditable属性，下面直接开始看看效果：

场景

需求：点击支付的时候，会出现支付的二维码，这时候我不知道用户什么时候支付完成了，这时候就需要轮询请求接口，根据接口的返回值判断是否支付成功了，如果用户取消支付，那就不在轮询请求接口了。
问题： 当我用useState的值来控制是否开始还是停止轮询接口的时候，我发现根本就无法去获取到最新的state。

使用场景

在做项目中经常用到axios去发送请求，也通常会把axios进行一个封装去使用，axios中使用baseURL字段去配置请求的基础路径，如：

1
2
3
4
5
6

const http = axios.create({
    baseURL: 'http://test-www.baidu.com'
})

// 请求http://test-www.baidu.com/api接口
http.get('/api')

自定义tabbar使用场景

当小程序的用户类型不止一种时，不同类型的用户登录之后进入到看到的场景一般也会有所不同，如关于学校的小程序，学生和老师登录进入的界面肯定是不一样的；关于医院的小程序，普通用户和医生进入的界面也是不一样的，这种场景是比较常见的，就不一一列举了。

第1章 WebGl概述

传统意义上的三维图形的显示需要开发者使用C或者C++语言，使用计算机图形库，如OpenGl或Direct3D来完成一个三维图形的应用程序。
如今WebGl之所以能够在web端进行使用，是借助了HTML5移入的<canvas>标签。canvas的出现意味着web端可以支持JavaScript动态的绘制图形。

npm中的package.json中可以通过scripts字段来实现脚本。

原理

npm使用npm run去执行脚本，会启动一个shell，可以通过shell命令运行脚本。
当使用npm run命令的时候会将当前目录的node_modules/.bin子目录加入PATH变量，执行结束后，再将PATH变量恢复原样。
比如使用jest test来做对比：

webpack.config.js中配置，区分两套配置

先通过运行的命令判断是开发模式还是生成模式，把公共的配置放在webpack.config.js，再根据模式引入对应的配置

一、useRef的特点

• useRef能够获取到dom
• 组件重新渲染，useRef的引用仍不会改变
• useRef的改变不会让组件重新渲染（render）

二、useRef与渲染的关系

什么是jwt

jwt全称是JSON Web Token，是Token身份验证的方法之一。
jwt分为三个部分：

• header 请求头
• payload 负载的数据(如：用户id，过期时间等等)
• signature 签名，由服务端生成

概述

var()函数可以代替元素中任何属性中的值的任何部分。var()函数不能作为属性名、选择器或者其他除了属性值之外的值。（这样做通常会产生无效的语法或者一个没有关联到变量的值。）