overflow 溢出属性
visible 默认值。内容不会被修剪，会呈现在元素框之外。
hidden 内容会被修剪，并且其余内容是不可见的。
scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
● overflow（水平和垂直均设置）
● overflow-x（设置水平方向）
● overflow-y（设置垂直方向
溢出属性
原型图象的制作
静态定位：默认情况下，所有的标签都是静止的，不能够移动 static
相对定位：相对自己原来的位置进行移动(relative)
绝对定位：相对于是父标签移动的，如果没有父元素，那就按照body移动(absolute)
固定定位: 相对于浏览器窗口定位(fixed)
如果想移动标签，必须先把 标签的属性修改，将原来的静止改为可移动。
默认为 static
position relative ； 修改性质
移动：
父标签.d1
position ： 改为 absolute；
绝对定位相当于父标签移动
前端基础JabaScript
实际上，一个完整的 JavaScript 实现是由以下 3 个不同部分组成的：
● 核心（ECMAScript）
● 文档对象模型（DOM） Document object model (整合js，css，html)
● 浏览器对象模型（BOM） Broswer object model（整合js和浏览器）
在html文件中 需要加上 <script>；而在js文件中则不需要
1. Script标签内写代码
2. <script src="myscript.js"></script># 注释
// 这是单行注释
ctrl+？ 快捷单行
ctrl shift +？ 快捷多行
/*这是 多行注释 */
JS 以分号结尾—— python中的换行
变量
1. JavaScript的变量名可以使用_，数字，字母，$组成，不能以数字开头。
2. 声明变量使用 var 变量名; 的格式来进行声明
a=1
3.变量名区分大小写 推荐驼峰
var a=1; # es5的语法
let a=1; # es6的语法
常量
const PI=3.14
不允许更改
JavaScript拥有动态类型
x=1
x='a'
print(x)
# 常用方法：
parseInt("123") // 返回123
parseInt("ABC") // 返回NaN,NaN属性是代表非数字值的特殊值。该属性用于指示某个值不是数字。
parseFloat("123.456") // 返回123.456
console.log（parseFloat（‘12344dd’）） 首个元素开头必须是数字
字符串(String)
常用方法：
JS拼接字符串
.length 返回长度
.trim() 移除空白
.trimLeft() 移除左边的空白
.trimRight() 移除右边的空白
.charAt(n) 返回第n个字符
返回从元素0开始
.concat(value, ...) 拼接
可以拼接多个
.indexOf(substring, start) 子序列位置
如果里面的子字符串在 前面的大字符串里时，会显示他在里面的索引位置
如果有重复的 那么显示 第一次的位置
在JS中 没有找到 显示 -1 不支持负数
.substring(from, to) 根据索引获取子序列
截取字符串 顾头不顾尾。
.slice(start, end) 切片
一个元素 是除此全部
两个元素 是从？ 到 ？ 支持负数
.toLowerCase() 小写
.toUpperCase() 大写
.split(delimiter, limit) 分割
// ES6中引入了模板字符串
var name = 'kevin';
var age = 20;
// var res = 'my name is %s, my age is %s';
var res = `my name is ${name}, my age is ${age}`;
console.log(res);
// 在js中，什么是真、什么是假
a=true
b=false
只需要记住什么是假，其余的都是真
""(空字符串)、0、null、undefined、NaN都是false。
var a=1;
var a; undefined
// 数组的常用方法
.length 数组的大小
.push(ele) 尾部追加元素
.pop() 获取尾部的元素
.unshift(ele) 头部插入元素
.shift() 头部移除元素
.slice(start, end) 切片
.reverse() 反转
.join(seq) 将数组元素连接成字符串
.concat(val, ...) 连接数组
.sort() 排序
.forEach() 将数组的每个元素传递给回调函数
.splice() 删除元素，并向数组添加新元素。
.map() 返回一个数组元素调用函数处理后的值的新数组
// 运算符
var x=10;
var res1=x++;
var res2=++x;
res1;
10
res2;
12
这里由于的x++和++x在出现赋值运算式，
x++会先赋值再进行自增1运算，
而++x会先进行自增运算再赋值！
/ 比较运算符
==是比较 值
===既比较值又比较类型
比较运算符:> >= < <= != == === !==
逻辑运算符:&& || !
赋值运算符：= += -= *= /=
// 流程控制
函数是 JavaScript 最重要的方面之一。如果没有 JavaScript 函数，它将非常有限。javascript 中的函数用于执行特定的操作或任务。
它们可以写入代码中，也可以使用 Function 构造函数创建。
Java 中的 Javascript 函数或方法可以接受参数和返回值。参数是在调用函数时传递给函数的值。返回值是函数执行后返回的值。
函数可以定义在其他函数内部，称为嵌套函数。嵌套函数可以访问外部函数的变量和参数。
javascript函数有哪些？
javaScript内置函数(内置函数,内置关键字)
js的内置对象是js自带，封装了一些常用的方法.常用的js内置对象有：String，Date，Array，Math等；
js内置函数是浏览器内核自带的，不用任何函数库引入就可以直接使用的函数。javascript内置函数一共可分为五类：
1、常规函数
2、数组函数
3、日期函数
4、数学函数
5、字符串函数
第一类：常规函数
包括以下9个函数：
(1)alert函数：显示一个警告对话框，包括一个OK按钮。
(2)confirm函数：显示一个确认对话框，包括OK、Cancel按钮。
(3)escape函数：将字符转换成Unicode码。
(4)eval函数：计算表达式的结果。
(5)isNaN函数：测试是(true)否(false)不是一个数字。
(6)parseFloat函数：将字符串转换成符点数字形式。
(7)parseInt函数：将符串转换成整数数字形式(可指定几进制)。
(8)prompt函数：显示一个输入对话框，提示等待用户输入。
第二类：数组函数
包括以下4个函数：
(1)join函数：转换并连接数组中的所有元素为一个字符串。
(2)langth函数：返回数组的长度。
(3)reverse函数：将数组元素顺序颠倒。
(4)sort函数：将数组元素重新排序。
第三类：日期函数
包括以下20个函数：
(1)getDate函数：返回日期的“日”部分，值为1～31
(2)getDay函数：返回星期几，值为0～6，其中0表示星期日，1表示星期一，...，6表示星期六
(3)getHours函数：返回日期的“小时”部分，值为0～23。
(4)getMinutes函数：返回日期的“分钟”部分，值为0～59。见上例。
(5)getMonth函数：返回日期的“月”部分，值为0～11。其中0表示1月，2表示3月，...，11表示12月。见前面的例子。
(6)getSeconds函数：返回日期的“秒”部分，值为0～59。见前面的例子。
(7)getTime函数：返回系统时间。
(8)getTimezoneOffset函数：返回此地区的时差(当地时间与GMT格林威治标准时间的地区时差)，单位为分钟。
(9)getYear函数：返回日期的“年”部分。返回值以1900年为基数，例如1999年为99。
(10)parse函数：返回从1970年1月1日零时整算起的毫秒数(当地时间)。
(11)setDate函数：设定日期的“日”部分，值为0～31。
(12)setHours函数：设定日期的“小时”部分，值为0～23。
(13)setMinutes函数：设定日期的“分钟”部分，值为0～59。
(14)setMonth函数：设定日期的“月”部分，值为0～11。其中0表示1月，...，11表示12月。
(15)setSeconds函数：设定日期的“秒”部分，值为0～59。
(16)setTime函数：设定时间。时间数值为1970年1月1日零时整算起的毫秒数。
(17)setYear函数：设定日期的“年”部分。
(18)toGMTString函数：转换日期成为字符串，为GMT格林威治标准时间。
(19)setLocaleString函数：转换日期成为字符串，为当地时间。
(20)UTC函数：返回从1970年1月1日零时整算起的毫秒数，以GMT格林威治标准时间计算。
第四类：数学函数
函数有以下18个：
(1)abs函数：即Math.abs(以下同)，返回一个数字的绝对值。
(2)acos函数：返回一个数字的反余弦值，结果为0～π弧度(radians)。
(3)asin函数：返回一个数字的反正弦值，结果为-π/2～π/2弧度。
(4)atan函数：返回一个数字的反正切值，结果为-π/2～π/2弧度。
(5)atan2函数：返回一个坐标的极坐标角度值。
(6)ceil函数：返回一个数字的最小整数值(大于或等于)。
(7)cos函数：返回一个数字的余弦值，结果为-1～1。
(8)exp函数：返回e(自然对数)的乘方值。
(9)floor函数：返回一个数字的最大整数值(小于或等于)。
(10)log函数：自然对数函数，返回一个数字的自然对数(e)值。
(11)max函数：返回两个数的最大值。
(12)min函数：返回两个数的最小值。
(13)pow函数：返回一个数字的乘方值。
(14)random函数：返回一个0～1的随机数值。
(15)round函数：返回一个数字的四舍五入值，类型是整数。
(16)sin函数：返回一个数字的正弦值，结果为-1～1。
(17)sqrt函数：返回一个数字的平方根值。
(18)tan函数：返回一个数字的正切值。
第五类：字符串函数
包括以下20个函数：
(1)anchor函数：产生一个链接点(anchor)以作超级链接用。anchor函数设定<A NAME...>的链接点的名称，另一个函数link设定<A HREF=...>的URL地址。
(2)big函数：将字体加到一号，与<BIG>...</BIG>标签结果相同。
(3)blink函数：使字符串闪烁，与<BLINK>...</BLINK>标签结果相同。
(4)bold函数：使字体加粗，与<B>...</B>标签结果相同。
(5)charAt函数：返回字符串中指定的某个字符。
(6)fixed函数：将字体设定为固定宽度字体，与<TT>...</TT>标签结果相同。
(7)fontcolor函数：设定字体颜色，与<FONT COLOR=color>标签结果相同。
(8)fontsize函数：设定字体大小，与<FONT SIZE=n>标签结果相同。
(9)indexOf函数：返回字符串中第一个查找到的下标index，从左边开始查找。
(10)italics函数：使字体成为斜体字，与<I>...</I>标签结果相同。
(11)lastIndexOf函数：返回字符串中第一个查找到的下标index，从右边开始查找。
(12)length函数：返回字符串的长度。(不用带括号)
(13)link函数：产生一个超级链接，相当于设定<A HREF=...>的URL地址。
(14)small函数：将字体减小一号，与<SMALL>...</SMALL>标签结果相同。
(15)strike函数：在文本的中间加一条横线，与<STRIKE>...</STRIKE>标签结果相同。
(16)sub函数：显示字符串为下标字(subscript)。
(17)substring函数：返回字符串中指定的几个字符。
(18)sup函数：显示字符串为上标字(superscript)。
(19)toLowerCase函数：将字符串转换为小写。
(20)toUpperCase函数：将字符串转换为大写。
在JavaScript中，对象是拥有属性和方法的数据
json.dumps ------------------->JSON.stringify()
json.loads--------------------->JSON.parse()
var obj1 =
1. 先序列化
var res=JSON.stringify(obj1) # '{"name": "Alex", "age": 18};'
python:
json.loads(res) # {"name": "Alex", "age": 18};
2. 反序列化
var str1 = '{"name": "Alex", "age": 18}'; # json.dumps
js反序列化:
JSON.parse(str1) # {"name": "Alex", "age": 18}
序列化： 把别的数据类型转换成 字符串类型 JS
反序列化： 把JS格式字符串 转换为其他数据类型
JS的对象类型：
1. 内部对象：原生对象/内置对象
原生对象常用方法：
①、Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。
②、Object.create() 方法用于创建一个新对象。被创建的对象会继承另一个对象的原型，在创建新对象时还可以指定一些属性。
③、Object.defineProperties() 直接在一个对象上定义新的属性或修改现有属性，并返回该对象。
④、Object.keys() 遍历对象，返回一个数组，包含了该对象自身的所有可枚举属性名
⑤、Object.getOwnPropertyNames() 遍历对象，返回一个数组，包含了该对象自身的可枚举和不可枚举属性名
⑥、Object.is() 方法用于判断两个值是否是相同的值
⑦、Object.entries() 方法返回一个给定对象自身可枚举属性的键值对数组，其排列与使用
for...in循环遍历该对象时返回的顺序一致
⑧、Object.freeze()
方法可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可写性，以及不能修改已有属性的值。
此外，冻结一个对象后该对象的原型也不能被修改。freeze() 返回和传入的参数相同的对象。
2）内置对象，ECMAScript提供的不需要实例化就能使用的对象
Global （全局对象）和 Math对象