jiegiser的博客

最近在做一个国网的一个项目，需要实现一些热力图以及冒泡式的标注等；而且需要在内网使用，感觉使用 echarts 就可以简单的实现无需加载类似 openlayers ，leaflet 等 webgis 框架然后再发布地图服务实现。下面就写一下实现的过程。

此例子是基于 React Hooks、TS 以及 arcgis api for js 的例子；该项目还在完善中；
github地址：https://github.com/jiegiser/arcgis3.x_examples 觉得不错的话可以给个 star；
已完成下面内容：

1. 传统的 MVP 开发模式与 MVVM 开发模式对比

1. 对于传统的mvp开发模式，m也就是model一般是通过发送ajax请求获取到的数据，v也就是视图，p就是Presenter相当于控制器，

1. WebPack 基础知识

首先需要明白webpack为什么会出现，作用是什么，总之他就是一个模块打包工具；
commonJS的模块导出方式为:

1. Tree Shaking 概念详解

1.1 babel/polyfill与babel/preset-env之间的引用小冲突

在webpack 4.x的版本中，如果我们在业务代码里面引用了impport @babel/polyfill，而且我们还对babel-loader中的这个插件@babel/preset-env配置了useBuiltIns: 'usage'，我们在打包的时候，会提示下面的信息：

1. Library打包

1.1 对库文件进行打包

库文件的打包：我们新建一个工程，新建index.js math.js string.js,代码如下：

1. 变量

• var声明的变量是function scope也就是在函数中可以访问到，并不是在大括号里面声明的，外层就访问不到。let const声明的变量都是block scope块级作用域，也就是在大括号里面可以访问到。

1. 如何编写一个Loader

1.1 实现一个简单的Loader

我们开始写一个打包之后的文件，将js代码中jie这个字符串替换为world的一个loader，首先我们新建一个功能，使用npm init，然后进行安装webpack：npm install webpack webpack-cli --save-dev，安装完之后，新建一个文件及src以及loaders，然后分别在对应的文件夹中新建index.js以及replace.loaders.js文件。