以一个初学角度深入研究TCP连接和释放连接的过程

从TCP报文开始，到实战wireshark抓包工具解析TCP三次握手和四次挥手

让你真正搞懂TCP三次握手和四次挥手

一、前言

上文介绍了如何在服务器安装配置svn服务， 这篇文章简单介绍一下我对svn权限控制的理解

svn的权限通过authz进行控制

用户和密码通过passwd进行控制

一、前言

有条件的还是建议用GIT，如果我带团队， 也一定会主推GIT

以下是我认为svn无法取代git的优点

• SVN的分支是对某个分支或者主干的拷贝，而GIT的分支是创建一个指针，创建分支和切换分支非常迅速

• GIT更优越的工作流， 存在本地库的概念，我可以在本地建立自己的分支，形成自己的版本库，而SVN必须有服务器才能工作

一、前言

瀑布流，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest，逐渐在国内流行开来。国内大多数清新站基本为这类风格。

适用于以图片为主的网站，配合懒加载效果还是不错的

一、前言

为什么要看这个呢，因为前段时间有人提了个问题，axios的 拦截器如果想取消是否还需要return以及return什么值的问题，带着这个问题，看了axios的源码

说是源码分析，其实就是我看代码以及梳理思路的过程，哈哈哈

个人感觉axios的代码规范做的很好，命名规范，注释简洁，建议亲自品尝！

一、前言

闲着没事逛B站，发现了尚硅谷推出的关于Diff的课程，正好面试种也常问到，就学习了一下。这个课程主要围绕Snabbdom这个库，贴一下视频地址【Vue源码解析之虚拟DOM和diff算法】

这篇文章我会根据视频结合自己的理解对Diff过程进行讲解

关于代码还是建议看Snabbdom库typescript版本的源码，地址

首先要明确，Diff过程就是对新旧两个虚拟节点（VNode）进行比较，从而最小代价对DOM进行修补（patch）和更新

一、面试题

不用多说，参加过前端面试的小伙伴应该都遇到过，很经典的面试题。下面这些组件间的通信方式不但要会代码实现，还要知道每种方式的优缺点以及适用场景，学会灵活运用。

听别人说过一句话，原文忘记了，只记得大概是说：架构师在技术选型时不是选择最好最前沿的技术，而是选择项目最适合的方案。可能vue，react很好，但是有些项目可能更适合jsp，这是业务场景决定的。因此我们需要熟悉各个技术的特点，灵活的选用最合适的。

关于每一种通信方式的优缺点总结，是自己平时开发和工作中总结出来的，并没有参考其余博客，可能不是特别全面，大家做个参考，可以结合自己的经验进行思考，也欢迎大家提出自己的意见

一、前言

关于数据类型，面试中考点还是挺多的，最常见的提问方式是基本数据类型，堆栈内存中分别存储哪些，typeof和instanceof对于数据类型判断的应用（深浅克隆判断key），看了很多遍还是容易忘，特此记录

一、前言

很久没更新文章了，正好前两天有人问到svg图标的问题，于是便有了此文

为了节省大家的时间，不卖关子，本文主要讲述项目中如何更优雅的使用svg图标，经过配置后支持自动化导入图标，自动化压缩、剔除无关信息

使用方法：

• 下载svg图标（iconfont或者来自UI的svg图标）
• 复制到项目路径下
• 通过svg名称调用

这篇文章主要参考

• 【花裤衩：手摸手，带你优雅的使用 icon】
• 【张鑫旭：SVG精简压缩工具svgo简介和初体验】

一、前言

实现一个很常规的功能， 鼠标停留出现3个像素的上边框，然而鼠标停留后出现了抖动，审查元素后发现是三个像素撑起了这个元素， 将其余元素向下挤， 才出现了这个抖动，一个比较常用的解决办法是先给元素一个3像素transparent背景的上边框，鼠标停留在将背景色改为其他颜色。这样就不会撑大元素

后来又想起来有个box-sizing， 好像也可以做到，于是尝试了一下确实可以，看了一下mdn文档中对于box-sizing的描述, 做一个记录