随笔分类 -  b) React&Redux

无限滚动&懒加载&元素位置 etc....
摘要：最近遇到了无限滚动的问题，用到了IntersectionObserver API，这里正好就将相关知识梳理整理一下。 前置概念知识 1. scrollHeight：容器元素被撑起后的实际大小高度 2. scrollTop：容器元素的滚动距离，也是当前视口相对于容器实际高度定点的距离。 3. offs 阅读全文
posted @ 2020-05-12 17:06 Lawliet__zmz 阅读(482) 评论(0) 推荐(0)
React Hooks的999999个好处
摘要：最近前几个月开始，新项目都开始完全使用typescript+hooks，先不说typescript吧，hooks是真的香🤣 1.更好的分离页面和逻辑，重用逻辑的方法 现在前端项目的组件化，一般都是基于最基础的UI组件库（里面也有组件的功能逻辑），加上业务逻辑，封装一个个component，cont 阅读全文
posted @ 2019-12-09 00:16 Lawliet__zmz 阅读(1043) 评论(0) 推荐(0)
react-spring介绍（翻译）
摘要：原文：https://alligator.io/react/intro to react spring/ 在本文中，我们将探索React的最佳动画框架之一：React Spring。 您将学习将组件样式更改为平滑的，基于物理的过渡的一些基础知识。 提前需要了解的 React Spring具有基于钩子 阅读全文
posted @ 2019-11-06 14:25 Lawliet__zmz 阅读(1015) 评论(0) 推荐(1)
Typescript中的对象多可能类型推导的解决办法
摘要：我们在渲染复杂对象，比如树组件的树对象，有嵌套对象/数组结构的时候，js的弱类型让我们一把梭，几乎没遇到什么问题（只是写的时候编译没问题把。233。。），结合TS后，对树状数据的递归访问会是一个问题： 比如数据源的数据声明为： 我们想根据这样的数据渲染一个树组件 | 的写法并不能让TS自动推导出v的 阅读全文
posted @ 2019-10-28 15:08 Lawliet__zmz 阅读(758) 评论(0) 推荐(0)
React和Vue对比
摘要：主要从以下方面对比： 1. 团队熟悉程度，学习成本 目前前端小组其实都是大部分在写业务代码，都有扎实的javascript基础和社区基础，上手二者的哪个都没太大成本区别。对于个人来说，无论转型深入哪个，都是不错的。所以这一点学习成本上其实没有太大顾虑，主要在下面几点的考虑上。 2. 框架本身对比，优 阅读全文
posted @ 2019-09-11 21:41 Lawliet__zmz 阅读(854) 评论(0) 推荐(0)
React优化总结2
摘要：1.函数组件使用memo 当父组件给子组件传递了props的时候，如果在父组件没有加判断子组件条件性渲染，eg: {isShowChild&& }，每次父组件执行render，子组件(函数)都会重新渲染(执行)，这时候如果是在子组件用memo导出，eg： 当到子组件时，会浅比较子组件的前后props 阅读全文
posted @ 2019-07-12 10:22 Lawliet__zmz 阅读(245) 评论(0) 推荐(0)
antd中AutoComplete组件的一些问题
摘要：最近做自己的一个项目的时候，用到一个自动填充的输入框，因为前端使用的antd，自然就引入了antd中的AutoComplete的组件。 官网链接： "链接" AutoComplete的填充数据有两种用法，一种是dataSouce，另外一种是option，运用option更灵活，可以渲染出自己想要的选 阅读全文
posted @ 2019-06-20 01:02 Lawliet__zmz 阅读(4733) 评论(0) 推荐(2)
react优化总结--(永久更新中)
摘要：1.箭头函数和bind的使用不当 类函数里声明方法的时候最好一次声明，只定义一次，什么意思，我们知道在类里面声明方法然后传递出去调用的时候this会丢失，一般用bind或者箭头函数解决，但是我们也要避免两种书写方式，即避免传子组件props的时候写内敛箭头函数或者内敛的bind方式，因为这时候如果我 阅读全文
posted @ 2018-09-01 17:06 Lawliet__zmz 阅读(234) 评论(0) 推荐(0)
《React小书》终结笔记
摘要：到今天为止终于刷完了胡子大哈的React小书，一开始就是冲着对Redux的理解去的，期间也在课后练习的ScriptOj上完成了小书推荐的题目，第三章是收费的，但是服务器好像挂了，邮件都收不了。。。后来发现react小书网站的第三章就是靠js增加了一层蒙版弹窗。。。在Chrome里把这个页面禁用js就 阅读全文
posted @ 2018-06-30 23:41 Lawliet__zmz 阅读(415) 评论(0) 推荐(0)