由于在实际开发中经常遇到 offsetXXX、scrollXXX 和 clientXXX 这些属性，但是这些属性之间的差异又不是很大，导致在使用的时候经常混淆它们，接下来，我会用最直观的方式让你一劳永逸。 offsetWidth/offsetHeight 是指一个元素的 CSS…

this.$nextTick()假设我们修改了某个DOM内部的文本，我们想要打印更改后的DOM文本内容是需要等待DOM更新的，但是我们不确定DOM何时更新完成，这时，使用this.$nextTick(

最近看一些前端面试题，经常有问到伪类和伪元素的作用以及两者区别，所以特意找了一些资料学习。下面是我对这一方面知识的理解和总结，可能会有遗漏或者一些出入，欢迎大家指正，相互交流～ 伪元素和伪类很像，但是伪元素类似于增添一个新的DOM节点到DOM树中，而不是改变元素的状态。注意了，…

深入学习一个框架最直接的方式，就是弄明白框架的原理。React无疑是一个非常值得学习其原理的框架，它设计简单，没有引入任何新的概念，一个组件就是一个方法或一个类。 但是要完整弄明白React的源码并不简单，React的代码有数万行，特别是在引入Fiber架构后，在React简单…

持续更新中...封装方法传送门：项目常用JS方法封装(二) [ 时间处理 ]项目常用JS方法封装(三) [ 字符串相关处理 ]项目常用JS方法封装(四) [ 数组相关处理 ]使用方法非常简单，只需放到

作为一个使用 Typescript 很久很久很久的人来说, 真真切切感受到了 Typescript 的魔法, 大大提高了代码的可维护性. 方便代码重构(一个月重构一次, 半年重构6次,不是在重构的路上就是在重构……) 一种使用数组泛型, Array<元素类型>. 作用: 限定了…

熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候能够信手拈来. 下面直接步入正题.原文：16种方法实现水平居中垂直居中 水平居中 1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中. 2) 若是块级元素, 该元素设置 ma…

随着技术日新月异的发展，我以为已经可以完全甩掉 ie 浏览器，驰骋在新技术的海洋里。却不想，ie 兼容问题如影随行。

普及：浏览器的兼容性问题，往往是个别浏览器（没错，就是那个与众不同的浏览器）对于一些标准的定义不一致导致的。俗话说：没有IE就没有伤害。 贴士：内容都是自己总结的，不免会出现错误或者bug，欢迎更正和补充，本帖也会不断更新。 Normalize.css 不同浏览器的默认样式存在差…