Harlan_Zhang

前端鉴权 前言 在大部分web项目中，用户登录、权限管理都是非常基础、核心的功能，这次就来总结一下目前常用的鉴权方式。

前言 这段时间正在进行面试官培训，把很久以前整理的前端知识体系拿出来过了一遍，感觉又有了新的收获。这次就分享一下CSS代码生效的规则。 概念 先直接上 MDN 对优先级的定义: 一个 Dom 元素在浏

最近一段时间一直处于不停改Bug的状态（结果是bug越改越多。。），本文分享一下在这期间学到的一些新的知识。 下面简单描述一下这个和scroll事件有关的bug的场景。 父元素parent是一个块级元素，在其上面绑定scroll事件，随着鼠标滑轮的滚动，parent的UI会发生…

最近开始逐步转向TypeScipt,在学习和开发的过程中，发现使用一些工具泛型可以大大提高开发效率。下面介绍一些常用的工具泛型和具体实现的源码。 工具泛型的实现主要是对类型的操作，这就需要先理解一些TS中的操作符的作用。 keyof 操作符 用于获取某种类型的所有key,返回一…

命令行界面（英语：command-line interface，缩写：CLI），是在图形用户界面得到普及之前使用最为广泛的用户界面，它通常不支持鼠标，用户通过键盘输入指令，计算机接收到指令后，予以执行。 目前前端开发中,CLI是常用的工具。前端三大框架Vue、React、Ang…

以前写过一篇如何从零开始创建 React 项目（三种方式),但是介绍的不太详细,这次重新写一篇文章，从头介绍如何用最新版本的 webpack、babel 等各种工具来搭建一个 React 项目，同时对用的对每一个包都做一下简要介绍。 首先我们本地安装新建目录，初始化项目，同时安…

z-index 属性设置元素的堆叠顺序，也就是在元素Z轴上的层级。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。但是注意的是该属性只有在设置了positon定位之后才会生效。 同级下，z-index的值越大，堆叠顺序越靠前，相同的z-index值的时候，后面的会在前…

前段时间修一个Bug的时候，涉及到了系统简历上传的功能，看了下代码发现用到了Socket来和后端通信。 简要概况一下业务场景：先通过http请求来提交一份简历文件，后端返回部分数据。当后端解析处理完简历文件后，通过socket返回详细的简历信息。 这里涉及到了两个值得记录的地方…

前段时间遇到了一个很诡异的Bug，发送FormData类型数据的POST请求被浏览器把Content-Type自动设置为了application/json，导致后端无法解析出正确的数据来。在尝试解决这个问题的时候比较深入的调研了multipart/form-data类型数据的相…