创建登录页面极其路由
src-pages下新建login文件夹:
新建index.js文件:
JS Web API BOM
BOM
BOM操作是Browser Object Model(浏览器对象模型)
DOM操作是Document Object Model(文件对象模型)
BOM相对DOM来说简单许多,基本就是API的操作,了解即可,需要用到的时候再查就行。
解决router相关报错
报错:Link不应该在router的外部在Header组件中使用”react-router-dom”的Link组件时,报错:Error: Invariant failed: You should not use <Link> outside a <Router>也就是说Link不应该在router的外部:
JS Web API DOM(2)
DOM性能
DOM操作非常“昂贵”,占用CPU比较多,因为他可能会导致页面的回流、重绘,reflow和repain过程是非常消耗性能的,要尽量避免频繁的DOM操作。