弗吉尼亚伍尔夫

前一篇文章 介绍 instanceof 检测变量类型时有提到，它的作用是用于检测构造函数的 prototype 是否在某个实例对象的原型链上。那么什么是原型？什么又是原型链呢？ 相信大家肯定听过原型，还看过 prototype 这个属性。现在我们就来看看它们的关系。 你可能学过…

前面一篇内容 我们讲解了基本数据类型，接着讨论了它们是如何进行存储的。在此同时，我们就 原始数据类型 和 对象类型 的区别进行了分析。那么这一篇我们继续讨论，这些数据类型之间是如何进行转换的？又还有哪些其它对象类型？JavaScript 中的内置对象有哪些？装箱和拆箱又是如何触…

前面介绍的文章中，我们讲到设计语言模块的第一步就是设计基本语法，而基本语法的开始就是基本数据类型和变量。 基本数据类型是指语言内置的基本变量类型，而变量是作为数据的一种表现（存储）形式存在。现在我们就从底层原理看看 JavaScript 种的变量和类型吧。 JavaScript…

其实设计一门语言可能对于我们初学者来说都还比较遥远。但毋庸置疑的是，站在一门语言的顶端去学习它，模仿设计者去理解它的设计理念、观摩它的运行轨迹能对学习这门语言起到事半功倍的效果。 上述的步骤是当你设计一门语言时需要考虑的一些功能模块。我们搞清楚了语言的主要功能模块后，接下来我们…

常见的CSS布局方式有：文档流布局（Normal flow）、浮动布局、定位布局、伸缩盒布局（FlexBox）、网格布局（Grid）、居中、圣杯布局、双飞翼布局等。 关于前面三种布局都属于传统盒模型布局方式，前面文章中也有讲过。大家比较熟悉，这里就不赘述了。 关于伸缩盒布局和网…

前面我们讲了 伸缩盒。我们讲到，伸缩盒是传统盒模型布局的一种代替，并且伸缩容器以及flex item的属性足以应付我们常用的各种布局模式，那为什么还会出现Grid网格布局呢？ 可能你已经知道了，以往任何布局方式几乎都是一维布局，而Grid最大的特色就是采用了二维布局。当然，Gr…

flex 伸缩盒布局相关概念及属性的介绍。比如伸缩盒的概念、伸缩容器以及伸缩项及其属性的罗列介绍和示例图

前一章我们了解了语义化HTML结构的重要性，也清楚了在写网页结构时如何去写，现在我们来看看HTML5和CSS中一个非常重要的知识点——BFC。 (1). BFC BFC（Block Formatting Context），顾名思义，块格式化上下文。在讲它之前，我们先来看看下面两…

不管是不是做前端的，相信大家都听说过HTML并且自己随随便便就能看着几个现成的网站样式写出几行代码。但是，你有考虑过你真的把HTML用好了嘛？相信你也知道HTML控制的是整个网页的结构，并且它是语义化的。那你在写代码的时候真的把结构语义化考虑进去了嘛？现在写前端代码都流行一个d…