- 博客(37)
- 收藏
- 关注
RSS订阅原创 echarts的timeline播放的时候数据长度不同 页面不完全刷新 导致部分图表显示出错
由于不同时间段数据的数据长度不一样，导致timeline播放的时候出现地图颜色不显示，或者柱状图、饼图明明没有数据却还是显示出来的，这是echarts的option自动合并的结果，用notMerge也没有反应，所以只能监听timeline的timelinechanged事件，清空设置然后重新setOptionlet echarts = this.$echarts;let dom = this.$refs.echartMap;this.chart = echarts.init(dom);this.op
2020-10-30 14:42:52
956
原创 element的table组件，表头合并
在el-table-column里面写两个el-table-column，然后用header-cell-style将子表头隐藏<el-table :data="tableData" :span-method="objectSpanMethod" header-row-class-name="analyse-header" border style="width: 100%" :header-cell-style="handerMethod"> <el-ta.
2020-10-30 11:32:42
4987
1
原创 echarts生成折线图实现标签一上一下，避免数据过长重叠
因为看官网的时候label的position是可以有top / left / right / bottom / inside / insideLeft / insideRight / insideTop / insideBottom / insideTopLeft / insideBottomLeft / insideTopRight / insideBottomRight这么多选项的，但是只能统一设置，并不能进行动态设置，rich里面也没有可以修改position的选项。无奈之下只能选择换行和设置di.
2020-10-18 16:33:38
4450
2
原创 vue ，数据更改了但视图没有刷新
使用vue，for循环data，点击修改数组data的顺序向上：let tempOption = this.data[index - 1];this.$set(this.data, index - 1, this.data[index]);this.$set(this.data, index, tempOption);向下：let tempOption1 = this.data[index + 1];this.$set(this.data, index + 1, this.data[inde
2020-09-30 11:41:12
304
原创 arcgis api for js 4.* 鹰眼图
鹰眼图和分屏差不多，再加一个小的div就可1、设置鹰眼图不能平移和缩放 view.when(disableZooming); function disableZooming(view) { function stopEvtPropagation(event) { event.stopPropagation(); } //拖拽平移 view.on("drag",stopEvtPropagation)
2020-07-14 15:13:59
1947
1
原创 arcgis api for js 4.* 分屏
在原有一个div的基础上，在添加一个div用来装地图。设置好两个容器的宽高然后对两个view进行监听，可以用view.watch('extent',function(newVal,oldVal,property,object){})进行监听当鼠标移出一个地图的时候，记得viewWatch.remove()，不然会进入死循环<div id="myView"> <div id="mainView"></div> <div id="split
2020-07-14 14:55:57
742
原创 arcgis api for js 4.* 测距侧面
arcgis的api是"esri/geometry/geometryEngine"测距：geodesicLength()（WGS84 (wkid: 4326) or Web Mercator坐标系）planarLength()（其他坐标系）测面：geodesicArea()（WGS84 (wkid: 4326) or Web Mercator坐标系）planarArea()（其他坐标系）因为我发布的地图是其他的坐标系，所以用的是planarLength和planarArea在绘制的基础上计
2020-07-14 14:41:20
802
原创 arcgis api for js 4.* 点、线、面、圆、矩形的绘制
用的"esri/views/draw/Draw"var draw=new Draw({view:view});var graphicsLayer=new GraphicsLayer();map.add(graphicsLayer);画点 function drawPoint(view,graphicsLayer,draw){ require([ "esri/Graphic", ], function(
2020-07-14 14:00:35
2237
2
原创 vue的拖拽事件配置
在主main.js文件中import Vue from "vue";import App from "./App.vue";// 拖拽指令Vue.directive("drag", function(el) { el.onmousedown = function(e) { //获取鼠标点击处分别与div左边和上边的距离：鼠标位置-div位置 var divx = e.clientX - el.offsetLeft; var divy = e.clientY - el.of
2020-06-18 11:28:27
281
原创 arcgis api for js 4.*加载动态地图
3.*的时候用的是ArcGISDynamicMapServiceLayer4.*的时候可以用MapImageLayer加载动态地图代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title
2020-06-15 11:15:00
932
1
原创 arcgis server安装出现error 1304和error 2350 FDI server error
我在安装arcgis server 10.2的时候出现了error 1304问题，有一个文件说是无法写入，差不多是这种Retry之后出现error 2350 FDI server error问题然后查了之后，很多都说是系统还有卸载的残留，但是我是刚重装了系统，所以不存在这种问题，然后后来想是不是我的系统出了什么问题，因为我右键此电脑查看管理的时候没有本地用户和组这个选项本来想把电脑拿过去让技术员看一下的，但是各种原因没去（就是懒）然后后来有空的时候又想装，就突然想到是不是因为硬盘的原因因为我之
2020-06-12 15:05:52
6982
原创 GP服务的获取和调用
用ArcMap发布GP服务到server上获取GP服务的url和参数信息url：（arcgis）https://sampleserver6.arcgisonline.com/arcgis/rest/services/Elevation/ESRI_Elevation_World/GPServer/Viewshed一般都是有GPServer的地址参数信息：点击Execute Task（同步）或者SubmitJob Task（异步）进入服务中查看Input_Observation_Point和Views.
2020-06-03 18:02:19
1324
原创 EL表达式
EL表达式：${}全称：Expression Language作用：主要是替代jsp页面中的表达式脚本在jsp页面中进行数据的输出往四个域都保存了相同的数据 <% pageContext.setAttribute("key","pageContext") request.setAttribute("key","request") session.setAttribute("key","session") applicatio
2020-05-20 18:12:52
110
原创 JSTL标签库
JSTL由五个不同功能的标签库组成c：核心标签库（重点）setifchoose、when、otherwiseforEachfmt：格式化fn：函数sql：数据库（不使用）x：XML（不使用）导入jar包，然后在jsp页面导入jstl，一般都是软件会自动导入<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>set作用：往域中保存数据域对象：setAttribute(ke
2020-05-20 17:05:22
223
原创 小程序——事件绑定，冒泡和非冒泡
可以用bind绑定冒泡事件，也可以用bind:tap=" "，和bindtap是一样的效果；也可以用catch绑定事件bindtap形式<button bindtap="addSwitch">点击添加按钮</button>bind:tap形式<button bind:tap="addSwitch">点击添加按钮</button>catc...
2020-04-08 16:44:20
1858
原创 小程序——底部导航tabBar
官方文档https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html在全局配置（app.json）中设置tabBar"pages": [ "pages/index/index", "pages/page-customWidgetDemo/page-customWidgetDe...
2020-04-03 18:01:46
112
原创 小程序——左滑删除
左滑删除功能movable-areamovable-viewwxml：<view class="cell"> <movable-area class="cell_movearea"> <movable-view class="cell_moveview" direction="horizontal" x="{{isOpen?'-...
2020-04-03 16:25:25
118
原创 小程序——页面跳转和传值
官方文档https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/route.html页面跳转的路由方式1、初始化——新页面入栈2、 navigateTo打开新页面——新页面入栈 ，自带返回键3、 redirectTo页面重定向——当前页面出栈，新页面入栈（一般登录页面用这个跳转）4、navigateB...
2020-04-03 15:57:17
126
原创 小程序——App、Page和Component的生命周期
APP生命周期page生命周期打开页面的加载顺序：onLoad，onShow，onReady切换页面时只会加载onShow，onHide/** * 生命周期函数--监听页面加载 */ onLoad: function (options) { }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady: function () {...
2020-04-02 15:12:57
643
原创 小程序——组件插槽slot
slot的使用：<slot></slot>官网文档https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html单卡槽的时候：<!-- 组件模板 --><view class="segmentContainer"> &l...
2020-03-31 17:47:39
425
原创 小程序——wxs
wxs：weixin script产生背景：wxml只能通过Mustache语法写一些表达式，无法主动调用方法主要作用：写一些函数，辅助做一些渲染层的数据处理；如格式化日期，截取字符串官网：https://developers.weixin.qq.com/miniprogram/dev/reference/wxs/02variate.html可以在wxml页面写wxs，也可以单独写一个wx...
2020-03-24 15:52:05
122
原创 小程序——wxml模板和引用
早期，微信小程序不支持组件化开发为了复用代码，提出了“概念”现在组件用的比较多，模板比较少模板的功能：只会渲染的组件（没有自己的业务逻辑，没有事件监听）1、定义和使用模板要先定义，定义好模板的name，然后用is来使用把模板（定义部分是不会显示的，只有使用了才会渲染在页面上）wxml文件<text>wxml——模板的使用</text><!-- 模板的定...
2020-03-23 10:54:40
1155
原创 小程序——target和currentTarget，监听列表点击事件
target：触发事件的组件的一些属性值集合currentTarget：当前组件的一些属性值集合timeStamp：
2020-03-20 14:20:05
612
原创 css——两个view的重叠设置
父级组件：position: relative;子级组件：position: absolute;给子级组件设置left，right，top和bottom确定组件的位置还可以设置z-index，设置子级的重叠顺序wxml文件：<view class="test" bindlongtap="_handerLongTap"> <image src="{{testItems...
2020-03-19 16:37:41
3896
原创 小程序——component在page中的应用和数据传递及外部样式控制
pages的页面使用components的组件1、在components写好组件c-test2、在要使用组件页面的.json文件命名组件名字，输入组件路径3、在要使用组件页面的.wxml文件调用组件json文件，命名+路径{ "usingComponents": { "c-test":"/components/c-test/c-test" }}wxml文件，调用&...
2020-03-19 14:39:41
2677
原创 小程序image图片被压缩
设置图片的mode="aspectFill"官方文档https://developers.weixin.qq.com/miniprogram/dev/component/image.html值说明scaleToFill缩放模式，不保持纵横比缩放图片，使图片的宽高完全拉伸至填满 image 元素aspectFit缩放模式，保持纵横比缩放图片，使图片的长边能完全显示...
2020-03-18 16:55:54
2426
原创 刷新小程序数据源，setTimeout使用箭头函数
想要定时刷新小程序数据源必须用this.setData({ datas: this.data.datas })来更新数据源，push和onshift只能把数据添加到数组中，不能更新页面，必须要用this.setData({ })方法来刷新页面数据// 生命周期函数--监听页面初次渲染完成 onReady:function(){ console.log(this); let ...
2020-03-17 10:47:29
1530
原创 小程序——用class类来动态切换样式
关联数据，当课程为必修课时，显示出必修的标签并且下划线为红线，否则不显示标签且下划线为黄色在课程名称的组件里面插一个text组件，并用wx:if="{{isShow}}"来控制必修组件的显示与否；<text>课程名称<text class="data" wx:if="{{isShow}}">必修</text></text>在js文件的data...
2020-03-12 15:58:42
974
原创 微信小程序创建
微信小程序的创建部署注册小程序账号，获取小程序云开发的AppID（微信小程序）下载微信开发者工具（建议下载稳定版），安装创建一个小程序项目a.创建一个空的文件夹，用来存放项目。b.打开开发者工具，新建项目，输入项目名称，目录选择之前创建的文件夹，填写AppID，勾选 “不使用云服务” 然后就有了一个新的小程序小程序云开发开通a.小程序目录pages下面的logs以及utils目录...
2020-03-10 15:29:33
246
原创 HTML笔记6 a、div、img、video、audio标签
一、<a>标签：超链接这是跳转本地的链接，并且是在当前窗口打开<a href="./index.html">index</a>跳转外地的链接，并且在新的浏览器窗口打开，target="_blank"时是新的窗口，target="_self"时是当前窗口，不写target就默认self<a href="https://www.bilibili.co...
2020-01-13 18:00:19
797
原创 HTML笔记5表单
表单表单，获取用户输入的手段，标签有：form：method、actioninput：type、name、value（占位符）、placeholder（不占文本框的提示语）、maxlength（最大输入长度）、size文本框的宽度、readonly（只读）text：文本框password：密码框textarea：文本域file：文件域image：图片域hidden：隐藏域but...
2019-12-27 18:05:28
147
原创 HTML笔记4表格单元
表格元素表格的基本结构为<table><tr><td>，表格默认情况下是没有边框的，单元格的边距用cellpadding=""设置，单元格之间的间距用cellspacing=""设置,表格中的内容居左居右居中用align="left"；align="right"；align="center"设置代码：<table border="1"> ...
2019-12-26 16:57:01
112
原创 HTML笔记3列表
列表有序列表默认从1开始的列表，如果要规定数值开始，就要设置start值，属性值有1、数字：1,2,3；type属性值：12、小写英文字母：a，b，c ；type属性值：a3、大写英文字母：A，B，C ；type属性值：A4、小写罗马字母：i，ii，iii ；type属性值：i5、大写罗马字母：I，II，III ；type属性值：I代码：<ol> <li>...
2019-12-26 16:55:31
413
原创 HTML笔记2文本标签
一、 文本标签<p></p>段落标签：普通文本，普通大小文本，属于块元素<big></big>：大字号文本<small></small>：小字号文本<b></b>标签、<strong></strong>标签：粗体文本,就跟Word文档上面加粗的B一样的作用<i&g...
2019-12-26 16:52:31
139
原创 HTML笔记2基本元素
<a>标签：超链接这是跳转本地的链接，并且是在当前窗口打开<a href="./index.html">index</a>跳转外地的链接，并且在新的浏览器窗口打开，target="_blank"时是新的窗口，target="_self"时是当前窗口，不写target就默认self<a href="https://www.bilibili.com/"...
2019-12-25 18:05:25
120
原创 HTML学习笔记1
一个HTML文档的组成文档申明：<!DOCTYPE HTML> 申明表示这是一个HTML文档html标签：<html></html> 这是设计者在告诉浏览器，整个网页是从<html>这里开始的，然后到</html>结束head标签：<head></head> head标签是页面的“...
2019-12-24 17:31:34
89
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人