1.16-1.24学习笔记

一、flex布局和grid布局

1.注意点

flex项目属性：

flex-basis属性和width属性同时使用时，会使该项目的宽度固定为这两个属性中宽度的最大值。
即

width: 100px;
flex-basis: 200px;
结果：一个宽度固定为200px的盒子。

2.flex布局教程链接（转载）

文字教程：
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
视频教程：
https://b23.tv/52OdZg

3.grid布局教程链接（转载）

文字教程：http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html
视频教程：
https://b23.tv/ulHKVO

二、JavaScript

1.引入JavaScript

三种方式：行内引入，内部引入，外部引入。

行内引入与内部引入的选择：
JavaScript脚本可以放在head和body里面（可以同时放），不过一般把函数和其他的分开，函数放在head或页面底部，这样可以让页面的内容更清晰。

2.语法规范

在 JavaScript 中，用分号来结束语句是可选可不选的。但最好加上，因为浏览器是自动解析语句然后添加分号，一会占用系统资源，二可能会解析错误语义，在错误的位置添加分号。

HTML不区分大小写，而JavaScript严格区分大小写。

3.输出

控制浏览器弹出一个警告框

alert(“contents”);

在页面中输出一个内容

document.write(“contents”);

向body中输出一个内容

document.write(“contents”)；

向控制台输出一个内容

console.log(“contents”);

4.字面量和变量

字面量：
字面量，都是一些不可改变的值。
字面量可以直接使用，但是我们一般都不会直接使用字面量。

变量：
变量可以用来保存字面量，而且变量的值是可以任意改变的。

使用偏好：
变量更加方便我们使用（便于 写和修改 它的值），所以在开发中都是通过变量去保存一个字面量，而很少直接使用字面量。

三、英语全称收集

有序列表ol 即 ordered list
无序列表ul 即 unordered list

src 即 source的缩写