ChengYz_-CSDN博客

原创 openlayers4 View fit：地图缩放问题

遇到的问题调用view实例的fit方法缩放地图时，传入的extent并没有铺满地图。解决办法调用fit方法时，options参数传入nearest选项，以达到最近的程度。let view = new ol.View({ // ...})let extent = [minx, miny, maxx, maxy]view.fit(extent, { nearest:true})此

2017-12-08 15:43:25 7672 2

转载 npm install 时遇到的Python问题

You can use –python option to npm like so:npm install --python=python2.7or set it to be used always:npm config set python python2.7转自https://my.oschina.net/homeemail/blog/335961

2017-10-16 15:24:44 3360

原创阿里云oss - 文件上传

1 Authorization的计算方式首先贴一下阿里云oss官网贴出的签名计算方式：Authorization = "OSS " + AccessKeyId + ":" + SignatureSignature = base64(hmac-sha1(AccessKeySecret, VERB + "\n" + Content-MD5 + "\n"

2017-09-22 17:26:28 9048 4

最近因为工作原因很少撸博客，感觉自己堕落了。公司有个项目整个都是我写，所以想写一些标准的东西出来，以后其他项目也可以拿来用，所以很多东西需要细琢磨。这一琢磨不要紧，时间哗哗的过。目前虽然项目可正常运行，但感觉还是有一些东西需要优化改进。最近也是觉得自己还是太菜了，很多东西真的拿不准，一个细小的问题都要思考很长时间，google半天甚至一天看n篇文章综合比较才制定套路，都是自己见识少知识不足导致。最近

2017-08-15 22:32:04 5107

原创 MongoDB - 空间数据存储、建立索引、空间查询

MongoDB支持空间数据的存储，不过限制了类型必须为GeoJSON。MongoDB可以满足一些空间查询的需求，对于不需要空间数据处理的项目极为方便，不需要第三方库来充当空间数据的操作层。MongoDB可以为GeoJSON类型数据建立索引，提升空间查询的效率。

2017-07-25 15:08:11 1060

原创 MongoDB学习

1数据库创建/切换数据库: use datatable_name删除数据库: db.dropDatabase()查看数据库列表: show dbs查看当前数据库: db2 集合创建集合: db.createCollection(name[,option])删除集合: db.collection_name.drop()查看集合列表: show collections3文档3.1 插入

2017-07-23 19:48:34 338

原创用户文件下载服务解决方案

方案最近项目要一个用户文件下载的模块，自己尝试过各种解决方案，终于找到一种适合的，趁忘了之前记载下来。需求： 1. 服务端机器E盘存在大量源文件，每个文件占用空间都很大。 2. 每个用户会订购不同文件，然后提供下载。 3. 用户间互不影响，而且只能下载到已订购的文件。分析： 1. ftp需要为每个用户在服务器上创建用户才能实现权限控制，且用户及订单目录创建起来还需要复制源文件，麻烦，pass

2017-07-05 17:22:55 2154

原创 arcgis for js - 解决加载天地图和WMTS服务,WMTS服务不显示的问题,以及wmts服务密钥。

arcgis for js 加载天地图和wmts服务，但两者不能同时显示。WMTS服务带有密钥如何传参？

2017-06-17 00:18:49 17904 10

原创 js - 通过浏览器获取当前坐标

function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition((position) => { x = position.coords.longitude; y = position.coords.lat

2017-06-09 11:34:42 3961

原创 MongoDB - 启动/添加服务

mongodb 配置文件config 添加服务启动服务相对路径

2017-05-25 18:02:08 524

原创 MongoDB - 备份与恢复

1 数据备份(mongodump)命令符：mongodump作用：导出全部数据至指定目录中语法：$ mongodump -h dbhost -d dbname -o dbdirectory -h：MongoDB所在erver，可以是ip或ip : port-d：DataBase名称-o：备份的数据存放目录，该目录必须存在。备份后数据以dbname为文件夹，放在该目录中。example：

2017-05-25 17:41:22 544

原创 mongodb - 导入json文件

语法： $ mongoimport -d TheBaseName -c TheCollectionName --file xxx.jsonNote 1. json文件，每条数据间不需要逗号,隔开，以确保mongodb把它当作一条记录。 2. 路径可写成: - D:/xx.json - D:\\xx.json

2017-05-25 10:11:12 3008

原创 mongodb - 空间查询

$geoIntersectsdb.getCollection('geo').find({ boundary: { $geoIntersects: { $geometry: { type: type, coordinates: coor } } }})Notes 1. type值首字母必

2017-05-24 19:40:49 602

原创 echarts - 图标距离容器边界

有时候我们不容易控制echarts图表的大小，其实我们只需要让图表距离容器有一点边距，防止图表内容超出边界，或与标题、图例等重叠情况。最好的解决办法就是通过grid属性设置图表距离容器的边界。//echats optionsoptions : { //... grid : { top : 40, //距离容器上边界40像素 bottom: 30

2017-05-15 15:35:00 21571 4

原创算法 - 蛇形矩阵输出

var print = function (n) { var lineArr = []; var j, k; for (j = 0; j < n; j++) { lineArr[j] = new Array(); for (k = 0; k < n; k++) { lineArr[j][k] = undefined;

2017-04-23 15:27:55 1130

原创 arcgis for js 手动触发infoWindow弹窗

//构建InfoTemplate对象var template = new InfoTemplate({...});//构建图层，并指定InfoTemplate选项var graphicsLayer = new esri.layers.GraphicsLayer({infoTemplate: template});//触发弹窗，传入位置map.infoWindow.show(point);/

2017-04-17 15:12:12 7149

原创 Vue入门 - vue-router

1 简介及安装简介 vue-router是一个vue框架的路由管理包。与ng的路由基本差不多，总体来说只需要记住两个标签<router-link>(路由导航)和<router-view>(路由插座)两个元素，然后逐渐扩展。安装 1. 直接下载/cdn方式，需先引入vue.js再引入vue-router.js 2. npm：npm i vue-router --save-dev。2 创建及配

2017-04-09 15:41:30 862

原创 Vue入门 - 自定义指令

1 自定义指令指令可以在全局或局部定义。组件是html和代码的复用，而指令是对DOM的扩展复用。1.1 全局自定义指令Vue.directive('mydirective',{ //各种指令钩子})在组件中使用时无需引用，直接使用v-mydirective即可。也可以先定义指令，再用Vue.ues()方法注册。var myDirective= {};myDirective.inst

2017-04-08 23:10:16 2262

原创 Vue入门 - 条件渲染与列表渲染

1 条件渲染条件渲染根据布尔值活表达式判断是否渲染。条件渲染有一下两类： v-if系列：值为true时插入dom，否则移除。v-show：节点保持在dom中，只是控制css的display属性。1.1 v-if系列v-if系列指令包括： 1. v-if 2. v-else 3. v-else-if<h1 v-if="name='A'">A</h1><h1 v-else-if="na

2017-04-07 22:50:29 3202

原创 Vue入门 - 计算属性与watchers

1 计算属性data { computed:{ prop1:function(){ return this.message.split('').reverse().join('') } }}在dataset中定义computed选项来定义计算属性。prop1属性值依赖于message属性值，因此message发生变化时pr

2017-04-07 14:12:12 357

原创 Vue入门 - Class 与 Style 绑定

1 绑定class1.1 对象语法<div class="static" :class="{ active: isActive }"></div>可将对象绑定在class属性上，动态切换class 若isActive为true，则class插入active若isActive为false，则class移除activev-bind:class与普通class可共存。可绑定data中的对象，或计

2017-04-06 18:11:15 1183

原创 Vue入门 - 模版语法与事件

1 插值1.1 文本使用双大括号{{ msg }}进行插值，表示将数据与DOM节点绑定。数据改变时，节点也相应改变。使用v-once执行一次性的插值，数据改变时插值内容不会更新。<span v-once>{{ msg }}</span>1.2 纯HTML

2017-04-06 16:26:11 488

原创 Vue入门 - 组件通信

1 父子组件通讯先触发子组件的mounted钩子，再触发父组件的mounted钩子。 1.1 子组件向父组件传递数据子组件中调用this.$emit([自定义事件:string],[传出数据])。父组件使用v-on监听自定义事件，子组件触发this.$emit时会自动触发。参考代码：//parent component<template> <div v-on:childready=

2017-03-31 16:35:07 4653

原创 javascript笔记整理系列 - BOM

1 window对象BOM的核心对象是window，表示浏览器的一个实例。window对象是ECMAScript规定的global对象。在全局作用域中声明的变量、函数都会成为window对象的属性和方法。全局对象不能通过delete操作符删除。( [[Configurable]] 特性值被设置为false)直接在window对象上定义的属性可以通过delete操作符删除。2 窗口关系及框

2017-03-28 22:39:35 344

原创 js动画效果 - 动画曲线

1 参考　　常见的动画都是速率相同的平滑效果，而有些动画在变动过程中速率不同，比如有些网站的返回顶部的动画效果会经过慢-快-慢的效果，这就设计到数学模型了，有一片参考文章：http://blog.csdn.net/jebe7282/article/details/7521067。这里讲解了tween算法代码。可以将里面的代码拷贝下来，可以直观的看到速度的曲率变化　　2 简化　　变换一下算法：ht

2017-03-28 17:38:45 3995

原创 vue 更改计算属性后select选中值不更改的解决方法

先上代码：//...<body> <div id="qwe"> <select v-model="selected"> <option v-for="item in da" :value="item.value">{{item.value}}</option> </select> <span>{{selected}}<

2017-03-25 21:46:49 9567

原创 nodejs - 安装及环境变量配置

既然点到了这篇博客，想必客官已经在网上了解了nodejs，这里就不再赘述。最近在Angular2的群里发现很多盆友的node都没有安装正确，主要是环境变量没有配置。还有的小伙伴连安装包都下载不到，与其一一回复不如写篇博客，包含安装，以及配置环境。1 下载nodejs1.1 nodejs官网下载网址：https://nodejs.org/en/，点击进入后如下图左边的LTS是正式版，右边的Curr

2017-03-22 22:59:35 54972 10

原创 vue入门 - vue-cli

1 安装首先肯定得有nodejs，没有的话请移步。shell执行$ npm i vue-cli -g全局安装vue-cli。测试是否安装成功 $ vue -V(-V要大写，否则不识别)，输出版本号则表示全局安装成功。 2 初始化项目执行$ vue init webpack my-project创建新项目。一路回车，后面会有测试、代码检查等工具，根据需要输入y/n然后回车。如果需要构建vue

2017-03-22 22:27:29 2342

原创 echarts+bmap地图去掉底图可点功能

之前一篇echarts+百度地图API实现自定义底图后，这次测试提出了bug：地图上的点可点击，弹出地点信息。于是开始研究如何去掉底图可点的功能。上网搜索无果后，还是自己研究吧。　首先确定这个底图是地图提供而非Echarts，所以去百度地图查看API，发现在初始化Map的时候设置一个配置即可实现：enableMapClick：boolean。但是地图初始化是在echarts中进行的，所以

2017-03-21 10:50:09 10100 11

原创 javascript笔记整理系列 - 闭包

1 什么是闭包1.1 作用域链　要理解必要，就必须先了解作用域链。看代码function f1() {　　　　 var n = 999;　　　　 function f2() { var m = 1;　　　　　　 alert(n); //999 }　　 alert(m); //error：无法访问变量m。}从上面代码

2017-03-16 15:29:15 296

原创 javascript笔记整理系列 - Number

1 0作为除数0/0 结果为 NaN正数/0 结果为 Infinity负数/0 结果为 -Infinity

2017-03-15 15:38:59 361

原创算法摘录

1题目：将一个数的个、十、百。。。位分别提取出来成为一个数字，然后相加。若和大于一位，则继续操作。否则得出结果。例如：digital_root(16)=> 1 + 6=> 7digital_root(942)=> 9 + 4 + 2=> 15 ...=> 1 + 5=> 6digital_root(132189)=> 1 + 3 + 2 + 1 + 8 + 9=> 24 ...=>

2017-03-14 15:19:41 227

原创 javascript笔记整理系列 - Math

1 Math对象Math对象是全局静态变量，无需实例化使用。2 Math对象属性2.1 E返回算数常量e，即自然对数的底数(约等于2.718)。2.2 LN2返回 2 的自然对数（约等于0.693）。2.3 LN10返回 10 的自然对数（约等于2.302）。2.4 LOG2E返回以 2 为底的 e 的对数（约等于 1.414）。2.5 LOG10E返回以 10 为底的 e 的对数（约等于0.4

2017-03-14 14:09:01 235

原创 javascript笔记整理系列 - 循环

1 多重循环中断当循环内又嵌套一个循环，想要在内层循环控制外层循环的中断，不需要定义其他变量辅助即可实现：outer:for(var i = 0; i<10; i++){ inner:for(var j = 0; j<10; j++){ if(j>5) { continue outer; //控制外层循环continue }

2017-03-13 17:53:07 242

原创 javascript笔记整理系列 - 大杂烩

1 javascript中的单竖杠”|”语法：number1 | number2 过程： 1. 将number1与number取整，转换为二进制。 2. 将两个二进制数按位对应，即按照个位、十位等对应。 3. 将两个二进制数进行“加”操作，若两个二进制数的某一未都是0，则结果中该位数字为0，否则为1。 4. 将二进制结果转化为十进制。例子：5 | 7 ===>>> 　101+ 11

2017-03-13 17:32:01 280

原创 javascript笔记整理系列 - 字符串

1 字符串对象特性1.字符串的length只读，无法设置。var sColor = "red";alert(sColor.length); //3sColor.length = 1; alert(sColor.length); //3alert(sColor); //"red"

2017-03-13 16:44:34 229

原创 CSS - 选中效果

1 选中文字改变背景颜色 ::-moz-selection { background: #42b983; color: #FFF; } ::selection { background: #42b983; color: #FFF; }

2017-03-13 15:45:00 2377

原创 javascript笔记整理系列 - JavaScript正则表达式

1 简介正则表达式(regular exoression)是一种描述字符串数据模式的方法。简单来说他可以规定字符串格式，常用作字符串提取、匹配及验证使用。2 创建正则表达式有两种方式创建正则表达式： 1.使用RegExp构造函数：var reg = new RegExp("abc");tips：使用该方法时，需要将模式写成普通字符串，因此反斜杠的使用规则与往常相同。 2.使用斜杠(/)将模式包围

2017-03-09 15:36:02 286

原创 javascript笔记整理系列 - HTTP协议

1 协议简介　在浏览器中输入http://www.darkclouds.top/ssqworks/introduction时，浏览器会有如下反映： 1. 通过www.darkclouds.top找到服务器ip地址。 2. 通过服务器ip确定服务器。 3. 尝试通过80端口与服务器建立TCP连接。（80端口是HTTP的默认通信端口） 4. 如果服务器存在并且接受了该连接，浏览器会发送如下内容：

2017-03-07 15:56:20 573

原创 echarts3 + 百度地图API展示自定义地图

最近接到一个任务，在前段展示地图，要求是底图要暗色的。目前国内提供地图服务比较知名的也就是高德、百度、天地图。前两个如果商用貌似是要收费的，天地图则完全免费。另外一个需求是要在地图上面根据某些点的值来渲染一个圆形，值越大图形越大。想了想echarts的demo里面就有这种实现。于是决定采用echarts+百度地图API来实现。另外其实还有一个需求，是要画一些地区边界，但已有的是ArcGIS的服务，需

2017-03-06 19:47:28 14674 5

空空如也

空空如也