第二次前端笔记
Ps：关于上次补充：相对路径和绝对路径
..为回到上一个文件，若要调用路径跳转 ./为同一层目录的跳转 ../选择上一层目录文件的跳转
注意为“/”不是“\”若用“\”会被转义掉
一、关于css剩下的内容
1.可以将css看成一个盒子模型，包含margin，border，padding，content四个部分，content为真正内容，为核心部分，border设置边框，padding是边框和内容之间的留白部分，margin为各个“盒子”之间的间距。
四者均可以指定四个方位设置宽度，可用top/bottom/left/right进行设置。可对padding和border进行颜色设置，其中padding默认颜色跟background颜色相同。对于border可以设置不同形式，例如solid定义实现边框，dashed定义虚线边框，border- radius设置圆角（多使用率）等
2.布局：块级元素和内联元素
块级元素的display为block，会独占一行，div默认就是block，块级元素宽度为父级元素宽度，高度和宽度是可变的
内联元素的display为inline，排列在一行内，高度和宽度是不可变，由它的内容决定
行内块级元素属性为inline- block为块级元素，但属性跟内联元素相同可以排列在同一行，高度和宽度可以设置
二、关于js
1.js为弱定义，不需要用数据类型声明变量，只需用let和var进行生命，建议使用let，也可以使用const声明，但不可以再次修改
2.js中常用上object对象的概念，例如用var person={ }的方式包装一个对象，可用s.personId将对象内容取出来
3.使用某一个函数赋值的时候，若将该函数值重新赋给其他的时候，赋值的是该函数的地址，数组赋值也是地址
4.编写js时使用script框起来，在里面定义一个函数，函数名之后加（），当要传参的时候在里面写上形式变量,{}写自己要写的内容，使用botton或者div添加onclick，戳一下就会触发定义的函数。js也可以像css5.console.log（x）语句会使x在控制台上打印出来
6.以for(i = 1;i <= 10;++i) { } 为例，i=1为第一次循环的数，i<=10是对范围的设定，大于10时会自动跳出循环，++i为自加1
7.while循环：（）里面只有例如i<10的一个布尔表达式，while进行判断，直到判断结果为false时跳出循环
8.if- else语句：（）中也是布尔表达式，判断结果为ture时可以执行内容，if语句可以嵌套，但注意保证if和else的配对，也可以使用else if，其中有一个可以执行的时候便执行该else if
9.input标签会生成一个框，可以在框里面写入信息，若要获取信息可通过id获取，如使用doucument.getElementById(inputId).value，通过寻找myinput的id获取信息；或给form设置一个name并在该form里可设置多个input，input设置为text时为输入框，botton时为按钮，设置value会显示文字，最后设置onclick执行函数
10.API为js中一些已有的函数，想用的时候可以百度
11.Dom树概念引入：每个元素只能有一个父元素而一个父元素可以有多个子元素，行程类似树的形状，可用doucument.getElementById（）获取某个元素的id，而通过doucument.getElementsByClass（）获取到的是元素的列表，所有标签都可以放在Dom树上
12.可使用innerHTML获取某个标签的内容，通过getElementById从Dom树上获取元素后，调用innerHTML即可获取其内容；也可设置该元素的innerHTML，例如document.getElementById("ShowShowWay").innerHTML = sent就会把showshowway的内容变成sent变量存储的内容 ，而如果想不删除原内容的情况下添加新内容则通过例如document.getElementById("ShowShowWay").innerHTML = sdocument.getElementById("ShowShowWay").innerHTML + sent;的方法
