二〇二三·二·十七—

前端知识点

产品页面，留言页面，地图页面

溢出
换行
form表单：一般情况下，只要出现用户输入，并且可以进行提交数据的时候，用form表单
边框设置虚线
```
border:dashed
```
div的contentdeitable属性
```
<div contenteditable = "true"></div>
```
textarea属性
1. resize
2. min-height
3. max-height

阴影设置

box-shadow:左上,右上,右下,左下;

按钮圆角设置

bottom-redius:左上,右上,右下,左下;

div排序

display: flex;
flex-direction: column-reverse; /*列，反序排列，对应下图第一个*/
flex-direction: column;/*列，对应下图第二个*/
flex-direction: row-reverse;/*行，反序排列，对应下图第四个*/
flex-direction: row;/*行排列，对应下图第三个*/

html调用百度地图

百度地图API开发文档、实例demo、坐标拾取器(获取坐标经纬度)、地图中心坐标设置、地图级别设置

头部添加js代码

 <script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=您的密钥"></script>

调用地图的地方添加代码
```
<div id="container"></div>
```

网页html代码最后添加js代码

<script>var map = new BMapGL.Map('container'); // 创建Map实例map.centerAndZoom(new BMapGL.Point(104.066479,30.579325), 18); // 初始化地图,设置中心点坐标和地图级别,坐标使用经纬度,坐标可以使用 坐标拾取器 获取map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
</script>

点标记添加事件

<script>
var map = new BMapGL.Map('container');
var point = new BMapGL.Point(104.066479,30.579325);
map.centerAndZoom(point, 18);
// 创建点标记
var marker = new BMapGL.Marker(point);
map.addOverlay(marker);
// 创建信息窗口
var opts = {width: 200,height: 100,title: '万息集团'
};
var infoWindow = new BMapGL.InfoWindow('地址：地址：四川省成都市武侯区孵化园9号E座', opts);
// 点标记添加点击事件
marker.addEventListener('click', function () {map.openInfoWindow(infoWindow, point); // 开启信息窗口
});
</script>

自定义Marker图标

<script type="text/javascript">
var map = new BMapGL.Map('container');
var point = new BMapGL.Point(116.404, 39.915);
map.centerAndZoom(point, 15);
// 创建小车图标
var myIcon = new BMapGL.Icon("/jsdemo/img/car.png", new BMapGL.Size(52, 26));
// 创建Marker标注，使用小车图标
var pt = new BMapGL.Point(116.417, 39.909);
var marker = new BMapGL.Marker(pt, {icon: myIcon
});
// 将标注添加到地图
map.addOverlay(marker);
</script>

Java基础知识

收获（查漏补缺）：

Java语言的三个版本

JavaSE：

Java语言的标准版，用于桌面应用开发，另外两个版本的基础

JavaME：

Java语言的小型版，用于嵌入式消费类电子设备

JavaEE

Java语言的企业版，用于Web方向的网站开发

Java跨平台工作原理

平台：指的是操作系统。

跨平台：Java 程序可以在任意操作系统上运行。

在需要运行 Java 应用程序的操作系统上，安装一个与操作系统对应的Java虚拟机(JVM Java Virtual Machine)即可。

注意事项

JVM 虚拟机本身不允许跨平台，允许跨平台的是Java程序

JDK、JRE、JVM

JVM：Java Virtual Machine，Java虚拟机 Java程序是运行在虚拟机当中的

JRE：Java Runtime Environment，Java运行时环境内部包含JVM虚拟机、Java核心类库

JDK：Java Development Kit，Java开发工具包内部包含JRE、常用开发工具包（javac 编译工具、java 运行工具

jdk的安装目录

目录	说明
bin	该路径下存放了 JDK 的各种工具命令。javac 和 java 就放在这个目录
conf	该路径下存放了 JDK 的相关配置文件
include	该路径下存放了一些平台特定的头文件
jmods	该路径下存放了 JDK 的各种模块
legal	该路径下存放了 JDK 各模块的授权文档
lib	该路径下存放了 JDK 工具的一些补充 JAR 包

数据类型

整数
1. byte 1字节
2. short 2字节
3. int 4字节
4. long 8字节
浮点数
1. float 4字节
2. double 8字节
字符
1. char 2字节
布尔
1. boolean 1字节

运算符

算数运算符
自增自减运算符
类型转换
1. 隐式转换
  
  1. 把一个取值范围小的数值或者变量，赋值给另一个取值范围大的变量
  
  2. 取值范围小的数据，和取值范围大的数据进行运算，小的会先提升为大的之后，再进行运算
  1. byte short char 三种数据在运算的时候，都会提升为int，然后再进行运算
2. 强制转换
  1. 把一个取值范围大的数值或者变量，赋值给另一个取值范围小的变量不允许直接赋值，需要加入强制转换
赋值运算符
关系运算符
逻辑运算符
- 逻辑与 & 无论左边如何，都会执行右边
- 短路与 && 左边为true，执行右边，反之不执行
- 逻辑或 | 无论左边如何，都会执行右边
- 短路或 || 左边为false，执行右边，反之不执行
三元运算符

格式：判断条件 ? 值1 : 值2;

判断条件成立，输出值1，反之输出值2
运算符优先级

知识点：

基本赋值运算符 : =
扩展赋值运算符 : += , -= , *=, /=, %=

细节 : 扩展赋值运算符, 底层自带强转效果

for 和 while 的区别：

for循环中，控制循环的变量, 因为归属for循环的语法结构中，在for循环结束后，就不能再次被访问到了
while循环中，控制循环的变量，对于while循环来说不归属其语法结构中，在while循环结束后，该变量还可以继续使用

while判断语句对象不能来自于其内部