全栈学习ing

console.log("打开");console.log("放入");console.log("关闭");//将这三个程序改为定时器console.log("打开");},3000)console.log("放入");},2000)console.log("关闭");},1000)Promise是 JavaScript 中用于处理异步操作的一种编程模式，属于回调地域。它是一个代表了某个异步操作最终完成（或失败）及其结果值的对象。

模版字符串（Template Strings），也被称为模板字面量（Template Literals），是 ECMAScript 6（ES6）中引入的一种新的字符串语法。后续对于原型和原型链的学习建立在ES5语法中的构造函数的基础上，学习ES6中的class（类）来完成。箭头函数（Arrow Function）是作为函数的省略写法来进行，在特定情况下省略一些符号来达成简便的代码，是 ECMAScript 6（ES6）中引入的一种新的函数表达式，它使用。箭头函数的语法比普通函数更简洁，省略了。

在进行本页面时，我们将进行多个功能的串联。

在使用offset系列时需注意该属性为css属性，一般用于和javascript结合使用来获取信息，所以在使用该属性时只能获取值而不能改变值。最近的具有定位属性的祖先元素顶部边缘左侧边缘。

通过id名来获取元素根据类名获得某些元素集合选择一个元素，如果是标签名则选择该标签名的第一个元素获取所有命名相同的元素获取body 元素获取html 元素。

arguments的使用，只有函数才有 arguments 对象，而且是每个函数都内置好了这个arguments。

function 函数名() {函数体return 需要返回的结果;函数名();// (1) 我们函数只是实现某种功能，最终的结果需要返回给函数的调用者函数名()// 通过return 实现的// (2) 只要函数遇到return 就把后面的结果 返回给函数的调用者// 函数名() = return后面的结果。

由数字，运算符，变量等组成的式子被称为表达式，在程序内进行运算时和一般的数学运算逻辑相反，在程序中运算结果被称为返回值，而运算逻辑为返回值=表达式。

（1）条件表达式：循环执行所需要的条件，当返回值为true时执行循环体，false就退出循环。初始化变量：声明一个变量，或一个已经声明的变量，通常是作为计数器的起点使用。（3）循环体代码中需含有操作表达式 ，完成计数器的更新，防止死循环。操作表达式：每次循环最后执行的代码，通常用于我们的计数器更新状态。在一些情况下，我们需要对条件进行判断，某些特定条件可以使用！条件表达式：循环结束所需要的条件，以此来判断每次循环是否结束。（2）循环体：循环代码中需含有计数器，来进行初始化变量。

子元素会继承该属性，跟随父元素进行隐藏，且可设置单独的visibility属性，可以脱离父元素进行单独显示。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。子元素无法继承，但是会被隐藏，具有单独的display属性，无法脱离父元素单独显示。盒子的宽高直接为所设置的宽高，包含了内容宽高，内边距宽高，外边距宽高，更适合由外向里布局。

JavaScript作为前端网页中的行为层，主要的作用是为了完成行为交互的反馈和事件的进行。一般称呼为前端的脚本语言

CSS2中主要是通过不同的媒体类型进行样式的选择，screen，print，speech等，CSS3继承了CSS2中的类型的同时，新增了通过屏幕设备宽度，分辨率等进行查询。

row主轴为水平方向，起点在左侧（默认）主轴为水平方向，起点在右侧column主轴为垂直方向，起点在上侧（默认）主轴为垂直方向，起点在下侧nowrap不换行 默认情况下项目都排在轴线上wrap换行，行前往后排列换行，行从后往前排列flex-start向主轴开始的位置对齐（默认）flex-end向主轴结束的位置对齐center主轴方向居中对齐剩余空间主轴方向上以环绕的方式平均分配给项目剩余空间主轴方向上项目之间平均分配剩余空间主轴方向上平均分配。

block：显示元素none：隐藏（不占位，会导致文本内容出现格式变化）常用于创建绝对定位下的下拉菜单或蒙版。

一些使用的盒子限定宽高：

2、亲代选择器：使用 > 隔开，选择某元素的直接子元素，下列代码演示为在html中，存在多级父子关系的情况下，亲代选择器只会选择该父级的直接子级元素 3、相邻兄第选择器：使用 + 隔开，选择某元素后的相邻元素，且兄弟元素需要有相同的父元素，下列代码演示为在同一个父元素下，以 p1 为原点，它的向下相邻标签（可不同标签）注：选择的目标需是同一个父级元素下，可以是不同标签，且需在选择器下方的代码 4、后续兄弟选择器：使用 ~ 隔开，选择某元素后的所有同种标签的兄弟

border-bottom-right-radius：定义右下 角的弧度。border-bottom-left-radius：定义左下角的弧度。border-top-right-radius：定义右上角的弧度。border-top-left-radius：定义左上角的弧度。border-radius：简写 左上 右上 右下 左下。2、outline-color：设置轮廓的颜色。3、outline-style：设置轮廓的样式。2、selection：被选中的文本。4、outline：设置轮廓的粗细。

px通过设置数值来定义字体大小，默认大小为16px（绝对单位）相对于父级元素宽度的百分比（相对单位）rem相对于根元素（html）的字体大小的倍数（相对单位）em相对于父元素的字体大小的倍数（相对单位）英文提示largersmallerxx-smallx-smallsmallmediumlargex-largexx-large（较少使用）通过上述代码可以得知：px属性：作为绝对单位，在定义完成后即显示固定大小；

CSS的全称为层叠样式表，即层叠（cascading）+样式（style）表（sheets），主要用于定义如何显示html元素。样式通常储存在样式表中，即在html文件的同级目录下创建一个 XXX.css 文件，通过link去引用该表对html文件进行样式定义，该表的作用是为了将内容和表现分离，方便进行维护。注：多个样式可以层叠为一个。css的语法css有三种用法，分别是：1.内部样式：通过在head标签中插入style标签使用2.内部/内联样式：在标签行内通过style属性添加样式。

HTML表单：用来收集用户的输入信息，表示文档中的一个区域，此区域包含交互空间（输入框，单选框，复选框，下拉列表，按钮......），将用户收集到的信息发送到服务器。

标签来定义有序列表，一般形式为

百度搜索 在 a 标签内 href 处填入跳转的目标地址，标签前编辑所要显示的超链接文本点击信息。百度知道

作为互联网开发的两个重要分支之一，前端与后端的开发一直都是缺一不可相较于后端的数据开发和数据网络，前端设计的主要项目在于页面开发，UI交互界面的设计开发等，简单直白的就是人与界面的交互设计。