- 博客(7)
- 收藏
- 关注
RSS订阅原创 react生命周期
此外，在这方法中调用setState方法，会触发重新渲染。与组件上的数据无关的加载，也可以在constructor里做，但constructor是做组件state初绐化工作，并不是做加载数据这工作的，constructor里也不能setState，还有加载的时间太长或者出错，页面就无法加载出来。componentWillMount方法的调用在constructor之后，在render之前，在这方法里的代码调用setState方法不会触发重新render，所以它一般不会用来作加载数据之用。
2023-10-06 11:33:42
41
1
原创 react数据管理
如果初始化了state之后再使用this.state，之前的state会被覆盖掉，如果使用this.setState，只会替换掉相应的state值。所以，如果想要修改state的值，就需要使用setState，而不能直接修改state，直接修改state之后页面是不会更新的。假如所有setState是同步的，意味着每执行一次setState时（有可能一个同步代码中，多次setState），都重新vnode diff + dom修改，这对性能来说是极为不好的。所以默认是异步的，但是在一些情况下是同步的。
2023-10-06 11:15:46
44
1
原创 React-Router
可以用url，qs，querystring，浏览器提供的api URLSearchParams对象或者自己封装的方法去解析出id的值。通过维护的列表，在每次 URL 发生变化的回收，通过配置的 路由路径，匹配到对应的 Component，并且 render。库来实现上述不同的客户端路由实现思想，并且能够保存历史记录等，磨平浏览器差异，上层无感知。来获取即可，传递的参数可以是对象、数组等，但是存在缺点就是只要刷新页面，参数就会丢失。的 path 属性和当前地址的 pathname 来实现的。
2023-10-06 10:54:14
67
1
原创 Hooks
即便在有经验的 React 开发者之间，对于函数组件与 class 组件的差异也存在分歧，甚至还要区分两种组件的使用场景。当然，这也是类组件的一个不便，它太繁杂了，对于解决许多问题来说，编写一个类组件实在是一个过于复杂的姿势。除此之外，由于开发者编写的逻辑在封装后是和组件粘在一起的，这就使得类组件内部的逻辑难以实现拆分和复用。React-Hooks 是 React 团队在 React 组件开发实践中，逐渐认知到的一个改进点，这背后其实涉及对类组件和函数组件两种组件形式的思考和侧重。难以理解的 class。
2023-10-06 10:42:36
37
1
原创 【webpack】
模块化开发：现代前端开发通常采用模块化的方式编写代码，每个模块负责特定的功能。Webpack可以将这些模块打包成一个或多个文件，以便在浏览器中加载。依赖管理：前端项目通常依赖许多第三方库和框架。Webpack可以帮助你管理这些依赖关系，将它们合并到一个文件中，减少HTTP请求的数量，提高页面加载速度。代码拆分：Webpack支持代码拆分，这意味着你可以将应用程序分割成多个块，按需加载，从而减少初始加载时间，提高用户体验。资源优化。
2023-09-28 10:50:29
32
原创 react 函数组件和类组件
跨级组件通信 （provide/inject）这种方式是通过依赖注入的方法实现组件（可跨级通信）依赖注入所提供的属性是飞响应似的provide:用来发送数据或方法inject:用来接收数据或方法ref/$refs在父子组件中通过ref可以获取子组件实例，通过实例来访问子组件的属性和方法纯函数（Pure Function）是函数式编程中的一个重要概念，它具有以下两个主要特性：相同的输入始终产生相同的输出：纯函数的输出完全由其输入决定，不受外部状态的影响。
2023-09-27 20:39:01
130
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人