前端学习路线

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

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

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

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

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

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

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

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

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

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

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

写在前面 css预处理器 在css预处理器出来之前，css没有变量，样式复用，代码很难维护，而且没有不支持嵌套的写法，css预处理器正是为了解决这些痛点的。 css预处理器的特点 增强编程能力，可复用

为什么会出现浏览器前缀 这个要从css的发展来说，因为每次css属性从诞生到成为标准都需要经过草案到逐渐标准化的过程。在标准还未确定的时候，部分浏览器就已经根据最初草案实现了部分功能

我正在参加 码上掘金体验活动，详情：show出你的创意代码块 flex布局的相关概念 弹性盒模型 主轴和交叉轴 需要注意的是：一旦设置主轴方向，那么关于flex容器上的盒子的属性都是基于主轴的。

高阶函数 构建高阶函数 既然知道了高阶函数的定义，那我们就可以构建高阶函数了 1. 将函数作为参数 这种将函数作为参数的方法通常被用在回调函数中。 回调函数是在所有其他操作完成后在操作结束时执行的函数

全局对象就是作用在全局作用域上的对象。在浏览器中，全局对象是window; 在node.js中，全局对象是global; 在worker中，全局对象是WorkerGlobalScope。

css动画 css动画的使用 优点 创建动画非常简单：不需要学习和了解js就能实现动画效果 动画运行效果良好：用js实现的动画效果通常不是很好，但是使用css动画，浏览器的渲染引擎会根据系统尽可能让动

雪碧图 雪碧图的原理 把你在网站上会用到的小图标整合到一张单独的图片中，从而减少你的http请求数量。然后在需要用到图片的地方使用background-image和background-positio

什么是JavaScript JavaScript发展历史 1995年由Netscape公司创立，取名为LiveScript。后面因为与Sun公司合作，因此改名为JavaScript。 Ecma国际创建

calc函数 语法 需要注意以下几点： 表达式只支持+，-，*，/，（） 使用+，-时前后必须要有空格，为了统一性，建议都加上空格 *时两边至少有一个是number /时除数必须是number 应用