随笔分类 - react系列
摘要:实现思路 transform+transition,setTimeout+递归实现偏移滚动 在线预览 react跑马灯hooks 核心代码 import { useState, useRef, useCallback } from "react"; function useMarquee({ dat
阅读全文
摘要:实现思路 setTimeout + 递归,然后就是一个时间的转化。 特别要注意在特定的地方清除定时器 在线预览 react倒计时hooks 核心代码 import { useRef, useState, useEffect } from "react"; const formatMoment = (
阅读全文
摘要:实现思路 自定义hooks+setTimeout组合,基本实现很简单,只要理解了节流和防抖是什么就很容易实现了。防抖和节流都是对高频触发的事件来做的一种应对手段,我认为它们最本质的区别是是否需要对最终的结果负责,比如防抖的目的即是为了拿到最终的结果,所以前面不管触发多少次,我们都可以不管,只等到它不
阅读全文
摘要:实现思路 通过touchstart、touchmove、touchend组合,实现过程中需要注意以下几个问题 touchmove、touchend事件需要绑定在window上,并且这两个事件需要包在touchstart中 touchstart事件需要阻止冒泡和禁止默认事件,开始监听touchmove
阅读全文
摘要:原文地址:React Hooks: everything you need to know! 🚀 从React 16.8.0开始,有新的方法可以优雅地调用异步代码,从而更轻松地在组件之间重用逻辑。 作为reactjs开发人员,您有责任了解最新的react框架功能。不是为了取悦您的老板,而是要在该领
阅读全文
摘要:原文地址:What is React Fiber ? 在过去的几个月中,社区对最新版本的React的兴趣迅速增长,尤其是在2017年的Conf中, ConfLin Clark所做的出色工作解释了React Fiber如何与cartoons一起使用之后 。 那么,简而言之,React Fiber是什么
阅读全文
摘要:原文地址:How the useEffect Hook Works (with Examples) 想象一下:你有一个足够好的函数组件,并且有一天,你需要加一个生命周期函数到里头。 啊。 “也许我可以用某种方式解决它?” 最终变成“糟糕,我要将它转化成一个类组件”。 类组件继承自React.Comp
阅读全文
摘要:原文地址:Avoiding React setState() Pitfalls 我经常会阅读到setState()是React中容易让人误解方面之一的相关的内容 考虑到管理组件状态是React的一个基础能力,我想了解一下有关使用setState()的常见陷阱和解决方案。 首先,快速概览setStat
阅读全文
摘要:原文地址:Virtual DOM - the Difference Maker in React JS 介绍 响应时间是现代网站面临的最大挑战之一,具体来说就是,怎么样使用户快速的访问网页并完成其任务。随着许多UI库的出现,它们所有都试图独立的解决上述问题。在本文中,你将看到React如何使用被称为
阅读全文
摘要:原文地址:Building a carousel component in React using Hooks 不同层之间的关联关系是当今web开发的问题之一,我们不仅面临着多个依赖的强耦合,而且还将逻辑代码直接和一些样式或者表现层的代码混杂在一起,结果可能仍然比几年前的类似的代码更易于复用,但是复
阅读全文
摘要:原文地址:What is Redux JS? 有很多web开发者问我们,Redux.js是什么?Redux是一个开源的JavaScript库,它能帮助开发者更容易的创建自定义的用户界面,将整个应用的状态维护在单个且不可变的状态树中。不可变的状态树并不是不能变化而是不能直接修改,每次应用的状态修改都要
阅读全文
摘要:跳槽了,听说这是一家使用react的公司。这几天上班工作交接之余看了下react,网上找了几篇博客几乎都是长篇大论的,我很不喜欢,感觉就是你抄抄我的,我抄抄你的,没有自己的思想想法在里面。 盗图一份(react生命周期所有钩子函数): react 核心原理就是通过优化过的diff算法比较两棵树(虚拟
阅读全文