Vue笔记
1. 传统的 MVP 开发模式与 MVVM 开发模式对比
- 对于传统的
mvp开发模式,m也就是model一般是通过发送ajax请求获取到的数据,v也就是视图,p就是Presenter相当于控制器,
mvp开发模式,m也就是model一般是通过发送ajax请求获取到的数据,v也就是视图,p就是Presenter相当于控制器,首先需要明白webpack为什么会出现,作用是什么,总之他就是一个模块打包工具;
commonJS的模块导出方式为:
在webpack 4.x的版本中,如果我们在业务代码里面引用了impport @babel/polyfill,而且我们还对babel-loader中的这个插件@babel/preset-env配置了useBuiltIns: 'usage',我们在打包的时候,会提示下面的信息:
var声明的变量是function scope也就是在函数中可以访问到,并不是在大括号里面声明的,外层就访问不到。let const声明的变量都是block scope块级作用域,也就是在大括号里面可以访问到。我们开始写一个打包之后的文件,将js代码中jie这个字符串替换为world的一个loader,首先我们新建一个功能,使用npm init,然后进行安装webpack:npm install webpack webpack-cli --save-dev,安装完之后,新建一个文件及src以及loaders,然后分别在对应的文件夹中新建index.js以及replace.loaders.js文件。
JS对象中独有的特性:对象具有高度的动态性,因为JavaScript 赋予了使用在运行时为对象添加状态和行为的能力。JavaSCrpipt允许运行时向对象添加属性,这就跟绝大多数基于类的、静态的对象设计完全不同。离上次更新该系列文章已经快四个多月。这段时间工作上比较忙以及自己也换了份工作就没有更新过相关内容,最近在做一个管网系统,自己也写了一些小的demo,github 地址(欢迎star),里面有一些用到的天地图的key跟bing地图的key需要大家自己去获取。最近我打算会陆陆续续的更新完这个系列的文章。将自己在项目上的经验进行分享。
加载wms服务也是很简单,可以参考官网给出的例子:https://developers.arcgis.com/javascript/3/jssamples/layers_wmsresourceinfo.html
我们这里是加载一个geoserver发布的WMS服务的地图,示例代码如下: