HTTP常见状态码 1.1 临时响应—1xx 表示临时响应并需要请求者继续执行操作的状态码。    状态码 简单解释 详细解释     100 继续 请求者应当继续提出请求。表示已收到请求的第一部分，正在等待其余部分。   101 切换协议 请求者已要求服务器切换协议，服务器已确认并准备切换。    1.2 成功—2xx 表示成功处理了请求的状态码。    状态码 简单解释 详细解释     200 成功 服务器已成功处理了请求   201 已创建 请求成功并且服务器创建了新的资源   202 已接受 服务器已接受请求，但尚未处理   203 非授权信息 服务器已成功处理了请求，但返回的信息可...

js 变量提升与函数提升 1. 现象 var str = '123'; console.log(str); // 123 console.log(str); // undefined var str = '123'; var val = '123'; // 立即执行函数 (function(){ console.log(val); // 123 })(); var val = '123'; // 立即执行函数 (function(){ console.log(val); // undefined var val = '测试'; })(); 2. 预解析 2.1 核心：预解析 当看到 var a...

OpenLayer调用天地图 1.HTML <!--HTML--> <template> <div id="Map"> </div> </template> 2.JavaScript /// JS let layers = [ new ol.layer.Tile({ source: new ol.source.XYZ({ url: 'http://t0.tianditu.com/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=key', }), new...

OpenLayer切换天地图底图 1.HTML代码 <el-button type="primary" @click="change_img">影像</el-button> <el-button type="primary" @click="change_vec">街道</el-button> <el-button type="primary" @click="change_ter">地形</el-button...

画圆； // 画圆 drawCircle(coordinate) { let iconFeature = new ol.Feature({ geometry: new ol.geom.Point(coordinate), }); let vectorLayer_Polygon = new ol.layer.Vector({ source: new ol.source.Vector({ features: [iconFeature] }), style: new ol.style.Style({ stroke: new ol.style.Stroke({ color: '#4473ff', wi...

Vue template到render的过程 过程分析 vue的模板编译过程主要如下：template -> ast -> render函数 vue在模板编译版本的源码中会执行compileToFunctions将template转化为render函数 // 将模板编译为render函数 const { render, staticRenderFns } = compileToFunctions(template,optinos//省略}, this) compileToFunctions中的主要逻辑如下： 1.调用parse方法将template转化为ast（抽象语法树） con...

Vue 双向绑定原理  参考：https://zhuanlan.zhihu.com/p/138710460  1. 原理   View的变化能实时让Model发生变化，而Model的变化也能实时更新View。 View 的变化能实时让Model发生变化，而Model的变化也能实时更新View。 Vue数据双向绑定原理是通过 数据劫持结合发布者-订阅者模式 的方式来实现的，首先是通过 ES5 提供的 Object.defineProperty() 方法来劫持（监听）各属性的 getter、setter，并在当监听的属性发生变动时通知订阅者，是否需要更新，若更新就会执行对应的更新函数。 第一个参数...