随笔分类 -  react系列

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

点击右上角即可分享
微信分享提示