自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(34)
  • 收藏
  • 关注

原创 arcgis api 十个控件

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ArcGIS JavaScript Test</title> <link rel="s.

2020-10-19 20:33:27 773

原创 vue+echarts 多条折线图

1、数据未使用json格式,直接写在页面大致效果页面代码:<template> <!--为echarts准备一个具备大小的容器dom--> <div id="main" style="width: 100%;height: 300px;"></div></template><script> import echarts from 'echarts' export default { name: '',

2020-05-13 22:28:18 4480

原创 vue+Echarts 地图散点图

写在前头:在使用Echarts的时候,一定要给Echarts添加一个容器,让他有一个展示的位置为实现一个疫情数据状态点分布图,采用了vue+Echarts得办法实现,大致效果:新建一个js文件,存放Echarts得各种配置var data =[ {name:"北京",value:"93.59"}, {name:"天津",value:"98.42"}, {name:"河北",value:"97.56"}, {name:"山西",value:"97.47"},

2020-05-13 22:18:28 3620 5

原创 Arcgis Server发布地图服务

2020-02-18 23:21:47 197

原创 ArcGIS API for js 4.x 本地部署

1、下载(官网,先注册,可能会有点慢)2、开启iis功能:打开控制面板—>程序,勾选自己所需的地方3、配置sdk和api①将下载后的软件解压放置到C:\inetpub\wwwroot。③修改C:\inetpub\wwwroot\api414\arcgis_js_api\library\4.14该目录下的init.js和dojo/dojo.js。将其中的https:...

2020-02-16 15:53:27 900

原创 node.js和vscode的安装

node.js安装一、安装步骤下载对应你系统的Node.js版本:https://nodejs.org/en/download/ 选安装目录进行安装(这里可以自定义安装位置) 环境变量配置以及测试二、具体过程1.下载软件,我下载的是.msi文件,需要安装,一直next就可以了,如果需要更改安装位置的话,可以自己更改;如果下载的是zip压缩包,只需要将其解压放置在你想要放置的文件夹...

2020-02-10 12:51:07 12324 6

原创 c语言 数据结构 串的一些简单操作

C语言菜鸡,有错误的话,可以指出来,修改,捂脸遁走,存一份代码,免得以后找不到#include <stdio.h>#define MSIZE 256typedef char ElementType;typedef int BOOL;typedef struct{ ElementType data[MSIZE]; int length;}SeqString;/...

2019-12-15 20:25:14 221

转载 html5 manifest 离线缓存

干什么用的?离线缓存为的是第一次请求后,根据manifest文件进行本地缓存,并且在下一次请求后进行展示(若有缓存的话,无需再次进行请求而是直接调用缓存),最根本的感觉是它使得WEB从online可以延伸到了offline领域。应用场景h5游戏及一些页面内容不经常会变动,相对较为固定的内容。怎么用的?若想使用manifest功能,需要在需要进行缓存功能的html文件之中写入 声明...

2019-10-28 16:51:32 138

原创 indexedDB数据库

该数据库是一种存储在客户端的本地NoSQL数据库1、连接数据库对indexedDB数据库、IDBTransaction事务、IDBKeyRange对象和IDBCursor游标对象进行预定义window.indexedDB = window.indexedDB || window.webkitIndexedDB || window.mozIndexedDB || window.msIn...

2019-10-23 16:28:06 212

原创 SuperMap iClient for Leaflet +vue框架 (一)创建地图

可以参考官方文档:但是文档是HTML,需要自己进行转换1、安装vueclinpm install -g vue-cli 2、创建项目vue init webpack vue_leaflet3、安装leafletnpm install leaflet --save4、安装 SuperMap iClient for Leaflet:(注:安装依赖时要进入其文件夹)...

2019-10-16 15:29:14 6959 8

原创 SuperMap 9D发布地图服务

所用软件:SuperMap 9D和SuperMap iServe 9D注:SuperMap 9D是绿色版,因压缩包下载太慢了配置本地许可,下载本地许可驱动图1 登录页面2、下载完会出现以下界面“许可服务正常”,关闭对话框,启动程序。图2 许可3、以超图的示例数据为例两种发布方式:①在SuperMap内直接发布地图服务②通过SuperMap iServer发布地...

2019-10-15 16:48:23 650

原创 H5 绘制图形中的矩形以及圆形

注:所有绘制图形的代码均存在于js中,是通过写js来控制canvas所展示的内容1、绘制矩形以下是绘制矩形的步骤:(可以一个矩形里套一个矩形)取canvas:var canvas = document.getElementById(id); 取上下文context:var context = canvas.getContext('2d');声明该图形是2D,不存在3D或4D 填充(...

2019-09-29 16:23:34 1521

原创 vue+elementUI 表格增删改查

看到网上的增删改查度用了接口,但是这个我没接触,不太懂;还有其他的增删改查是前后台结合,认为这个的增删改查很棒也好写点。我写的这个增删改查是纯前端的,无接口,无后台。若之后写了在更新1、删:选中一行数据,然后进行删除HTML:<el-button size="mini" ype="danger" @click="handleDelete(scope...

2019-08-29 10:23:04 22317 14

原创 vue +element ui 登录页面

vue-clielement ui表单验证实现效果:注意一点:出现一个警告:[Element Warn][Form]model is required for validat解决方法:将form绑定数据由v-model换成 :model具体代码:<template> <div id="login"> <div ...

2019-08-16 16:43:31 12661 1

原创 vue安装插件的小坑

This is related to npm not being able to find a fileno such file or directory, access(错误)利用npm安装vue-resource师出现错误,大致意思是:没有这样的文件或目录进行访问,这与NPM找不到文件有关。也就是npm没有这个权限去下载。。。解决方法:用cnpm 淘宝镜像下载就可以...

2019-07-19 09:41:12 2144

原创 父子组件和非父子组件之间的传值

1、父子组件之间的传值1.1、父组件给子组件传值(data,methods,以及整个组件)早些时候,我们提到了创建一个博文组件的事情。问题是如果你不能向这个组件传递某一篇博文的标题或内容之类的我们想展示的数据的话,它是没有办法使用的。这也正是 prop 的由来。Prop 是你可以在组件上注册的一些自定义特性。当一个值传递给一个 prop 特性的时候,它就变成了那个组件实例的一个属性。为...

2019-07-16 16:33:50 1173

原创 4、todo实例

1、todo实例的实现实现的页面注:<el-input>没有click和keydown时间。当标签为<el-input>@keydown没有触发效果,只能使用<input>,如果觉得外观不好看,可以书写<input>的CSS样式,使其美观以下是代码:<template> <div id="app">...

2019-07-11 15:14:58 273

原创 3、数据绑定,双向绑定

1、数据双向绑定vue就是一个MVVM的框架。M modelV viewMVVM: model改变会影响视图view,view视图改变反过来影响model双向数据绑定必须在表单里面使用2、事件对象的绑定event.srcElement:表示的当前的这个事件源也就是上文的e.srcElement3、实现数据的双向绑定this.list.push(...

2019-07-09 16:57:15 191

原创 vue加载本地json数据

1、json数据存放在除static静态文件夹中,这种方法暂时还没出来,若有大神知道,可否能指导一二2、json数据存放在static静态文件夹中1、编写好json 数据,按照这个格式编写json数据2、安装axios 安装方法:npm install axios3、配置axios,在main.js中引用axios,如下图所示4、就可以调用json数据了,也可以加上...

2019-06-26 10:35:15 6672

原创 VScode 自动修复vue项目中eslint报错

1、安装插件 eslint-plugin-vuenpm i -g eslint-plugin-vue2、修改项目跟路径下的文件:.eslint.js添加vue选项3、添加eslint 和 vetur 插件,直接在插件库中下载4、修改vscode首选项配置【汉化版 文件>首选项>设置找到对应的配置文件】【英文版 file>preferences>s...

2019-06-18 13:52:31 12111 1

转载 如何将本地vue项目上传到github

如何将本地vue项目上传到github1.1 创建一个本地项目新建一个vue-cli项目进到自己的本地项目文件下,右键-选择git bash here(如下图)1.2 建立本地仓库如上点击git bash here之后即可打开git客户端黑窗口,输入命令:git init初始化,初始化成功后你会发现项目里多了一个隐藏文件夹.git(.git是...

2019-06-12 16:02:04 6316

原创 1、vue-router跳转用法详解

vue-router是一个单页面的路由器,也就是说所有的跳转都会在这个页面实现。1、简单的跳转。①首先要安装vue-router,利用npm进行安装npm install vue-router或者cnpm install vue-router②在APP.vue进行引用,<router-link to="/user">user</router-link>...

2019-05-30 17:22:40 7940

原创 router.js

import Vue from "vue"import VueRouter from "vue-router"Vue.use(VueRouter)const a = { template: '<div>foo</div>' }const b = { template: '<div>about</div>' }const user =...

2019-05-29 10:17:10 982

原创 echarts表格 关系图的部分解说

效果图如上途中遇到一些问题,记录一下,以防以后忘记1、在官网下载的demo,无法在本地运行。有三个错误:①没有将demo的百度api换成自己的②没有加载jquery资源③本地没有服务器,不能启动HTML,这三者的原因导致无法在本地运行解决办法:①没有百度api,自行注册②本地服务,通过npm install http-server -g,下载http-server。启动...

2019-05-22 16:21:23 496

原创 2、vue组件快速入门

对vue组件有了一点点的了解components,该文件夹就是存放组件,创建vue-cli时,会出现一个Helloworld.vue(这个就是一个组件)。使用方法:在app.vue主页面中,按一下代码类型进行组件化完善...

2019-05-22 15:39:40 107

原创 总是报Expected indentation of 0 spaces but found 2如何解决

利用vscode书写vue框架,一直报下面的错误。该错误的意思是本应该是两个空格,但是却出现了四个。也就是代码规范的错误。是自己在创建vue框架时,选择了usesEslint规范,从而导致不能使用tab键看到网上有说各种各样的,总结之后,得1、划重点:利用配置,自动修复vue项目中eslint报错,具体步骤可参照:https://blog.csdn.net/dengdengchen...

2019-05-20 10:56:50 30407 2

原创 vue 第一次总结

学习vue一个星期的总结:<script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script><template> <div id="app"> 这是一个基本的vue应用 <ul class = "ul"&g...

2019-05-13 10:38:27 160

原创 a,li标签的部分css样式

//ul的class名.book{ list-style-type:none; font-weight:bold; color:red; cursor: pointer;}.book:hover { background:#dbdbdb;//鼠标悬停时出现一横条背景色 color:black;//鼠标悬停或者划过时字变成黑色}.a{ cursor: poin...

2019-05-09 09:38:21 1240

原创 vue v-for 传值

学习vue框架的第两天,今天主要研究v-for的使用v-for的一些使用技巧:https://blog.csdn.net/qq_32953185/article/details/83066871之前能够获取数值的值,但是不知道如何从中获取一条值。突然受到启发使用参数,然后传值,具体要求:1:显示上面书籍列表中的所有书籍名称。点击书籍名称显示书籍的具体信息(书名和价格)。鼠...

2019-05-08 17:32:55 6553

原创 VUE for实例

1.1、简单数组如果你添加了一个规则:vetur,这个时候有两种解决方案①更改vetur配置 vscode->首选项->设置->搜索(vetur)"vetur.validation.template":true,改成:false②添加一个key,切记key前面一定要有:如下图所示完整代码1.2、对象数组(这...

2019-05-08 13:02:41 162

原创 简易的轮播图

&lt;%@ page language="java" import="java.util.*" pageEncoding="utf-8"%&gt;&lt;%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+r

2019-03-16 09:45:47 72

原创 easyui日历框架,与MySQL数据库联动,点击时可获取数据

今天星期一,一周的新开始,我也突破了一些之前的障碍。主页上使用了easyui的日历。想实现的功能是:点击日历的时间,可以在旁边的div中显示当天的事件。然后经过改良,这个功能可以实现出来了。                                                    下面附上js代码和后台代码:js:$(document).ready(functio...

2018-09-17 20:18:40 465

原创 实现一个框架,利用iframe跳转

&lt;style&gt;        ul li {            list-style: none ;        }        .header ul li {            float: left ;        }        .header ul li.first {            margin-left: 30px ;      ...

2018-09-12 15:37:07 487

原创 主页面 绘制一个小小的页面

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+reques...

2018-09-07 21:07:49 203

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除