2021-07-29

buty_nice

于 2021-07-29 23:40:28 发布

阅读量98

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/buty_nice/article/details/119222936

版权

笔记专栏收录该内容

32 篇文章 0 订阅

订阅专栏

百度地图+模块化

一、百度地图使用步骤：

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 清空当前输入的命令

buty_nice

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
2021-07-29

百度地图+模块化一、百度地图使用步骤：二、模块化2.1 模块化解决的问题变量名的冲突：2.2模块化优点和规范：三、ES6模块化3.1 export 导出：3.2import 导入：四、node4.1下载安装node4.2终端常用的快捷键一、百度地图使用步骤：1.申请百度账号2.认证成为开发者3.申请秘钥 ak4.使用相关服务 <style> html { height: 100%; } body
复制链接

扫一扫