随笔分类 - React
摘要：提供给 diff 算法，性能优化，防止 bug 不要用 index 了兄弟们 export function uuid() { var i, random; var uuid = ''; for (i = 0; i < 32; i++) { random = Math.random() * 16 |
阅读全文
摘要：今早来又莫名其妙的遇到了 bug，排查了一下是 useEffect 导致的。今天就再来详细的学习一下 react useEffect。 为什么要？ 我们知道，react 的函数组件里面没有生命周期的，也没有 state，没有 state 可以用 useState 来替代，那么生命周期呢？ useEf
阅读全文
摘要：出错的原因 render()一加载就会渲染，渲染的数据是初始state里的值 ，当setState会再次渲染 之前用 dva，由于 promise 能够对异步 request 请求非常方便的调用并对流程进行控制。 然而用原生 redux 的时候，经常会出现 undefined 错误。 之前的写法是使
阅读全文
摘要：了解 React 里面的各个 event 每个事件都有以下的事件 boolean bubbles boolean cancelable DOMEventTarget currentTarget boolean defaultPrevented number eventPhase boolean is
阅读全文
摘要：今天看了篇有关前端应用程序性能优化的文章，文章内容写得很 ok。文章是twitter写的，内容关于 twitter lite 如何优化。 twitter lite 优化 总结下来大概是这么几点： 学会用 chrome devtools 分析应用程序的性能 添加基于路由的细粒度代码拆分 改写造成 ja
阅读全文
摘要：结合过去的经验，还有 react 官方文档的开发说明，可见 先用已有的数据来渲染一个不包含交互功能的 UI。最好将渲染 UI 和添加交互两个过程分开。 理由：编写一个应用的静态版本的时候，往往需要编写大量的代码，而且不需要考虑太多的交互细节。添加交互功能的时候往往要考虑大量的细节，而不需要编写大量的
阅读全文
摘要：自己阅读并翻译了一下，原文链接：https://medium.com/@robinpokorny/index-as-a-key-is-an-anti-pattern-e0349aece318 我经常看到开发人员在呈现列表时都在使用 item 的 index 作为 key。 {todos.map((t
阅读全文
摘要：以前对 bind 一直模模糊糊的，今天就再从官网捋一下 必须谨慎对待JSX回调函数中的 this，在 javascript 中，class 的方法默认不会绑定 this。如果你忘记绑定 this.handleClick 并把它传入了onClick，当你调用这个函数的时候 this 的值会变为 und
阅读全文
摘要：之前用 State 的时候还不熟，然后根据从返过来的 state 里面的数据来渲染。但是有时候拿不到这个数据，因为 State 的更新可能是异步的 例如 // Wrong this.setState({ counter: this.state.counter + this.props.increme
阅读全文
摘要：
阅读全文
摘要：最近写React一直在纠结样式的问题，今天找了篇看起来很不错的文章，认真读三遍先... 原文链接：https://juejin.im/post/5b3dd2d25188251b193d2d7e React拾遗：从10种现在流行的 CSS 解决方案谈谈我的最爱 （下） If you are not p
阅读全文
摘要：最近写React一直在纠结样式的问题，今天找了篇看起来很不错的文章，认真读三遍先... 原文链接：https://juejin.im/post/5b39e63ae51d4562aa017c81 React拾遗：从10种现在流行的 CSS 解决方案谈谈我的最爱 （中） "上篇" 介绍了 React 现
阅读全文
摘要：最近写React一直在纠结样式的问题，今天找了篇看起来很不错的文章，认真读三遍先... 原文链接：https://juejin.im/post/5b39e63ae51d4562aa017c81 React拾遗：从10种现在流行的 CSS 解决方案谈谈我的最爱 （上） Strong opinions
阅读全文
摘要：和官网的内容基本一致，自己照着写了一遍加深印象，再对照着项目过一遍，对dva.js 以及 umi的理解更深刻了一点 Models State type State = any State表示model的数据状态，通常表现为一个javascript对象(当然可以是any type of state)
阅读全文
摘要：昨天认真看完了Promise 与 Generator，今天早上认真学了一下redux-saga.js。把笔记输出到这里 redux-saga的api put 作用类似于 dispatch，用来 put 同步 的 generator function，也把一些状态 put 到 reducer call
阅读全文
摘要：React状态管理库 React没有解决的问题 React本身只是一个抽象的DOM层，使用组件来构建虚拟的DOM 如果用React来开发大型的应用程序，还需要解决两个问题 架构：大型应用程序应该如何组织代码 通信： 组件之间应该如何通信 架构问题 React只是视图层的解决方案，可以用任何一种架构
阅读全文
摘要：开始啃算法了 给自己三个月的时间啃算法 看看自己三个月以后算法能啃到什么程度。。。 现在的水平是一个 leetcode 简单题都写不出来那种2333333 今天是2020年4月10日 看看2020年7月10日的时候自己的算法水平能到什么样。 算法的学习过程，也会记录到博客里面。 leetcode 3
阅读全文
摘要：首先来看reduce方法() 这是一个数组的方法。 执行数组中每个值的函数，包含四个参数： ( 累加器 ) ( 当前值 ) 可选（ 当前索引 ） 可选（ 数组 ） 可选（ 初始值 ） 废话不多说 直接看代码 来理解compose函数 理解完了数组的reduce方法之后，就很容易理解compose函数
阅读全文
摘要：react中编程式的路由 以往知识点都很零散，今天来系统的总结一下react中编程式的路由。目前来看主要有两种编程式的路由。 1. react router redux 说句实在的，体验了一番还是react router redux香，简洁明了。以后还是尽量用这个。 ` // 1. reducer.
阅读全文
摘要：有个问题：到底如何组织Reducer与Action？ 公司里面的项目，action和reducer都是分开组织的。 这应该是传说中的“标准形式”reducer action。 1. 所有action放在同一个文件里面，会导致的是无限扩展 2. action与reducer分开，实现业务逻辑的时候来回
阅读全文
浙公网安备 33010602011771号