前端知识点
产品页面,留言页面,地图页面
-
溢出
-
换行
-
form表单:一般情况下,只要出现用户输入,并且可以进行提交数据的时候,用form表单
-
边框设置虚线
border:dashed
-
div的contentdeitable属性
<div contenteditable = "true"> </div>
-
textarea属性
- resize
- min-height
- 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 包 |
数据类型
- 整数
- byte 1字节
- short 2字节
- int 4字节
- long 8字节
- 浮点数
- float 4字节
- double 8字节
- 字符
- char 2字节
- 布尔
- boolean 1字节
运算符
-
算数运算符
-
自增自减运算符
-
类型转换
-
隐式转换
1. 把一个取值范围小的数值或者变量,赋值给另一个取值范围大的变量
2. 取值范围小的数据,和取值范围大的数据进行运算,小的会先提升为大的之后,再进行运算
- byte short char 三种数据在运算的时候,都会提升为int,然后再进行运算
-
强制转换
- 把一个取值范围大的数值或者变量,赋值给另一个取值范围小的变量 不允许直接赋值,需要加入强制转换
-
-
赋值运算符
-
关系运算符
-
逻辑运算符
- 逻辑与 & 无论左边如何,都会执行右边
- 短路与 && 左边为true,执行右边,反之不执行
- 逻辑或 | 无论左边如何,都会执行右边
- 短路或 || 左边为false,执行右边,反之不执行
-
三元运算符
格式:判断条件 ? 值1 : 值2;
判断条件成立,输出值1,反之输出值2
-
运算符优先级
知识点:
-
基本赋值运算符 : =
-
扩展赋值运算符 : += , -= , *=, /=, %=
细节 : 扩展赋值运算符, 底层自带强转效果
for 和 while 的区别:
-
for循环中,控制循环的变量, 因为归属for循环的语法结构中,在for循环结束后,就不能再次被访问到了
-
while循环中,控制循环的变量,对于while循环来说不归属其语法结构中,在while循环结束后,该变量还可以继续使用
while判断语句对象不能来自于其内部