产品简介

百度地图JavaScript API GL 是一套由JavaScript语言编写的应用程序接口，使用了WebGL对地图、覆盖物等进行渲染，支持3D视角展示地图。

帮助开发者在网站中构建功能丰富、交互性强的地图应用，支持PC端和移动端基于浏览器的地图应用开发。

JavaScript API GL提供了丰富的功能接口，包括地图展示、定位、覆盖物、检索、路线规划等，适配多样化的业务场景。

百度地图JavaScript API支持HTTP和HTTPS，免费对外开放。

在使用前，您需先申请密钥（ak）才可使用。在您使用百度地图JavaScript API之前，请先阅读百度地图开放平台《服务条款》。

模块，（Module），是能够单独命名并独立地完成一定功能的程序语句的集合（即程序代码和数据结构的集合体）。

两个基本的特征：外部特征和内部特征

外部特征是指模块跟外部环境联系的接口（即其他模块或程序调用该模块的方式，包括有输入输出参数、引用的全局变量）和模块的功能

内部特征是指模块的内部环境具有的特点（即该模块的局部数据和程序代码）

为什么需要模块化

• 代码抽象

• 代码封装

• 代码复用

• 依赖管理

报错信息

gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable.
gyp ERR! stack     at PythonFinder.failNoPython (C:\Users\dh\Downloads\gobang-master\node_modules\_node-gyp@3.8.0@node-gyp\lib\configure.js:484:19)
gyp ERR! stack     at PythonFinder. (C:\Users\dh\Downloads\gobang-master\node_modules\_node-gyp@3.8.0@node-gyp\lib\configure.js:509:16)
gyp ERR! stack     at callback (C:\Users\dh\Downloads\gobang-master\node_modules\_graceful-fs@4.2.10@graceful-fs\polyfills.js:306:20)
gyp ERR! stack     at FSReqCallback.oncom

webpack的env一般分为develop、test以及production，每个环境可能所需配置都不一样，比如请求的后端服务器等等

若每次打包单独修改，那可能太过繁琐，最重要可能打包时忘记，造成不必要的损失

故而，建议将webpack区分不同环境单独配置好，打包时使用不同命令即可

环境配置

新建 .env.dev 文件

NODE_ENV = 'dev'
VUE_APP_BASE_UPL='开发环境api'
// 其他所需配置都可在此定义

1：默认情况下，Vue CLI 会默认你的应用是被部署在一个域名的根路径上。例如 https://www.my-app.com/。

2：需求需要你的应用被部署在一个子路径上，例如如果你的应用路径改为 https://www.my-app.com/my-app/。

JavaScript是运行在客户端的脚本，因此一般是不能够设置Session的，因为Session是运行在服务器端的。

而cookie是运行在客户端的，所以可以用JS来设置cookie。

假设有这样一种情况，在某个用例流程中，由A页面跳至B页面，若在A页面中采用JS用变量temp保存了某一变量的值，在B页面的时候，同样需要使用JS来引用temp的变量值，对于JS中的全局变量或者静态变量的生命周期是有限的，当发生页面跳转或者页面关闭的时候，这些变量的值会重新载入，即没有达到保存的效果。

解决这个问题的最好的方案是采用cookie来保存该变量的值，那么如何来设置和读取cookie呢？

setInterval(): 按照指定的周期（以毫秒计）来调用函数或计算表达式。方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。

setTimeout(): 在指定的毫秒数后调用函数或计算表达式。

setInterval()

语法

setInterval(code,millisec,lang)

js原生里并没有类似其他语言的md5加密函数，需要我们针对md5加密算法自己来扩充。

当然，这种常用的加密库网上肯定是有的。今天就介绍下我用的一款md5加密库。文末有md5.js下载链接。

方法

md5.js共有md5的6种加密方法：

hex_md5(value)
b64_md5(value)
str_md5(value)
hex_hmac_md5(key, data)
b64_hmac_md5(key, data)
str_hmac_md5(key, data)

单例模式的定义是保证一个类仅有一个实例,下面这篇文章主要给大家介绍了关于JS实现单例模式的6种方案,需要的朋友可以参考下

单例模式的概念

单例模式就是在系统中保存一个实例，就是一个全局变量，在团队开发中，为了实现一些相似的功能，比如不同页面之间的表单验证，可能需求是不一样的，但是呢命名可能一样，这时就会产生冲突，这时候单例模式就能很好的解决这个问题。

1. 一个实例只生产一次

2. 保证一个类仅有一个实例，并提供一个访问它的全局访问点

说说它的优点：