async await 全解
promise的APIpromise的使用场景async/await promise的API 常规用法   let text = new Promise((resolve,reject)=>{       resolve("成功时返回")       reject("失败时…
web性能优化
当输入url之后浏览器做了什么? DNS 查询得到 公网IPDNS (用有由运营商提供)公共DNS 114.114.114.114向IP发起请求http请求tcp连接每一个请求都是一个tcp连接(包括 js,css,html)服务器查询数据库返回数据展示HTML,渲染css,加载js DNS服务优化 花钱配置hosts 请求性能优化(keep-al…
react项目初始化
优化import使用styled-components统一cssReact-router使用SVG图片 1.优化import 在tscinfig.json中添加,可以吧src当做根目录路直接import "app.tsx"    "compilerOptions": {        + …
class组件详解
class组件的创建方式类组件中props的使用类组件中state的使用类组件的生命周期 1. class组件的创建方式 class组件也叫作类组件,有两种创建方式,第一种为Es5,第二中试Es6方式. Es5创建方式    import React from "react"    const A = Rea…
4. 函数组件详解
创建方式函数组件的state函数组件的生命周期 1. 创建方式    import React from "react"    //箭头函数创建    const Hello = (props)=>{        return (  …
useState的实现思路及原理
useState的基本用法useState的基本问题手写useState 1. useState的基本用法 ==注意: useState不能写在If里,因为会导致_state中的下标无法一一对应新的属性key==    function App (){        const [n,se…
useRef&useContent的用法
useRefuseContent 1. useRef的用法 不仅可以用于DIV还可以用于各种数据    function App(){        const nRef = React.useRef(0)        return (  …
hooks组件详解(上)
useState用法useREducer用法useContent用法useEffect & useLayoutEffect的区别用法useMemo && React.memo && useCallback用法 1.useState用法 useState使用状态注意事项不可以局部更新如果state是一个对象,s…
hooks组件详解(下)
useRefforwardRef 1. useRef useRef用于在一个组件不断render保持不变的值初始化: const count = useRef(0)读取: count.currentuseRef在变化是不会自动render如果想要当变化重新渲染UI,需要如下写法    function App(){  …
mongoDB基本命令(旧版)
mongod 启动服务db 查看当前操作那个一个数据库show dbs 查看数据数据列表(一共有几个数据库,备注: 如果数据库为空,不出现在列表中)use test : 切换到test数据库,如果不存在,则创建一个test库db.students.insert() 向当前数据库的students集合中插入一个文档(没有重新创建,在插入)show c…