第五棵树

写在前面 视口 视口（viewport）就是可视区域的大小。在前端页面布局中，一共有三种类型的视口：理想视口(ideal viewport)，布局视口(layout vie...

响应式布局 对于PC端布局来说，浏览器都是可以手动缩小的，对于这种类型的PC端，一般有两种方式：媒体查询+流式布局, 另外一种就是采用rem布局。 PC端项目主要分为两类：...

媒体查询的介绍 媒体查询的用法 媒体查询可以通过以下三类方法用于项目中 通过@media和@import at-rules用css装饰样式...

写在前面 布局的历史发展 随着互联网和相关设备的发展，前端的布局大概经历了这几个阶段：table布局阶段、div+css布局阶段、静态布局阶段、流式布局阶段、自适应布局阶段...

浏览器内核的组成 浏览器内核是有两部分组成： WebCore(渲染引擎): 负责HTML解析、布局、渲染等等相关的工作 JavaScriptCore(JS引擎): 解析、执...

写在前面 周末这两天看完了一本书《深入解析css》, 看完了这本书之后，感觉我对css有了更深一步的理解，于是便写下了这篇读书笔记。篇幅过长。这本书一共分为四个部分：基础，...

transform transform主要是用来设置倾斜，缩放，旋转，平移。具体属性值有下面几种 translate: 平移 scale: 缩放 rotate: 旋转 sk...

基本数据类型 1. 布尔值（Boolean） 2. 字符串（String） JavaScript的字符串是不可更改的，但是可以基于对原始字符串的操作来创建新的字符串。...

常见布局 两列布局 两栏布局一般指的就是左侧宽度固定，右侧宽度自适应 有以下几种实现方式： 1. 使用浮动布局 2. 使用相对定位/绝对定位布局 相对定位 绝对定位 3. ...

值类型 值类型指的是JavaScript的基本数据类型，包括：字符串（string）、数值（number）、布尔（boolean）、null、undefined、代表（sy...

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第12天，点击查看活动详情 1. 创建方式 object的创建方式有两种：构造函数和对象字面量的方式创...

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第13天，点击查看活动详情 使用非整数并通过方括号或点号来访问或设置数组元素时，所操作的并不是数组列表...

基本介绍 每个 JavaScript 函数实际上都是一个 Function 对象。可以通过运行 (function(){}).constructor === Functio...

构造函数 1. 语法 2. 参数说明 没有参数： 表示实例化时刻的日期和时间 Unix时间戳： value: 时间戳是一个整数，表示自1970年1月1日 00:00:00 ...

数据类型 我们知道对于基本类型的变量，如果要判断类型的话，可以直接使用typeOf。下面我们就来看一下他们的区别。 在 javascript 的最初版本中，使用的 32位系...

写在前面 属性 1. Math.E 2. Math.LN2 3. Math.LN10 4. Math.LOG2E 5. Math.LOG10E 6. Math.PI 7. ...

栈 栈的特点 先进后出 后进先出 堆 堆的特点 堆中某个结点的值总是不大于或不小于其父结点的值； 堆总是一棵完全二叉树。 队列 队列的特点 先进先出 后进后出 基本类型在内...

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第19天，点击查看活动详情 typeof 1. 常见用法 2. 应用特点 从上面的打印信息可以看出，对...

隐式类型转换 常见隐式类型转换的场景 在所有的运算符中，除了+号之外，所有的运算符都会将变量的类型转成数字型，然后再进行运算，其中undefined会转成NaN。 运算符+...

string ---> String 1. 语法 2. 参数说明 thing: 任何可以被转换成字符串的值。 特殊字符需要转义。 Code Output \0 空字符 ' ...