B_Cornelius

前端 | 头条

你要悄悄努力然后惊艳所有人

18关注

3,490关注者

赞

259

更多

文章

2月前

封装自己的useRequest

背景在前后端分离的项目中，我们需要通过异步请求去获取数据，在这个异步请求的过程中需要做特别多的处理，例如: 展示loading，表示正在请求数据每个异步操作都需要使用try-catch捕获错误

1464
21
5

3月前

瀑布流的原理以及实现

瀑布流的原理已经实现，主要讲两种模式一种是绝对定位模式，一种是flex模式，这两者之间的差异已经共同点在哪儿呢

1936
26
8

8月前

登录系统实现

对于前端来说，登录就是把用户信息提交上去，后续就不用前端去担心了。但是做过一个登陆sdk的项目，发现这里边的逻辑不是那么简单。下面是我对登陆的一些理解分享给大家 http协议是无状态的，它不能以状态来区分和管理请求和响应。也就是说，如果用户通过账号和密码来进行用户认证后，在下次…

6574
291
14

11月前

server components--提高页面性能的新利器

目前这个feature仍然是实验性的，目前没有还没有正式的文档。简单来说server components就是在服务端渲染的组件，但是状态并没有丢失。目前，ssr方案被普遍用于提高首屏渲染速度。在不使用ssr的情况下，html文件内容很简单只有一个祖父节点来挂载整个应用但是…

811
6
3

11月前

数字滚动效果

在上面代码中，我们通过设置容器的偏移位置来控制显示的数字(其中useInterval的代码可参考这篇文章定时器在hooks的使用和分装)。上述代码存在一个问题，当我们从9到0的时候，容器偏移从-90%直接到了0%。解决这个问题，可以参考无缝滚动的思路，在9后面复制一份0，当…

2377
40
2

1年前

基于useRef实现clickoutside

hooks是一种能够在函数式组件中调用的函数，他可以让你在不编写class的情况下使用state以及其他的react特性。然后需要在对应的JSX节点中添加ref属性，这个ref属性值就是调用useRef返回的ref对象。此时需要获取真实DOM，只需要获取到ref的curren…

1652
12
评论

1年前

基于React实现Notification

在添加和移除的时候都有过场动画。当某个notication被删除时，其他的应该垂直滑动这里使用create-react-app来创建工程，然后使用css module来写样式。在上面notification无论是添加还是删除，动效都非常僵硬。下面添加渐入渐出动画，让这个添加…

1043
8
2

1年前

定时器在hooks中的使用和封装

当我们需要间隔一段时间或者每段时间间隔执行一个特定的函数，这个时候就需要借助定时器。这两种方法可以直接直接在react中使用，但是有些差异需要注意。在这篇文章中，就会讲解定时器函数在hooks的使用，并且如何在hooks对其进行封装。下面通过一个例子进行讲解在React C…

3660
8
4

1年前

你真的了解React Portals吗

这样来实现全局遮罩层，modal里边的内容自己控制。但是这样会存在一个问题，具体如下: 然后就发现狂点这个按钮不能控制modal的显示隐藏，因为这个button严重影响了modal的行为。这种其实是很难排查问题的，你不知道用户写了什么奇葩的代码，这个时候就考虑其他方式来规避这…

1148
9
2

1年前

Deno从入门到实践

Ryan Dahl也是Node.js的创始人，从2007年一直到2012年，他后来把 Node.js 移交给了其他开发者，不再过问了，转而研究人工智能。他始终不是很喜欢 Python 语言，久而久之，就想搞一个 JavaScript 语言的人工智能开发框架。等到他再回过头捡起…

137
1
评论

个人成就

优秀创作者

文章被点赞4,396

文章被阅读192,626

加入于

2017-09-21