百度地图+模块化
一、百度地图使用步骤:
1.申请百度账号
2.认证成为开发者
3.申请秘钥 ak
4.使用相关服务
<style>
html {
height: 100%;
}
body {
height: 100%;
margin: 0;
padding: 0;
}
#bdMap {
height: 100%;
}
</style>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=eKy3Ii454GREGkxUQhXfXjGGQl5aHv5N"></script>
</head>
<body>
<div id="bdMap">
</div>
<script>
var map = new BMapGL.Map("bdMap");
var point = new BMapGL.Point(113.550572, 34.808636);
var myIcon = new BMapGL.Icon("./img/dog.png", new BMapGL.Size(35, 35));
var marker = new BMapGL.Marker(point, {
icon: myIcon
}); // 创建标注
map.centerAndZoom(point, 19);
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
map.addOverlay(marker); // 将标注添加到地图中
</script>
二、模块化
2.1 模块化解决的问题变量名的冲突:
①不同文件的变量如果重名,后面的会覆盖前面的。
② 文件依赖顺序:需要保证文件的加载顺序,但是只能通过源码分析才能直到谁在前谁在后。
2.2模块化优点和规范:
一个模块就是实现特定功能的文件。有了模块化,我们可以更加方便的使用别人的和自己的代码,想要什么功能,就加载什么模块。
优点:
1.提高代码的复用性。
2.提高代码的可维护性。
3.按需加载
模块化的规范:
1.使用什么语法引用模块
2.使用什么语法暴露成员。
三、ES6模块化
3.1 export 导出:
在模块化中,一个模块就是一个文件,在该文件中定义的变量,函数,对象在外部是无法获取的。当外部可以获取模块中的内 容,就必须使 用export 来对其进行暴露(导出)。
导出格式: export let 变量名 = 值;
**导出多个成员(**变量,函数,对象)
export {
成员1,
成员2…
}
默认导出
export default {
}
3.2import 导入:
**导入:**import {变量名} from “导入模块的路径” (这个变量接受到的就是一个对象,就是导出这个对象。)
导入多个成员: import {变量1,变量2…} from “导入模块的路径”
【注意】 导出和导入的变量名必须保持一直,如果想要改名,可以用as关键字。
//a.js文件
let age = 20;
let name = "小红";
let fn = function () {
return `我是${name},今年${age}岁`;
}
export default {
age,
name,
fn
}
//b.js文件
export var a = 20;
//index.js文件import obj from "./a.js";
import {a as xw} from "./b.js";
console.log(obj);
// console.log(age);
// console.log(name);
// console.log(fn());
四、node
js:
ECMAscript语法
BOM
DOM
BOM和DOM是浏览器内置的API
浏览器可以运行js代码的原因
浏览器中有js解析引擎。
不同的浏览器,拥有不同的引擎。
chrome V8
IE charka
safari:jscode
V8是所有引擎中性能最好的。
node是什么?
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时。
运行环境:指代码可以正常运行所需的必要环境。
前端开发:js在浏览器中运行。
后端开发:js在node中运行。
node可以做什么?、
基于Express框架,可以快速构建web应用。(学习重点)
基于Eletron框架,可以快速构建桌面应用。
可以读写数据库 (学习重点)
可以操作系统文件 (学习重点)
爬虫
命令行工具
node
ECMAscript语法 √
node内置api模块
第三方api模块(Express,MySQL)
4.1下载安装node
中文网:http://nodejs.cn/
node官网会提供两个版本
最新版本: 尝鲜版
LTS:long time supper(长时间支持) 稳定版
企业开发中推荐使用 稳定版、
校验node是否安装成功
在cmd命令行(终端)中输入 node -v 回车
只要输出版本号,就说明安装成功了。
版本号:
三个数字组成 14.17.3
第一个数字:大的更新
第二个数字:功能更新
第三个数字:bug修复版本
只要前面的版本号更新了,后面的版本号就归零。
运行js文件
node 要执行的js文件的路径
4.2终端常用的快捷键
cd 目录名
cd ../ 跳出当前目录
tab 补全目录
cls 清屏
↑键 上一次输入的命令
↓键 下一次输入的命令
esc 清空当前输入的命令