- 博客(56)
- 收藏
- 关注
RSS订阅原创 期待已久的 Leaflet 中文网正式上线啦
Leaflet - 中文网 Leaflet一个开源并且对移动端友好的交互式地图JavaScript库。本项目目的在于为国内使用Leaflet的小伙伴们提供一份内容完善、准确度相对较高并且更新及时的中文文档，希望能够给大家在学习或开发过程中带来一定的便利。Leaflet 中文网项目地址：https://github.com/NICEXAI/leaflet_zhLeaflet 中文站点：ht...
2020-04-05 00:05:30
5437
原创 如何使用xshel,putty或者xftp管理docker容器
Docker等容器技术越来越普遍，越来越多的公司开始尝试接受容器技术带来的便利。对于我们来说，每一个运行着的container就是一个服务，我们如何像管理多条服务器一样，管理多个Docker容器？探究原因我们之所以可以通过xshell或者putty等工具来管理我们的linux服务器。主要原因是因为我们linux服务器上都安装了SSH服务。每一个docker容器运行的镜像本质...
2018-08-02 22:24:13
4648
原创 如何解决nodemon运行报错问题
nodemon可以用来监视node.js应用程序中的任何更改并自动重启服务，作为懒癌晚期的我在进行Node相关服务开发的过程中肯定是不愿意一遍又一遍的重启node服务然后进行代码调试的。今天自己电脑重装系统后在安装nodemon时遇到了这个问题，下面内容仅作为记录，以免后面忘记导致自己重复掉坑。错误截图原因nodemon没有被正确安装解决方法如果ya...
2018-08-02 22:23:28
12880
3
原创 OGS标准以及常见的标准服务
最近因为项目需要，一直在做和webgis相关的一些东西，今天自己主要梳理和记录一些GIS服务中基础概念。什么是OGC标准？开放地理空间联盟 (OGC) Web 服务能够使地图和数据以国际公认的开放格式在 Web 上可用。OGC 定义了相关规范，安装有支持此规范的客户端应用程序的任何人均可在 Web 上使用地图和数据。所有开发人员均可免费使用 OGC 规范来创建此类受支持的客...
2018-07-29 20:09:17
3464
转载 99%的人都理解错了HTTP中GET与POST的区别
GET和POST是HTTP请求的两种基本方法，要说它们的区别，接触过WEB开发的人都能说出一二。最直观的区别就是GET把参数包含在URL中，POST通过request body传递参数。你可能自己写过无数个GET和POST请求，或者已经看过很多权威网站总结出的他们的区别，你非常清楚知道什么时候该用什么。当你在面试中被问到这个问题，你的内心充满了自信和喜悦。你轻轻松松的给出了...
2018-07-29 17:18:24
248
转载 Linux中常用操作命令
常用指令ls 显示文件或目录-l 列出文件详细信息l(list)-a 列出当前目录下所有文件及目录，包括隐藏的a(all)mkdir 创建目录-p 创建目录，若无父目录，则创建p(parent)cd 切换目录touch 创建空文...
2018-07-29 17:17:32
209
原创 Leaflet+Echarts实现GIS地图动态播放以及使用Echarts对点位数据详情进行展示
是的，你没看错…我还在发烧中，昨天在众多人的围殴当中我顽强的活了下来。请允许我最后作死一波，因为我知道漂亮的小姐姐个帅气的小哥哥一定都不会和我一般见识的…效果图大致长得这个德行小凳子，上代码<template> <div style="width: 100%;height: 100%;"> </div&
2018-07-29 17:16:48
6454
1
原创 在基于leaflet的GIS图中对点位详情数据进行展示
不加班会死星人正在发烧ing,但是总感觉今天还要写点东西记录一下，原谅我肆无忌惮的贴代码吧。阿门，长得帅的人总会被原谅的不是吗？直接贴代码了，想打死我的请排队取号…<template> <!--定义GIS初始化的DOM节点--> <div style="width: 100%;height: 100%;" ref='ly
2018-07-29 17:15:54
1852
原创 常见的跨域问题以及解决方案
身为一个码农，在日常的开发过程中难免遇到API接口跨域的问题，今天主要整理一下导致跨域问题的原因以及常用的解决方案。导致跨域问题的原因？跨域问题其实是由浏览器的同源策略导致的。同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。常用的解决方案解决跨域问题的方式有很多，一般有下面几种：1、 ...
2018-07-29 17:13:47
3278
原创 关于if和switch两种条件语句的思考
在实际的项目开发中，if和switch同为条件语句，然而很多人并不清楚何时使用if语句，何时使用switch.switch…case语句和if…else效率比较switch…case结构中有跳转表，输入的字符只要经过一次比较就可以正确的找到跳转分支，所以平均情况下跳转次数为1.if…else结构如果有n个分支,分别记为n0,n1,n2,n3,…n(i-1),每个分支出现的概率假设未pi,分别为p0
2017-04-09 01:08:13
5039
1
原创 浅析CSS3中calc计算属性
很多前端开发者通常在写CSS样式的时候并不一定会注意到calc这个好用的计算属性，尤其在配合flexbox进行页面布局的时候，只能用amazing来形容。calc()语法calc()语法非常简单，就像我们小时候学加 （+）、减（-）、乘（*）、除（/）一样，使用数学表达式来表示calc()的运算规则calc()使用通用的数学运算规则，但是也提供更智能的功能：使用“+”、“-”、“*” 和 “/”
2017-04-09 00:23:09
1024
原创 如何在个人博客中插入Jsbin或者jsfiddle代码
前言也许在大家浏览大牛们博客时经常会看到在他们的个人博客经常会有比较炫酷的在线代码演示。例如：实现原理通过iframe创建一个内联框架来实现上面效果具体步骤1、进入jsbin或者jsfiddle官网，注册并登录。2、编写自己所需要分享的代码，如下图：3、点击Embed按钮 并复制embed code代码4、把复制的代码插入到个人博客中：如此一来我们便可以看到本文开始时代码演示的效果了。 实现方法
2017-04-08 23:23:54
2578
1
原创 自定义Echarts地理分布图tooltip显示内容
在为某省开发手机版环境监测系统中需要在Echarts tooltip 中展示特定的内容，echarts默认的展示方案并不能满足我们的需求，因此就需要我们进行手动改造。最终效果图：实现原理通过echarts提供的formatter参数自定义我们所需要展示的内容具体实现方法1、首先在格式化数据的时把我们所需要展示的数据传入到echarts图表中，例如： for(let m of this.p
2017-04-08 22:38:15
14767
转载 cookie、session、sessionid 与jsessionid
cookie、session、sessionid 与jsessionid，要想明白他们之间的关系，下面来看个有趣的场景来帮你理解。我们都知道银行，银行的收柜台每天要接待客户存款/取款业务，可以有几种方案：凭借柜台职员的记忆，由收柜台职员来为每位顾客办理存款/取款业务，单凭职员的记忆力，要记到每位顾客的相貌，并迅速这个顾客当前的存款以及存取的次数，每次存取的金额是多少。-----------这种方式
2017-04-08 21:16:25
2420
原创 Yarn包管理工具使用总结
上年10月份， Facebook 发布了新的 node.js 包管理器 Yarn 用以替代 npm 。由于当时还不是很成熟，所以自己便仅仅只是浅尝辄止。随着时间的推移，Yarn也越来越完善，很多人也已经慢慢在实际项目中开发者投入使用。yarn和npm对比1、yarn.lock 文件在 npm 中同样可以使用 npm shrinkwrap 命令来生成一个锁文件，这样在使用 npm install 时
2017-04-08 19:08:10
20436
1
原创 站点错误代码整理（笔记）
Successful Client Requests成功的客户端请求200 OK——201 Created——确定。 客户端请求已成功202 Accepted——接受203 Non-Authorative Information——非权威性信息204 No Content——无内容205 Reset Content——重置内容206 Partial Content——部分
2017-04-08 18:02:55
470
原创 在windows上创建文件名以“.”开头的文件
在实际项目开发中，我们会经常遇到以”.”开头的配置文件。例如我们如果需要通过配置文件给npm更换源就需要更改.npmrc文件，然而还有很多友友还不清楚如何创建一个类似的文件，今天就和大家分享下这个小技巧。错误方法如果在windows平台上，右键选择“新建”->“文本文档”，给取名”.npmignore”，会发现报错“必须键入文件名”，如下图。正确方法方法一新建文件时，在文件名后面再添加一个”.”，
2017-04-08 17:31:21
23032
2
转载 几种常用加密算法比较
前言最近在准备重构项目的时候无意间发现页面有一处报错：报错代码如下：injectScripts.min.js:1 Uncaught TypeError: Cannot read property 'name' of undefined at t.e._onMessage (injectScripts.min.js:1) at t._onMessage (injectScripts.m
2017-04-08 16:04:12
1714
原创 Cannot read property 'name' of undefined @ injectScripts.min.js:1
前言最近在准备重构项目的时候无意间发现页面有一处报错：报错代码如下：injectScripts.min.js:1 Uncaught TypeError: Cannot read property 'name' of undefined at t.e._onMessage (injectScripts.min.js:1) at t._onMessage (injectScripts.m
2016-12-20 08:54:25
6397
转载 js深拷贝和浅拷贝
一、数组的深浅拷贝在使用JavaScript对数组进行操作的时候，我们经常需要将数组进行备份，事实证明如果只是简单的将它赋予其他变量，那么我们只要更改其中的任何一个，然后其他的也会跟着改变，这就导致了问题的发生。var arr = ["One","Two","Three"];var arrto = arr;arrto[1] = "test";document.writeln("数组的原始值："
2016-12-14 00:12:11
542
原创 浅析HTMl5中的Web Storage：sessionStorage和localStorage
前言html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage，他们均只能存储字符串类型的对象，并且操作方式相同。其中，sessionStorage数据的存储仅特定于某个会话中这些数据，只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁；相反，localStorage生命周期是永久，除非主动清除localStorage信息，否则将会一直
2016-12-14 00:00:22
684
原创 hexo部署问题：spawn git ENOENT
前言 今天写完博客准备部署到个人站点上的时候，谁知道竟然部署失败，接下来我们就来看一下如何解决这类问题。问题分析当前问题是由于Git环境变量未设置导致，因此我们只需要从新设置环境变量或者在git brash中执行操作就可以解决问题了。具体方法方法一在博客项目根目录中右键打开git brash命令行工具，然后执行部署操作hexo d部署成功！方法二打开命令行工具，通过set指令设置Git环境变量
2016-12-13 22:57:18
11028
1
原创 解决Window10系统下Node安装报错问题
前言 今天电脑重装了win10系统，在安装Node的过程中出现了下面的问题，下面就和大家分享下用来解决这种问题的小方法。报错原因随便问下度娘我们就可以知道，导致报错的原因是由于权限的关系，因此我们只需要使用管理员权限来运行当前Node安装包就可以解决报错问题了。具体方法使用管理员权限打开命令行工具并且cd到node安装包的项目文件夹下执行下面代码：msiexec /i package node
2016-12-12 23:11:03
3822
原创 基于VUE开发项目的那点事（一）
前言 最近由于公司需要，需要写一个相对来说比较大型的后台管理系统。为了保证管理系统操作体验较为舒适并且项目后期益于维护，最后决定基于VUE全家桶来开发一个高度组件化的单页SPA应用。技术选型vue：进行数据绑定以及开发组件vue-router： 处理页面路由vuex： 处理各组件间的通讯vue-resource：处理HTTP请求element-ui：使用UI框架中部分UI组件进行快速
2016-12-11 22:19:07
12526
转载 Git:代码冲突常见解决方法
如果系统中有一些配置文件在服务器上做了配置修改,然后后续开发又新添加一些配置项的时候,在发布这个配置文件的时候,会发生代码冲突:error: Your local changes to the following files would be overwritten by merge: protected/config/main.phpPlease, commit your cha
2016-12-03 16:47:49
1714
原创 解决在Vue项目中时常因为代码缩进导致页面报错的问题
前言如果我们初次使用vue-cli来构建单页SPA应用，在撸代码的过程中有可能会遇到这种因为代码缩进导致页面报错的问题，导致我们烦不胜烦。接下来我们就来看一看如何解决这个小问题。。。原因分析通过查看package.json文件我们可以发现，在文件中默认安装了eslint-loader模块，eslint-loader模块是目前相对比较流行的代码检测工具，可以检测书写的代码是否符合统一规范，可以在一些比
2016-12-03 16:04:36
25829
原创 解决node-sass偶尔安装失败的方法
最近把Node从4.4.4升级到6.9.1版本，但是在执行npm i命令安装三方依赖包的时候出现了node-sass模块安装失败的问题。现在和大家分享下如何解决这个问题的方法分析原因Cannot download "https://hithub.com/sass/node-sass/releases/download/v3.13.0/win32-x64-46_binding.node"从上图第九行
2016-12-03 15:23:39
27477
原创 如何提高NPM拉取第三方依赖包的速度
刚才分享了NPM使用过程中如何发布NPM模块的方法，这个方法其实只要稍微看一下官方文档就可以知道了。接下来我们继续分享NPM使用过程中如何提升NPM安装速度的方法。前言如果你在使用NPM安装NPM包的时候你会经常发现，代码拉取速度慢的简直让人崩溃，有时候甚至怀疑自己的宽带是不是抽风了，然而自己唯一能做的就是不断的ctrl+c,npm install xxx,ctrl+c,npm install x
2016-11-28 20:28:10
6255
原创 如何快速发布NPM模块
今天无意间发现了自己以前写的几个NPM模块，正好今天不知道写什么，所以就把以前写NPM模块的时候用到的一些小知识点稍微整理下分享给大家。 什么是NPM？NPM原先是NodeJS上非常好用的一款第三方包管理工具，不过目前NodeJS已经集成了NPM，因此一般不需要我们自己手动去安装。通常情况下我们在Node项目中用的最多的就是使用NPM来拉取第三方依赖包，我们今天就简单聊一下NPM的另一种用法
2016-11-28 19:27:45
4438
转载 Flex 布局实例演示
今天介绍常见布局的Flex写法。你会看到，不管是什么布局，Flex往往都可以几行命令搞定。骰子布局骰子的一面，最多可以放置9个点。下面，就来看看Flex如何实现，从1个点到9个点的布局。你可以到codepen查看Demo。如果不加说明，本节的HTML模板一律如下。<div class="box"> <span class="item"></span></div>上面代码中，div元素（代表骰子
2016-11-25 18:47:00
1856
原创 浅析Html5 data-*自定义属性
通常我们会通过使用getAttribute或者setAttribute来操作页面属性，然而在Html5中为我们提供了新的自定义属性方法，极大的方便了我们操作页面属性，并且我们可以使用自定义属性在某些情况下来进行数据存储。使用方法我们可以直接在html标签中设置自定义属性，例如：<div class="taodet-02"> <span> <button>{{itemlist
2016-11-24 19:21:57
3229
原创 HTML5页面静态资源缓存利器Application Cache
今天写了一个微信推广页，中间为了优化页面加载效果，一堆优化方法中其中之一就用到了Application Cache来对页面部分资源进行静态资源缓存。懒癌复发，今天就不介绍什么是Application Cache了,总之外事问谷歌，内事问度娘，房事问天涯就对了，下面直接上方法。新建缓存文件在项目文件夹下新建缓存文件ed.appcache,在这里缓存文件名和后缀名不作限制，理论上可以随意自定义，不过一
2016-11-21 17:26:07
3163
原创 WIN10你所不知道的小功能
前言作为一个非资深码农，Linux系统是自己常接触到的操作系统，掌握Linux也是IT从业者基本不可或缺的一项基础技能。我们使用Linux系统通常有两种方式在电脑上直接安装Linux系统在电脑上安装VM虚拟机，然后再虚拟机中安装Linux系统为了使用方便我们通常采用第二种方式。然而对于使用WIN10系统的友友将会有第三种选择方式，那就是WIN10系统内置了Linux子系统操作设置为开发者模式首
2016-11-17 20:12:26
6180
原创 ErrorCode:1068.Multipleprimarykeydefined
错误描述输入sql指令ALTER TABLE sys_user CHANGE id id INT(4) NOT NULL auto_increment primary key Error Code: 1068. Multiple primary key defined 0.000 sec原因分析这个错误的原因是定义了两个主键，导致出错解决办法更改其他字段主键为非主键，设置当前字段为主键，执
2016-11-17 19:06:02
3673
原创 解决Flex定位在IOS弹出键盘失效的方案
有好长一段时间没有写移动端Web页面了，今天下午在优化公司一个原有的一个移动web商城时发现商城在IOS系统中出现顶部搜索条和底部菜单栏在页面滚动式偶尔出现错位的问题，查看源码发现是由于顶部搜索条和底部菜单栏使用的是Flex定位导致的。在此稍稍整理下思路，把这个小方法分享给大家，希望可以帮到一些刚入坑的友友。解决思路解决方法其实挺简单，就是更改页面布局，使用 absolute绝对定位取代flex定
2016-11-14 19:43:02
3493
原创 如何使用PM2运行ThinkJS所创建的项目
首先安装PM2npm install pm2 -g进入项目WWW目录打开命令行工具，cd到项目文件夹下面的www目录执行代码在命令行输入代码：pm2 start www/production.js -i max以 cluster 的方式启动，这里的-i max是有几个 cpu 就启动几个进程意思。其他除此之外我们还可以通过PM2实现负载均衡，官方地址 查看更多文章请点击进入我的个人博客
2016-11-14 01:21:12
2246
原创 解决ThinkJS项目开发中页面跳转报错问题
很多时候在我们查询某一项数据时，在数据过多的时候我们会选择分页展示，但是很多时候会发现在进行页面跳转时会出现报错，报错内容是数据库查询条件为空。问题分析其实问题很简单，报错的原因是因为代码获取到的查询条件为空，因为查询条件是由上一页面通过Form表单提交过来的数据，然后我们通过this.post方法获得值；但是当我们进行页面跳转的时候其实就是刷新了一下当前的页面，并不会有页面再次提交到数据到当前页
2016-11-14 01:05:44
2357
原创 ThinkJS项目添加页面分页功能
刚开始写后台的时候都是自己一个代码一个代码的撸出一个分页器出来，直到发现EJS引擎功能太过于简单，不得不把模板全部转成使用Unujucks的时候蒙逼了，因为忽然间不知道该怎样下手写分页器，还好有大神帮忙，直接推荐了一款thinkjs扩展插件，今天和大家分享下。使用方法安装npm install think-pagination使用首先在控制器中引用插件，实例代码如下：'use strict';im
2016-11-14 00:33:32
3179
原创 在使用ThinkJS搭建后台时通过时间段查询数据报错的解决方案
在一些朋友除此使用ThinkJS搭建Node后台时通过时间段进行数据查询的时候可能会遇到后台报错的问题，问题的原因一般是数据库查询条件部分为undefined,下面我们来看具体案例。问题例如当我们需要通过时间段查询taolist这张表的数据是，在控制器中的代码如下：let formVal = this.post(); //获取form表单提交过来的数据let model = this.model
2016-11-13 00:36:01
3162
原创 基于Node的Hexo框架使用经验总结
早上一觉起来发现自己的个人博客不知道什么时候竟然抽风了，尼玛各种报错，各种进不去，我常用的一些网址以及在线工具的地址都在博客上啊…说多了都是泪。没办法只能从新部署下博客，好在咱以前写的博客都还在。网上很多Hexo相关的教程我这里就不写的很详细了，纯属自己做个笔记，说不定哪天我老了记性不好就用到了♪(´▽｀)博客搭建基本流程安装Node这里我想大家都会就不说了安装HEXO在Node命令行下输入代码并
2016-11-10 19:57:38
1652
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人