IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 2021-07-29 -> 正文阅读

[JavaScript知识库]2021-07-29

一、百度地图使用步骤:

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 清空当前输入的命令
  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-07-30 12:39:12  更:2021-07-30 12:39:44 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/2 7:37:43-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码