TCP三次握手和四次挥手

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

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

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

阅读全文

svn多仓库权限控制

一、前言

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

svn的权限通过authz进行控制

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

阅读全文

linux上搭建svn多仓库环境

一、前言

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

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

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

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

阅读全文

简易瀑布流TS版

一、前言

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

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

阅读全文

源码分析axios拦截器实现思路

一、前言

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

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

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

阅读全文

从Snabbdom了解Diff算法

一、前言

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

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

关于代码还是建议看Snabbdomtypescript版本的源码,地址

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

阅读全文

VUE组件间通信方式总结

一、面试题

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

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

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

阅读全文

JS数据类型判断

一、前言

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

阅读全文

优雅的使用svg图标

一、前言

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

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

使用方法:

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

这篇文章主要参考

阅读全文

box-sizing详解

一、前言

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

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

阅读全文