首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
eveningwater
夕水
创建于2021-06-24
订阅专栏
这里是我的个人知识总结
等 39 人订阅
共109篇文章
创建于2021-06-24
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
花了半天时间,我开发了一个json-schema-editor-visual
背景 在公司的项目业务当中,需要基于json-schema实现一个可以可视化编辑器,当前有不错的实现方案,如:json-schema-visual-editor。但事实上,这个交互并不满足于我们需求设
100个React最佳实践小技巧
本文为一些react使用小技巧(上)、一些react使用小技巧(中)、一些react使用小技巧(下)的合集 一. 组件相关 1. 使用自闭合组件 2. 推荐使用Fragment组件而不是 DOM 元素
一些react使用小技巧(下)
八. 测试 react 代码 54. 使用 React 测试库有效地测试你的 React 组件 想要测试你的 React 应用吗?请务必使用 @testing-library/react。 你可以在此
我用豆包IDE做了一个CSS权重小组件
豆包marscodeIDE挺好用的,今天我就来分享一下我用这个IDE写了一个CSS权重小组件示例。 查看效果 作为一个前端开发者,应该基本都会用vscode来做开发,所以也应该见过如下这张图的效果:
谈谈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,帮助您理解其工作原理和
下一页