下一次就是永远-CSDN博客

原创 cesium开发——设置地球球体透明

效果如图，这里我加载了一张geoserver中国地图尝试了很多方法，终于达到上图的效果。当移除掉地球的图层之后，将球体的baseColor设置为透明，然后添加其他需要展示的图层：viewer.imageryLayers.removeAll();// 添加WMS服务const provider = new Cesium.WebMapServiceImageryProvider({ url: url, layers: "RLP", parameters: { transp

2022-04-14 10:03:25 5177 3

原创 cesium开发——在vue项目中使用cesium，使用离线地图资源

cesium开发——在vue项目中使用cesium，离线地图资源替换网络资源

2022-04-01 09:42:13 4330 9

原创 Symbol数据类型核心内容

Symbol数据类型简单介绍通过声明Symol，可以形成一个独一无二的值。将这个值用于对象中，可以避免key的重复。3种声明方式&各自的特点方法一，Symbol()重复声明则每次都会生成独一无二的值，互不相等。在控制台的输出都是Symbol()，不利于区分。未登记在全局。let s1 = Symbol()方法二，添加了用于描述的字符串重复声明则每次都会生成独一无二的值，互不相等。在控制台的输出包含括号内的参数，利于区分。未登记在全局。let s1 = Symbol

2021-10-11 16:15:30 272

原创前端经典面试题 - 手写一个深拷贝函数，2种方法实现深拷贝

一句话区分深拷贝、浅拷贝深拷贝：拷贝前后，互不影响浅拷贝：拷贝前后，互相影响前置知识：判断是否为复杂数据类型let defineType = function(element){ return Object.prototype.toString.call(element).slice(8,-1)}通过slice方法，截取字符串，如是复杂数据类型，则会输出Object、Array字符串。方法一：深拷贝函数let toClone = function(data){ // 检验数据类型

2021-10-09 16:09:03 454

原创 Echarts柱状图，实现不同系列，柱体之间的部分重叠效果

使用echarts绘制柱状图，如何实现下图这种，不同系列所代表的柱体之间的部分重叠的效果呢？如图，x轴上每个data，对应着4种数据（3柱形、1折线图），其中3个柱体之间存在着部分重叠的视觉效果。barGap属性关键在于配置项series下的barGap属性。看一看echarts官方提供的配置项手册中的解释：不同系列的柱间距离，为百分比（如 ‘30%’，表示柱子宽度的 30%）。如果想要两个系列的柱子重叠，可以设置 barGap 为 ‘-100%’。这在用柱子做背景的时候有用。建议’-45

2021-09-23 14:58:47 4522

原创 uniapp中，button组件、swipeAction滑块操作组件，点击事件失效的问题

可能的原因被其他块级元素不可见的遮罩层遮挡住了，如下图。导致无法触发button组件或swipeAction滑动点击事件。最典型的就是Fab悬浮按钮组件。

2021-07-05 16:12:35 1895

原创在vue项目中使用高德地图JS API

在vue项目中使用高德地图JS API，而不是amap依赖包~一、必做的准备工作注册账号并申请key首先，注册开发者账号，成为高德开放平台开发者登陆之后，在进入「应用管理」页面「创建新应用」为应用添加 Key，「服务平台」一项请选择「 Web 端 ( JSAPI ) 」二、vue文件中创建容器需给容器设置宽高哈<div id="container"></div>三、mounted函数中引入JS文件mounted(){ this.init()},

2021-06-18 14:44:43 246

原创 echarts中setOption第二个参数的作用。处理减少series数组长度时，图表不发生变化的问题。

setOption是echarts中常被人们忽视的一个API，通常大家只会使用第一个参数，用于为图表设置配置项。然而有些场景，却需要用到第二个参数，也就是notMerge，取值为true或false。series配置项减少，图表不刷新的BUG如图，右侧图表系列（也就是折线图的线）的个数，与左侧下拉选框选中的数组联动。当下拉选框多选中一个，右侧多产生一条线，反之，少选一个，右侧减少一条线。然鹅发现，增加的时候可以正常渲染，减少的时候却不行。原因分析实际上series配置项发生改变时，图表进行了渲染

2021-05-21 14:45:16 3093 3

原创简单解决vue、Element-UI项目中，关闭对话框子组件时的常见报错（Avoid mutating a prop directly...）

问题复现父组件通过控制，对话框子组件的visible.sync属性，达到控制对话框子组件显示与隐藏的效果。// 父组件<addAndEdit :visiable="visiable" @notShow="notShow" :title="diaTitle" v-if="visiable" ></addAndEdit>// 子组件<template> <div > <el-dialog

2021-05-08 14:52:42 1739

原创在表格中嵌入Input输入框的方法，方便对表格数据进行修改（Element-UI）

在表格中嵌入Input输入框，方便我们直接对表格数据进行修改。效果展示效果说明页面加载渲染数据至Input输入框中，为Input输入框绑定change事件，使用户可以直接在表格中修改字段值。示例代码<el-table-column align="center" label="label"> <template slot-scope="scope"> <el-input v-model="scope.row.value" @chan

2021-04-29 16:51:13 4961 4

原创使用Element-UI中的Table表格组件制作多级表头

多级表头是表格相关需求中常见的一种场景。数据结构比较复杂的时候，可使用多级表头来展现数据的层次关系。通过仔细阅读Element-UI官方文档，发现，通过嵌套el-table-column的方法，可以实现复合表头效果，以下是示例。效果示例图示例代码<el-table-column align="center" label="labelOut"> <el-table-column align="center" prop="prop1" label="labelIn1"> &

2021-04-29 16:28:58 2429 1

原创 JavaScript语言实现，数字转Excel列名

研发场景/应用场景使用SpreadJS表单控件，前端生成Excel文件，并实现图表、打印、导出等功能。其中，生成图表的函数需要传入的参数之一，是excel文件中图表数据源对应的单元格区域，类似“A1:AF132”。然而，图表数据源的列数不固定，这就需要根据数字（后端返回的数组长度）获取列名称。解决方案function numberTransColName( number ){ var ordA = 'A'.charCodeAt(0); var ordZ = 'Z'.charCodeAt(0);

2021-03-27 16:53:50 798

原创前端SpreadJS表单控件，设置合并单元格，加边框

SpreadsJS简介SpreadJS是一个面向企业级应用开发的综合性、高效能的基于HTML5的纯JavaScript的电子表格控件。SpreadJS有着强大的表单处理能力和电子表格功能。合并单元格sheet.addSpan(参数a, 参数b, 参数c, 参数d);参数a：单元格起始行参数b：单元格起始列参数c：向下合并的行数参数d：向右合并的列数例子：下面两行代码，作用是将I2:L2和I3:L3两个区域的单元格进行了合并。// 对应I2:L2sheet.addSpan(1, 8,

2021-03-02 10:16:20 2065

原创 VUE中设置当前日期为默认日期、如何设置“最近30天”日期区间

当我们使用vue框架进行前端开发时，常见的需求包括，查询和列表展示。设想这样一个使用场景：我们需要根据日期区间去查询数据，而当我们进入一个页面时，这个页面已经有默认的检索条件，我们的任务是——设置时间检索条件为最近30天。这里我将我的做法分享给大家：HTML结构中使用v-model绑定。<el-date-picker v-model="beginTime" type="date" placeholder="请选择开始日期" value-format="yyyy-MM-dd" >&lt

2021-02-02 10:56:47 4841 1

原创前端面试题 - 手写一个Promise

前端面试题 - 手写一个Promise问题一：同步与异步的区别？问题二：为什么使用Promise?问题三：手写一个Promise?问题四：前端异步都有哪些场景？问题一：同步与异步的区别？JavaScript是单线程语言，同步会阻塞代码执行，异步不会阻塞代码执行。补充：JavaScript是单线程语言，意味着只能同时做一件事。也就是说，发送请求遇到阻碍时，浏览器会卡住，卡住期间不能滚动、不能点击、不能有动画。异步是基于callback回调函数形式来调用的，每个异步都有回调函数。代码执行的顺序，先执行同步

2020-10-08 15:16:53 857

weixin_46557501的博客