首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
xiaoT
掘友等级
公众号:就是前端
前端开发
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
17
文章 16
沸点 1
赞
17
返回
|
搜索文章
最新
热门
TypeScript 中的代码清道夫:非空断言操作符
最近,我学到了一个非常有用的 TypeScript 的操作符:非空断言操作符。它会排除掉变量中的 null 和 undefeind。 在这篇文章中,我将会介绍如何、何时使用这个操作符,并提供一些样式,希望可以对你们有帮助。 TL;DR:在变量后面添加一个 ! 就会忽略 unde…
React 中渐进式加载图片
你是否好奇 Medium 是如何加载图片的?或许,你已经注意到图片是分多个步骤加载渲染的。首先,显示一张模糊版本的图片,然后,用全尺寸的图片替换掉。 我们可以把图片加载技术分为两个不同的功能。 1. 懒加载 懒加载是一种非常好的技术,它可以明显提升网站的性能。 想象一下,你写了…
2020 年 React 状态管理
React hooks 的引入无疑改变的了 state 管理的现状。 在此之前,很难在组件之间共享 state 相关的逻辑。现在,我们可以很简单的通过抽象一个 hook 来处理(例如:useUserLogin)。 这就引出了问题,为什么我们还需要状态管理框架?在这篇文章中,我将…
【译】用 Enzyme 测试使用 Hooks 的 React 函数组件
React 函数组件本质上是一个返回 React Element 的简单函数。这是 React v16.8 中最值得期待的功能,通过 Hooks 的文档,我们知道使用 Hooks 可以在无状态的函数组件中注入 state 和生命周期方法,让组件变成 stateful。Hooks…
TypeScript 3.9 中的新特性
5 月 12 号 TypeScript 发布了今年的第二个版本 v3.9。这是一个稳定版本。这篇文章,我将会介绍 v3.9 中引入的新功能。 我们先看以下的示例,我们定义了一个有两个字符串参数的函数。 通常,如果,TypeScript 用户错误的使用这个函数,他们会得到一个非常…
用 Jest 和 Enzyme 测试 React I
这篇文章将会介绍如何设置并使用 Jest 和 Enzyme 测试通过 Create React App (CRA) 创建的 React 应用。对于那些从头开始的人我们会给出一些建议。但是,不会涉及太多有关 React 的知识。 Jest 和 Enzyme 是两个不同,但又相互相…
【译】为 REST API 创建可复用的 React Query 组件
每次实现一个新的 UI 组件时,我都是先实现布局,然后,mock 数据用于 defaultProps,并提供一个空的点击监听模拟用户交互。然后,用真实的数据替换掉 mock 的函数和 props。 为了实现那些需要从服务端获取数据数据的组件,我一次次的重复着相同的操作。使用和配…
React 应用性能优化的 6 条建议
我第一次学习 React 时,就知道了所有的可以提高性能的小技巧。直到现在,主要的性能优化手段就是避免协调(React 通过前后的对比来决定 DOM 是否需要更新)。 这篇文章中,我将会列举几个简单的方法,通过简单的开发技巧提升 React 应用的性能。这并不意味着你应该一直使…
CSS Scroll Snap 的工作模式
还记不记得,为了在页面上实现优雅的滚动效果(gallery, slide 等等)需要借助 JS 的那些日子?送走 JS,投入 CSS Scroll Snap 怀抱吧。 很久以前,当时 CSS 还处于第一阶段,我们就介绍过 CSS Scroll Snap,它可以让滚动的元素紧贴容…
ES2020 中 Javascript 10 个你应该知道的新功能
好消息 - ES2020 新功能已经落地!这就意味着,现在对 ES2020 中 Javascript 的新增和改进要有一个完整的了解。让我们来看看都有哪些改变。 BigInt,Javascript 中最期待的新功能终于落地。它允许开发者在 JS 中使用更大的整数进行数据处理。 …
下一页
个人成就
文章被点赞
200
文章被阅读
57,529
掘力值
1,428
关注了
9
关注者
21
收藏集
0
关注标签
13
加入于
2017-02-04