03 2023 档案
React-router v6 路由总结
摘要:React-router v6 路由总结 组件 BrowserRouter:整个前端路由以 history 模式开始,包裹根组件 HashRouter:整个前端路由以 hash 模式开始,包裹根组件 Routes:类似于 v5 版本的 Switch,主要是提供一个上下文环境 Route:在 Rout
h5移动端适配
摘要:1. viewviewport 缩放适配 (()=> { let viewprot = document.querySelector('#viewport'); // 获取设备宽度 let curWidth = document.documentElement.clientWidth; // 计算缩
深入认识setState
摘要:深入认识React类组建修改状态-setState setState,它对状态的改变,可能是异步的; 如果改变状态的代码处于HTML元素事件中,则其是异步的,否则是同步 如果遇到某个事件中,需要同步调用多次,需要使用的函数方式得到最新状态。 最佳实践 把所有的setState当作是异步的。 永远不要
React+TypeScript+Mobx6
摘要:react hook 风格下不再使用class类的形式定义组件,也就不再适用mobx以前版本的装饰器语法。 以下分享 reack hook 语法风格下使用 mobx v6 版本的状态管理配置使用方式。 相关依赖: "mobx": "^6.8.0", "mobx-react-lite": "^3.4.
CSS3-选择器
摘要:关系选择器 E+F:下一个满足条件的兄弟元素节点 div + p (选中和div并列的第一个p) E~F:所有满足条件兄弟元素节点 div ~ p (选中和div并列的所有p) 属性选择器 div[class~=“a”] // 选中class值中有a div[class|=“a”] // 选中cla
HelloReact
摘要:单页面中使用React 在单页面中使用React需要引入三个js:React的核心库、依赖核心库、babel(编译JSX) <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>