最近在复习一些JS的基础，原型和原型链大概是JS中相对的难点了。看了很多关于原型链的讲解，不好理解主要也是因为太抽象，且不是我们开发中直观常用的东西。 原型链的主要链如下图，是我在一个学习视频中收藏的。这个图清晰明确的表示出实例，构造函数和原型对象之间的关系。 接下来解释一下： 构造函数：对..

添加事件的三种方法： DOM0中：element.onclick=function(){}， DOM2中：element.addEventListener(“click”,function(){},false)， DOM3中：element.addEventListener(“keyup..

盒模型主要有标准模型和IE模型两种，二者之间主要的区别在于宽度width和高度height的计算方式不同。 标准模型width/height： content 的 width/heightIE模型width/height：border + padding + content 的 width/he..

BFC（Block Formatting Context）：块级格式化上下文，是一个独立的布局环境，特点：一个环境中的元素不会影响到其它环境中的布局 问题1： 开发过程中常见的垂直方向边距重叠 为child两个子元素上添加margin设置会出现下图中的情况，可以明显看出的两个问题： ① 两个..

组件库源码已上传至github/leapFrog button组件需求分析： 问题总结： 如何继承button标签和a标签上自带的属性/方法？ react为组件提供了方法: button标签使用：React.ButtonHTMLAttributes<HTMLElement>..

最近在一些开源项目中看到使用classnames来处理css样式的写法，主要思想是通过它提供的一个classNames方法，可以设置多个动态的className，这样再应用到组件/标签上，来控制样式的动态修改。 首先第一步，还是先安装classnames依赖包。 （个人习惯用npm，其他包..

最近打算使用React Hook +TypeScript打造一个前端的组件库，所以在此之前先对React Hook进行了相关总结，方便复习和巩固，后续也会更新TS篇。 React 在16.8中推出了Hook的概念，开始使用function组件来替代class组件。 Hook是一个特殊的函数，..

挂Jest官网 使用npm安装jest依赖，执行 npm install -D jest typescript 因为我要用TS写case，所以需要安装 ts-jest 相关依赖，执行 npm install -D ts-jest @types/jest 依赖安装完成后，在 pac..