陈小俊

前端作家人人贷

more thinking,less coding

11关注

94关注者

541掘力值

赞

76

更多

专栏

陈小俊
1月前
【TCP面试考点】9个知识点教你怎么答借用这个典故，我希望表达的意思是：当我们和面试官探讨相关知识的时候，能够让他从你这得到更多的理解，从而达到反哺的效果。计算机网络中，五层协议的体系结构如下: 运输层是整个网络体系结构中的关键层次之一。网络层为主机之间提供通讯逻辑，而运输层为应用进程之间提供端到端的逻辑通信。运输层一个很重要的...
- 12
- 收藏
阅读全文
陈小俊
2月前
从Promise的模拟实现看JS事件循环本文思路的开始是模拟实现Promise，所以先来探讨Promise。 Promise 是异步编程的一种解决方案，最早是社区为了不在回调地狱里沉沦而提出，ES6将其写进了语言标准，统一了用法，原生提供了Promise对象。 Promise 简单说就是一个容器，里面保存着一个异步操作结束后的结果。思...
- 3
- 收藏
阅读全文
陈小俊
3月前
前端大表单的设计思路巨大的表单，在复杂的管理后台中最为常见。就相当于网页上的银行单吧，并且有各类交互（增删改查）、校验。由于近期做的这类表单较多，作此篇，权当总结与分享。我相信此时的你使用的前端框架也是基于mvvm思想的框架（如vue、react等）。所以，还得先简短发表一下我对mvvm的理解。首先，mvv...
- 4
- 收藏
阅读全文
陈小俊
7月前
一百行js代码实现一个校验工具做过校验需求的小伙伴们都知道，校验其实是个麻烦事。规则多，需要校验的字段多，都给我们前端带来巨大的工作量。一个不小心，代码里就出现了不少等不可维护的代码。因此，我觉得一个团队或者是一个项目，需要一个校验工具，简化我们的工作。首先，参考一下 Joi。只看这一小段代码：我希望我的校验工具Co...
- 187
- 收藏
阅读全文
陈小俊
8月前
vue + element 实现的可配置的数据搜索组件在管理系统中，涉及到很多根据查询条件，查出数据，然后使用表格展示的页面。对于这种复用性极强的page，提供一个公共的组件是很必要的（样式统一、高效开发）。 1、Filter功能：搜索条件，搜索按钮 2、Table功能：展示数据，列表内实现一些操作如：查看、编辑等 3、Pagination功能：分...
- 7
- 收藏
阅读全文
陈小俊
10月前
一个开箱即用的影像组件（带详解）实现拖拽的思路是计算出dom最后的left跟top。未移动前可以通过clientX跟offsetLeft拿到dom的x坐标和左边距，记为。移动的过程中可以通过拿到元素的x坐标，记为。关于拖拽，有个情况还需要优化：页面上有两个modal，要保证最后点击的modal要覆盖之前点击的modal。 ...
- 3
- 收藏
阅读全文
陈小俊
11月前
react新特性实例详解（memo、lazy、suspense、hooks）其实react.memo的实现很简单，就几行代码。可以看到，最终返回的是一个对象，这个对象带有一些标志属性，在react Fiber的过程中会做相应的处理。在ReactFiberBeginWork.js中可以看到：根据传入的函数比较和，最终决定生成对象，并影响渲染效果。其实在这之前，早已经...
- 7
- 收藏
阅读全文
陈小俊
11月前
【面试进阶】React组件设计模式（一）完整代码可查看github，这里截取的代码不影响理解就行。我们一般编写组件，都会这么去做，list包裹item，循环展示item。数据放在list组件中，item作为一个无状态组件，只做他的展示。数据交互通过props传递，点击会改变购物车里的数据。现在需求来了，双12来了（就在昨日），所有...
- 56
- 收藏
阅读全文
陈小俊
1年前
【javascript实现】几道题目带你学习二叉搜索树二叉树大家都知道，二叉搜索树满足以下特征：二叉搜索树也叫二叉排序树，中序遍历二叉搜索树的结果就是一次递增的遍历。二叉搜索树的每一个分支的根节点都是他的中间值。根据这个特征，用二分法来将有序数组转换为一颗二叉搜索树。接下来我们验证下一棵树是否满足二叉搜索树。思路就是，中序遍历如果满足递增的就...
- 31
- 收藏
阅读全文
陈小俊
1年前
TCP四次挥手的秘密连接时将ACK和SYN同时发送，断开时先发送ACK再发送FIN。这就是为什么常说连接时3次，断开时4次。那么就有个问题，为什么断开时要将ACK和FIN分发？而不是一起发？难道是命运的安排？客户端发送FIN后，表示他结束了数据的发送（这里的数据指复杂数据，标志位、信号位如ACK等可以发送），但不...
- 9
- 收藏
阅读全文
陈小俊
1年前
那片草地
- 1
- 收藏
阅读全文
陈小俊
1年前
详解leetcode146题【LRU (最近最少使用) 缓存机制】(附js最优解法！)LEETCODE 146. LRU (最近最少使用) 缓存机制搞清楚两个问题就行，执行PUT操作的时候关注从以上分析，要想找到，我想到两个办法。也是两种情况1.内存中不存在该值（新数据） 2.内存中已经存在该值（旧数据）这里需要考虑部分特殊情况，比如内存为空的情况下连续执行以下操作执行g...
- 31
- 收藏
阅读全文
陈小俊
1年前
[译]实例详解防抖与节流（干货！！！）和是两个相似（但实现原理不一样）的技术手段，用于控制一个函数在一段时间内执行几次。当我们的函数附着在事件上时，使用和去处理这个函数是十分有用的。为什么呢？因为我们在事件和执行函数之间加了一个控制层。需要注意的是，这里并不是去控制事件发生的频率。当我们使用触控板、滚轮、或者是拉动滑动条，事件可能...
- 76
- 收藏
阅读全文

个人成就

获得点赞621

文章被阅读11,522

掘力值541

加入于

2017-04-10