互联网的关键技术就是TCP/IP协议。两台计算机之间的通信是通过TCP/IP协议在因特网上进行的。实际上这个是两个协议： IP: Internet Protocol 网际协议。 TCP确保数据包以正确的次序到达，并且尝试确认数据包的内容没有改变。TCP在IP地址之上引端口（po…

作为前端开发，在面试或者平时的开发中我们都应该全方位的了解多种登录授权机制，特别是OAuth 2.0、JWT、单点登录的这种概念和流程我们应该信手拈来。以下就是我我对这些开发过程中可能会遇到的登

移动场景下DNS解析开销是整个网络请求中不可忽略的一部分。在弱网环境下，基于UDP的LocalDNS解析非常容易出现解析超时的问题，并且即使解析成功会消耗数百毫秒乃至更甚，对我们整个业务请求而言是非常不利的，它直接影响了客户的体验。 对于一个比较大众的应用而言，DNS的优化对整…

在平时开发过程中，由于都是自己捣鼓玩的项目，并没有UI设计给我的设计图，更没有什么特效要求，导致对css动画一直都不是很熟悉，但是作为即将进入实习单位的萌新程序员，要时刻准备着设计师要求的各种动画，于是有了这一篇文章。 什么叫过渡？字面意思上来讲，就是元素从这个属性(color…

最近部门分享，有同学提到了 Vue 响应式原理，大家在讨论时，发现一些同学对这一知识理解还不够深入，不能形成一个闭环，为了帮助大家理解这个问题，我重新过了一下 Vue 源码，并整理了多张流程图，便于大家理解。 从 Vue 初始化，到首次渲染生成 DOM 的流程。 从 Vue 数…

我们知道，Koa 中间件是以级联代码（Cascading） 的方式来执行的。类似于回形针的方式，可参照下面这张图： 今天这篇文章就来分析 Koa 的中间件是如何实现级联执行的。 这个函数的作用在于将调用 use(fn) 方法中的参数（不管是普通的函数或者是中间件）都添加到 th…

在typescript里面，有两个概念十分容易混淆，那便是 type 和 interface，它俩都可以用来表示 接口，但是实际使用上会存在一些差异，因此本篇文章就准备聊聊它俩的联系与区别，废话不多说

我们团队的前端项目是基于一套内部的后台框架进行开发的，这套框架是基于vue和ElementUI进行了一些定制化包装，并加入了一些自己团队设计的模块，可以进一步简化后台页面的开发工作。 这套框架拆分为基础组件模块，用户权限模块，数据图表模块三个模块，后台业务层的开发至少要基于基础…

为了学习 rollup 打包原理，我克隆了最新版（v2.26.5）的源码。然后发现打包器和我想像的不太一样，代码实在太多了，光看 d.ts 文件就看得头疼。为了看看源码到底有多少行，我写了个脚本，结果发现有 19650行，崩溃... 这就能打消我学习 rollup 的决心吗？不…