overflow溢出属性
# 人生中有些事情早晚都要做
# 早就是优势
● overflow （水平和垂直均设置）
● overflow-x（设置水平方向）
● overflow-y（设置垂直方向）
相关图片：
定位
1. static-------->静止的----->默认情况下，所有的标签都是不能够移动的
2. 相对定位：就是相对标签自己原来的位置定位----->relative相对的
3. 绝对定位：就是相对于它的父标签进行定位，如果没有父标签，就相对于body标签---->absolute绝对定位
# 如果相对于父标签移动，前提是父标签必须是可移动的，言外之意就是父标签先设置：
position: relative;
4. 固定定位：就是相对于浏览器窗口定位
前端基础之JavaScript简称js
一个完整的 JavaScript 实现是由以下 3 个不同部分组成的：
● 核心（ECMAScript） ------------>基础语法---------->必须要会的
● 文档对象模型（DOM） Document object model (整合js，css，html)----------->重要
● 浏览器对象模型（BOM） Broswer object model（整合js和浏览器）------------>不重要
简单地说，ECMAScript 描述了JavaScript语言本身的相关内容。
JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
JavaScript 很容易学习。
JavaScript引入方式
1. 书写位置
# js文件
# 浏览器控制台
# script标签
2. 注释（注释是代码之母:快捷键：ctrl + ?(单行), 多行的(ctrl+shift+?)）
# 单行注释 //
# 多行注释
// 这是单行注释
/*
这是
多行注释
*/
3. 结束符
JavaScript中的语句要以分号（;）为结束符。
4. 变量声明
es5:
var name = 'kevin';
es6:
let name='kevin'
5. 变量的命名
# 基本上遵循python的变量命名规则即可
# 下划线、驼峰体、大驼峰、小驼峰
6. 常量
# python没有真正意义上的常量，全大写就是常量
# js中有真正意义上的常量
# 如何定义常量
const pi = 3.14
7. 保留字
JavaScript数据类型:（js也是一门面向对象语言，一切皆对象）
a = 1
a = 'kevin'
// 如何查看数据类型：typeof
var a = 1;
var b = 1.11;
console.log(typeof a);
console.log(typeof b);
1. 数值(Number)
var a = 1;
var b = 1.11;
2. 数据类型的转换
var a = '123';
还有一种NaN，表示不是一个数字（Not a Number）
3. 字符串(String)
var s = 'hello';
var ss = "hello";
// var sss = '''aaaa'''
console.log(s + ss);
4. 常用方法：
.length 返回长度
.trim() 移除空白
.trimLeft() 移除左边的空白
.trimRight() 移除右边的空白
.charAt(n) 返回第n个字符
.indexOf(substring, start) 子序列位置
.substring(from, to) 根据索引获取子序列
.slice(start, end) 切片
.toLowerCase() 小写
.toUpperCase() 大写
.split(delimiter, limit) 分割
5. ES6中引入了模板字符串（重要）###############################################
var name = 'kevin';
var age = 18;
var s = `my name is ${name}, my age is ${age}`;
console.log(s);
6. 布尔值(Boolean)
true、false # True False
# js中有哪些是假？
""(空字符串)、0、null、undefined、NaN都是false。
7. null和undefined
● null表示值是空，一般在需要指定或清空一个变量时才会使用，如 name=null;
● undefined表示当声明一个变量但未初始化时，该变量的默认值是undefined。还有就是函数无明确的返回值时，返回的也是undefined。
8. 数组------>列表
常用方法：
方法 说明
.length 数组的大小
.push(ele) 尾部追加元素
.pop() 获取尾部的元素
.unshift(ele) 头部插入元素
.shift() 头部移除元素
.slice(start, end) 切片
.reverse() 反转
.join(seq) 将数组元素连接成字符串
.concat(val, ...) 连接数组
.sort() 排序
.forEach() 将数组的每个元素传递给回调函数
.splice() 删除元素，并向数组添加新元素。
.map() 返回一个数组元素调用函数处理后的值的新数组
运算符
比较运算符
> >= < <= != == === !==
==
# ===(强等于，即比较数值，又比较类型) !==
逻辑运算符
&&(and) ||(or) !(not)
赋值运算符
= += -= *= /=
流程控制
自定义对象
var a = {"name": "Alex", "age": 18};
Date对象
JSON对象
python中序列化和反序列化
import json
json.dumps
json.loads
# 在js中如何序列化和反序列化
JSON.stringify() # json.dumps
JSON.parse() # json.loads