2021-03-14——3.20

JS BOM

BOM:能够使JS与浏览器交互

window对象
window对象：表示浏览器窗口，所有全局对象，函数和变量都是window对象的成员。全局变量是window对象的属性，全局函数是window对象的方法。
对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari：
window.innerHeight - 浏览器窗口的内部高度(包括滚动条)
window.innerWidth - 浏览器窗口的内部宽度(包括滚动条)
其他window的方法：
window.open() 打开新窗口
window.close() 关闭当前窗口
window.moveTo() 移动当前传播窗口
window.resizeTo() 调整当前窗口尺寸

window Screen

window screen 可用宽度 screen.availWidth
window screen 可用高度 screen.availHeight

Window location

window location 的一些例子：
location.hostname fanhuiweb主机的域名
location.pathname 返回当前页面的路径和文件名
location.port 返回web主机的端口
location.protocol 返回所使用的web协议

window location herf

location.href属性返回当前页面的URL
document.write(location.href)

window locaton pathname

location.pathname 属性返回URL的路径名

window location assign

location.assign()方法加载新的文档

widnow History

history.back()方法加载历史列表中的前一个URL。这与在浏览器中点击后退按钮是相同的：

window navigator

window.navigator对象在编写时可不使用window这个前缀，window.navigator对象包含有关访问者浏览器信息，navigator具有误导性

JS弹窗

在JS中有三种消息框：警告框、确认框、提示框。

警告框

警告框经常用于确保用户可以得到某些信息。当警告框出现后，用户需要点击确定按钮才能继续操作
语法：window.alert（""）;可以不用带上window对象直接使用alert（）方法

确认框

确认框通常用于验证是否接受用户操作。当确认卡弹出时，用户可以点击确认或者取消来确定用户操作。
当点击确认框返回true，取消返回false。

语法：window.confirm(),可以不带上window对象，直接使用confirm（）方法

提示框

提示框经常用于提示用户在进入页面前输入某个值。
当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。
如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null
语法：window.prompt()方法可以不带上window对象，直接使用prompt（）方法

JS计时事件

通过使用JS，我们可以做到在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。有两个关键方法：
setInterval() ——间隔指定的毫秒数不停地执行指定的代码
setTimeout()——在指定的毫秒数后执行指定代码

JS Cookie

Cookie是一些数据，存储于电脑上的文本文件中。当未b服务器向浏览器发送web页面时，在连接关闭后服务器不会记录用户的信息。
Cookie的作用就是用于解决如何记录客户端的用户信息
当用户访问web页面时，他的名字可以记录在cookie中
在用户下一次访问该页面时，可以在cookie中读取用户访问记录
Cookie以名/值对形式存储，如下所示：
username = Qiangben
当浏览器从服务器上请求web页面时，属于该页面的cookie会被添加到请求中。服务端通过这种方式来获取用户的信息。

使用JS创建cookie

JS可以使用document.cookie属性来创建、读取、及删除cookie
使用 JavaScript 创建Cookie document.cookie=“username=John Doe”;
还可以为 cookie 添加一个过期时间（以 UTC 或 GMT 时间）。默认情况下，cookie 在浏览器关闭时删除：document.cookie=“username=John Doe; expires=Thu, 18 Dec 2043 12:00:00 GMT”;
可以使用 path 参数告诉浏览器 cookie 的路径。默认情况下，cookie 属于当前页面。
document.cookie=“username=John Doe; expires=Thu, 18 Dec 2043 12:00:00 GMT; path=/”;

使用 JavaScript 读取 Cookie

var x = document.cookie;
document.cookie 将以字符串的方式返回所有的 cookie，类型格式： cookie1=value; cookie2=value; cookie3=value;

使用 JavaScript 修改 Cookie

在 JavaScript 中，修改 cookie 类似于创建 cookie，
document.cookie=“username=John Smith; expires=Thu, 18 Dec 2043 12:00:00 GMT; path=/”;
旧的 cookie 将被覆盖。

使用 JavaScript 删除 Cookie

删除 cookie 非常简单。您只需要设置 expires 参数为以前的时间即可，如下所示，设置为 Thu, 01 Jan 1970 00:00:00 GMT:
document.cookie = “username=; expires=Thu, 01 Jan 1970 00:00:00 GMT”;
注意，当您删除时不必指定 cookie 的值。

cookie字符串

document.cookie 属性看起来像一个普通的文本字符串，其实它不是。

即使在 document.cookie 中写入一个完整的 cookie 字符串, 当重新读取该 cookie 信息时，cookie 信息是以名/值对的形式展示的。
如果设置了新的 cookie，旧的 cookie 不会被覆盖。 新 cookie 将添加到 document.cookie 中，所以如果重新读取document.cookie，将获得如下所示的数据：
cookie1=value; cookie2=value;
如果需要查找一个指定 cookie 值，必须创建一个JavaScript 函数在 cookie 字符串中查找 cookie 值

安装Mysql时候connector需要更新但是更新/删除不了阻止了Mysql的安装。
一直显示要将connector NET 8.0.21升级到8.0.23.点击升级后到50%后会回滚然后失败。在软件管家里找到了connector NET 8.0.21删除后，安装界面还是显示老版本为8.0.21，继续升级还是会failed。查找百度找到了其注册表删了之后还是无法继续升级。再次在注册表查询Connector 8.0.21发现竟然又被注册了。
最后解决：删除软件和注册表后重启电脑，再次在注册表中查找Connector NET，这次找到了多个注册信息，全部删除后，重新启动Mysql安装向导，发现这次不需要升级所有东西都开始重新安装了。

安装完成后，检验mysql是否安装成功。在命令行打出mysql -uroot -p后一直提示访问被拒绝，百度了好多好多办法，包括修改etc下的config文件，创建新的tex文件里边又重设密码的命令，还有修改端口都试过了，但还是无法连接，访问被拒绝

最后解决：将电脑中的多有mysql相关删除卸载，重新安装，这次只安装了workbench和server，并且在安装的时候出现了设置密码的界面。最后利用自己设置的密码成功连接上mysql

原因分析，不清楚为什么上次安装直接跳过了设置密码环节，使得连接数据库的时候密码输入与不输入都无法连接上。

问题：导入mysql依赖，找不到jar包

Springboot学习笔记

CSS学习笔记

文本颜色

颜色属性被用来设置文字的颜色。
颜色是通过CSS最经常的指定：
十六进制值 - 如: ＃FF0000
一个RGB值 - 如: RGB(255,0,0)
颜色的名称 - 如: red

文本的对齐方式

文本排列属性是用来设置文本的水平对齐方式。
文本可居中或对齐到左或右,两端对齐.
当text-align设置为"justify"，每一行被展开为宽度相等，左，右外边距是对齐（如杂志和报纸）。
h1 {text-align:center;}//居中对齐
p.date {text-align:right;}//右对齐
p.main {text-align:justify;}//左右边距对齐

文本修饰

text-decoration 属性用来设置或删除文本的装饰。
从设计的角度看 text-decoration属性主要是用来删除链接的下划线

链接到: google.com

a {text-decoration:none;}//将google链接的下划线去掉了

文本转换

p.uppercase {text-transform:uppercase;}//全部转为大写
p.lowercase {text-transform:lowercase;}//全部转为小写
p.capitalize {text-transform:capitalize;}//所有单词首字母大写

文本缩进

p {text-indent:50px;}//p元素的首行缩进

字体

字体系列

font-family 属性设置文本的字体系列。
font-family 属性应该设置几个字体名称作为一种"后备"机制，如果浏览器不支持第一种字体，他将尝试下一种字体。
注意: 如果字体系列的名称超过一个字，它必须用引号，如Font Family：“宋体”。
多个字体系列是用一个逗号分隔指明：p{font-family:“Times New Roman”, Times, serif;}

字体样式

主要是用于指定斜体文字的字体样式属性。
这个属性有三个值：
正常 - 正常显示文本
斜体 - 以斜体字显示的文字
倾斜的文字 - 文字向一边倾斜（和斜体非常类似，但不太支持）

p.normal {font-style:normal;}
p.italic {font-style:italic;}
p.oblique {font-style:oblique;}

字体大小

font-size 属性设置文本的大小。
能否管理文字的大小，在网页设计中是非常重要的。但是，你不能通过调整字体大小使段落看上去像标题，或者使标题看上去像段落。
请务必使用正确的HTML标签，就

-

表示标题和

表示段落：
字体大小的值可以是绝对或相对的大小。
绝对大小：
设置一个指定大小的文本
不允许用户在所有浏览器中改变文本大小
确定了输出的物理尺寸时绝对大小很有用
相对大小：
相对于周围的元素来设置大小
允许用户在浏览器中改变文字大小
Remark 如果你不指定一个字体的大小，默认大小和普通文本段落一样，是16像素（16px=1em）。

h1 {font-size:40px;}
h2 {font-size:30px;}
p {font-size:14px;}

用em来设置字体大小

为了避免Internet Explorer 中无法调整文本的问题，许多开发者使用 em 单位代替像素。
em的尺寸单位由W3C建议。
1em和当前字体大小相等。在浏览器中默认的文字大小是16px。
因此，1em的默认大小是16px。可以通过下面这个公式将像素转换为em：px/16=em，em的文字大小是与前面的例子中像素一样。不过，如果使用 em 单位，则可以在所有浏览器中调整文本大小。

使用百分比和EM组合

在所有浏览器的解决方案中，设置 元素的默认字体大小的是百分比：

body {font-size:100%;}
h1 {font-size:2.5em;}
h2 {font-size:1.875em;}
p {font-size:0.875em;}

CSS链接