摘要：
JavaScript中this的绑定规则 前言 我们知道浏览器运行环境下在全局作用域下的this是指向window的，但是开发中却很少在全局作用域下去使用this，通常都是在函数中进行使用，而函数使用不同方式进行调用，其this的指向是不一样的。JavaScript中函数在被调用时，会先创建一个函数 阅读全文
摘要：
JavaScript闭包 1.函数在JavaScript中的地位 在介绍闭包之前，可以先聊聊函数在JavaScript中的地位，因为闭包的存在是与函数息息相关的。 JavaScript之所以可以称之为支持头等函数的编程语言，是因为JavaScript中函数是一等公民； 函数不仅在JavaScript 阅读全文
摘要：
JavaScript的内存管理 1.什么是内存管理？ 在了解JavaScript的内存管理之前，可以先大致熟悉一下什么是内存管理，不管什么样的编程语言，在其代码执行的过程中都是需要为其分配内存的。 不管什么样的编程语言，以及它用什么方式来管理内存，其内存的管理都具备以下的生命周期： 申请内存：分配其 阅读全文
摘要：
JavaScript的执行过程 前言 编写一段JavaScript代码，它是如何执行的呢？简单来说，JS引擎在执行JavaScript代码的过程中需要先解析再执行。那么在解析阶段JS引擎又会进行哪些操作，接下来就一起来了解一下JavaScript在执行过程中的详细过程，包括执行上下文、GO、AO、V 阅读全文
摘要：
浏览器工作原理和JS引擎 1.浏览器工作原理 在浏览器中输入查找内容，浏览器是怎样将页面加载出来的？以及JavaScript代码在浏览器中是如何被执行的？ 大概流程可观察以下图： 首先，用户在浏览器搜索栏中输入服务器地址，与服务器建立连接； 服务器返回对应的静态资源（一般为index.html）； 阅读全文
摘要：
行内非替换元素的注意点（padding、margin和border） 1.以下属性对行内非替换元素不生效 width和height； margin-top和margin-bottom（左右margin是可以正常生效的）； 2.以下属性对行内非替换元素的效果比较特殊 padding-top和paddi 阅读全文
摘要：
CSS中不同单位的对比 1.px px（Pixel，像素），相对长度单位，是相对于显示器屏幕分辨率而言的。 px没有什么特别的地方，设置多少px就显示多少px； 2.em em不同于px，它的值并不是固定不变的，不同情况下它设置的值是不一样的。 情况一：给元素文字大小设置em，并且父元素有设置字体大 阅读全文
摘要：
CSS实现水平垂直居中的方式有哪些？ 基本结构样式： .box { width: 400px; height: 400px; background-color: red; } .inner { width: 100px; height: 100px; background-color: blue; 阅读全文
摘要：
深入理解line-height和vertical-align 1.什么是行高（line-height）？ line-height用于设置文本的最小行高，可以简单理解为一行文字所占据的高度。但是行高的严格的定义是：两行文字基线（baseline）之间的距离。 那么什么是基线（baseline）呢？ 基 阅读全文
摘要：
Flex布局的详细总结 1.认识flex布局 flex布局（flexible布局，弹性布局），是目前web开发中使用的最多的布局方案。 两个重要概念： 开启flex布局的元素叫flex container； flex container里面的直接子元素叫做flex items； 设置display属 阅读全文