首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
eveningwater
夕水
创建于2021-06-24
订阅专栏
这里是我的个人知识总结
等 39 人订阅
共105篇文章
创建于2021-06-24
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
谈谈React中useLayoutEffect钩子函数与浏览器的故事
让我们再谈谈 React 中的 DOM 访问。在上一篇文章深入浅出 React 中的 refs中,我们介绍了如何使用 ref 进行访问,并额外学习了有关 ref 的所有知识。然而,在处理 DOM 时,
深入浅出React中的refs
React 的众多优点之一是它抽象了处理真实 DOM 的复杂性。现在,我们无需手动查询元素、绞尽脑汁思考如何为这些元素添加类又或者是添加样式等,也无需为浏览器兼容性而苦恼,只需编写组件并专注于用户体验
一些react使用小技巧(中)
以下是个人收集总结的一些使用 react 的小技巧第二篇。 五. 高效的状态管理 27. 永远不要为可以从其他 state 或 props 派生的值创建新的 state state 越多 = 麻烦越多
你可能需要掌握的27个javascript数据类型问题
1. 什么是数据类型? JavaScript 中的每个值都有特定的类型,此类型决定了可以对值执行哪些操作以及如何存储它,这就是数据类型。 2. 有多少种数据类型? JavaScript 有 8 种数据
一些react使用小技巧(上)
以下是个人收集总结的一些使用 react 的小技巧。 组件相关 1. 使用自闭合组件 2. 推荐使用Fragment组件而不是 DOM 元素来分组元素 在 React 中,每个组件必须返回单个元素。不
没有默认导出的 React.lazy (懒加载组件)
React v16.6.0 引入了 React.lazy,允许无需任何外部库进行代码分割。前往这里了解详情。 React.lazy 函数允许你将动态导入呈现为常规组件。来看如下一个示例: 在以前,我们
浅谈在react中渲染html
需求描述 在react中渲染html也是一个常见的需求,比如服务端返回一段html标签字符串,以下是一段伪代码。 渲染react html字符串,我们要如何做呢? 如果不是很熟悉React的渲染的,可
记:ts中的类型合并特性
前言 ts如果联合类型中2个子类型是相似(甚至完全一致),则会有ts类型合并的情况。我们来看一段示例代码: 这段类型代码,我们模拟了2个接口函数类型,分别是ListDiagnosis和ListTool
web每日一题(不断更新中)
前言 这是一个每天更新一题的文章,欢迎评论区网友提供题目和答案,不断更新中,记录下来,方便学习,参考答案如有问题,敬请批评指正,废话不多说,开始进入正文。 第一题 题目 判断一个对象是否为空,包含了其
原来any大法并不万能
any大法是万能的 在typescript中,都说遇事不决就用any类型,any类型是万能的。比如我们假设存在这样一个封装好的组件。 如以上代码所示,此时的data我们很难确定data的类型,因为我们
10分钟入门react-写一个todo-list
前言 为了入门react,我特意花了10分钟写了一个todo-list,它长这样: 我将之拆分成如下模块: 图标 输入框与添加按钮 列表展示待办事项 事项索引 事项详情 编辑与删除 这其中还包含了一些
Excuse me? 产品让我实现一个值班表 (下)
Excuse me? 产品让我实现一个值班表 (下) 通过前面的几篇文章,我们已经将一些基础组件和工具函数都写好了,接下来就是利用这些组件和工具函数来组合完成这个值班表了。接下来,我们来看最核心的部分
你可能不知道的antd倒计时组件用法
前言 如果让你实现一个显示当前日期的定时器组件,你会怎么做?如下图所示: 初步实现探索 碰到这样的需求,你是不是会使用定时器来实现,如下所示: 可以看到,我们使用到了useEffect,在里面使用se
Excuse me? 产品让我实现一个值班表 (中)
Excuse me? 产品让我实现一个值班表 (中) 在上一篇文章,我们对整个值班表做了分析和一些准备工作,接下来,我们就根据模块一步一步实现整个值班表。 添加块 首先我们来看添加块组件,这个组件很简
Excuse me? 产品让我实现一个值班表(上)
Excuse me? 产品让我实现一个值班表 产品经理让我实现一个值班表,然而我找遍了开源项目,都没有找到符合设计的交互需求,没有办法,我只好自己实现了一个值班表。如下图所示: 实现模块分析 根据交互
useSafeState-保障 React 状态的安全性
useSafeState-保障 React 状态的安全性 摘要:ahooks 是一个可靠的 React Hooks 库。本文将详细介绍 useSafeState 这个 Hook,帮助您理解其工作原理和
关于二次封装element-plus table的一些归纳总结(4)
在讲解实现原理之前,我们首先需要思考的就是实现思路,一个表格主要分成两部分,第一就是表头,第二就是表体。 因此,我们的最终实现也是按照这两个部分去实现的,我们将采用tsx语法来实现,因为tsx语法实现
一个小小的需求,竟让我不得不写一个react-simple-jsx解析器
需求背景 事情是这样的,后端返回类似这样的数据格式 cshjdkvghsv<xxx xx='xxx' />sdhjkshfv'<xxx xx='xxx'></xxx>'sdhgjdsk,然后需要前端将
深入浅出JSON.parse
前言 众所周知,JSON.parse方法用于将一个json字符串转换成由字符串描述的 JavaScript 值或对象,该方法支持传入2个参数,第一个参数就是需要被转换的json字符串,第二个参数则是一
关于二次封装element-plus table的一些归纳总结(3)
紧接上文,这篇文章将展示最后的几个示例,下一篇文章则着重分析封装的element-table的实现原理。 示例15--表头分组(多级表头) 通过给列数据添加children属性,该属性也是一个对象数组
下一页