markdown渲染代码增加行号

使用markdown-it在网页上渲染markdown文件

Mock 函数可以使用来测试代码之间的连接，即用来测试函数被调用的参数，返回值，调用了几次等等测试函数被调用的参数和返回值创建一个Mock Functions//定义一个调用一定此时回调函数的方法function useCallBack(callback, count){for (let i = 0; i < count; i++){callback(i)}}

由于我是用的是脚手架创建的react项目，所以测试所需要的库都是安装好的，如果非脚手架创建还需要安装相应的库组件我们用一个很简单的组件来举例，点击Reset按钮，count被设置为初始值，点击加号按钮或者减号按钮，count对应加一减一import React from "react"export default function MyCounter({initialCount}) {const

新建项目使用typescript如果你是要新建一个使用typescript的react项目，并且你用脚手架Create React App去创建，那没就非常的容易，你只需要在创建的时候将命令改为npx create-react-app "你的项目的名称" --template typescript已有项目引入typescript如果你是要在已有的react项目引入typescript或者你想创建一

useImperativeHandle 可以结合ref将自定义的值，方法暴露给父组件，直接看代码import React, {useImperativeHandle} from "react"//定义props的接口，ref接口interface ImProps {value: string;}interface ImRef {printValue: () => void;}const Im

Mock Service Worker（MSW）可以用于api的模拟，让前端在开发或者测试时不需要依赖后端的接口，msw不仅可以用在测试中，还可以在起的开发环境中使用node中使用，比如在测试用例中使用定义出我们需要的请求//handlers.jsimport { rest } from 'msw'export const handlers = [//定义一个greeting的get请求rest.

Testing Library是一个使用非常方便的测试辅助工具安装在脚手架创建的react项目中开箱即用npm install --save-dev @testing-library/react组件一个类似官网的示例import React, { useState, useReducer } from 'react'import axios from "axios"const initState

前端pdf导出方案