flex Box 布局（Flexible Box）旨在提供一种更有效的方式来布局、对齐和分配容器中项目之间的空间，即使它们的大小是未知的或动态改变的。其主要思想是让容器能根据可用空间的大小来动态地改变其元素的宽度和高度。 flex CSS 属性设置的是，flex 元素如何根据其…

传统的CSS布局基本是div + css布局，依赖盒子模型，通过position、float、display等方式实现，但是对于一些特殊布局，就不太容易实现，比如垂直居中布局。 2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布…

这个很多人应该还是知道的，在浏览器地址栏可以直接运行JavaScript代码，做法是以javascript:开头后跟要执行的语句。比如： 将以上代码贴到浏览器地址栏回车后alert正常执行，一个弹窗神现。 比如在地址栏输入以下代码然后回车运行，会出现指定的页面内容。 这个还是在…

防抖（debounce） 和 节流（throttle） 是前端性能优化的常见策略,也是面试中的高频考题。遗憾的是，很多新手小伙伴往往对这两个概念只是一知半解,不知道这两种策略有什么区别。 故此，本文希望引入一个小例子来帮助各位了解防抖和节流。 在我们的开发过程中，常常需要监听 …

下面我将选择进行划分为三大部分，对于基本选择器我就不说了，主要讲下伪类选择器，组合选择器及它们各自的使用场景。 下面讲讲nth-child()括号中的公式，这个算是这个选择器的亮点了。 上面这两我就不说了，相信大家都用烂了。主要说说下面这两个。 好了，在讲完这些选择器之后我们来…

作为前端学习者的我们 或多或少都要学些 CSS ，它作为前端开发的三大基石之一，时刻引领着 Web 的发展潮向。 而 CSS 作为一门标记性语言，可能 给初学者第一印象 就是简单易懂，毫无逻辑，不像编程该有的样子。在语法更新时，每当新属性提出，浏览器的兼容又会马上变成绊脚石，可…

BFC（Block Formatting Context）格式化上下文，是 Web 页面中盒模型布局的 CSS 渲染模式，指一个独立的渲染区域或者说是一个隔离的独立容器。 内部的 Box 会在垂直方向上一个接一个的放置。 bfc 的区域不会与 float 的元素区域重叠。 bf…

js引擎遇到一个异步任务后并不会一直等待其返回结果，而是会将这个任务交给浏览器的其他模块进行处理(以webkit为例，是webcore模块)，继续执行调用栈中的其他任务。当一个异步任务返回结果后，js引擎会将这个任务加入与当前调用栈不同的另一个队列，我们称之为事件队列。 Jav…

JS的严格模式'use strict'应该是大家熟悉不过的知识，按字面意思来解释就是遵循严格的行为模式来写代码。但有那些规则来约束我们在开发过程中来使用严格模式规范自己代码呢？所以这篇文章的目的仅仅是为了再次加深对严格模式的认识。虽然本文是基础知识，但希望对大家有所帮助。 为未…