天峰绝影 - 个人主页动态

2021-07-22 10:07

已编辑

首先进入cesium的官网：https://cesium.com/cesiumjs/ 进行下载压缩包    下载完成后，解压放在项目文件夹中即可。 注册并登录官方网站，在Access Tokens获取Cesium账号令牌  在html的head中引入Cesium的js文件和css文件 // 具体路径自行配置 <script src="https://cesium.com/downloads/cesiumjs/releases/1.63.1/Build/Cesium/Cesium.js"></script> <link href="ht...

0 点赞评论收藏

2021-07-22 10:07

已编辑

辽宁工程技术大学前端工程师

Cesium隐藏除地图外的控件

一、用css隐藏 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <lin...

0 点赞评论收藏

2021-07-22 10:06

辽宁工程技术大学前端工程师

别崩溃！女朋友升级到妻子后的BUG

亲爱的技术支持：  我急需您的帮助。我最近将“女朋友7.0”升级到“妻子1.0”，发现这个新程序意外地启动了孩子生产程序，而且占用了大量的空间和珍贵的资源。这在产品的使用手册中没有提到。 此外“妻子1.0”自动将自己安装到其他所有的程序中，它随系统同时启动，监控整个系统的状态。“男人夜出2.5”和“高尔夫5.3”无法再运行，一旦运行该程序系统即行崩溃。试图运行“周日足球6.3”经常失败，而“周六购物7.1”却代之运行。看来我无法保留“妻子1.0”，因为它和我喜欢运行的任何程序都不相容。我打算回到“女朋友7.0”，可是这个程序又无法卸载。    请您帮帮我吧！                  ...

0 点赞评论收藏

2021-07-22 10:06

已编辑

辽宁工程技术大学前端工程师

CZML介绍

CZML是一种用来描述动态场景的JSON架构的语言，主要用于Cesium在浏览器中的展示。它可以用来描述点、线、布告板、模型以及其他的图元，同时定义他们是怎样随时间变化的。Cesium拥有一套富客户端API，通过CZML采用数据驱动的方式，不用写代码我就可以使用通用的Cesium viewer构建出丰富的场景。Cesium与CZML的关系就如同Google Earth和KML的关系。CZML和KML都是用来描述场景的数据格式，可以通到很多其他的程序自动生成，或者手写也可以。CZML拥有很多的特性，其中有一些区别于KML的：  CZML 是基于JSON的。 CZML可以准确的描述值随时间变化的属...

0 点赞评论收藏

2021-07-22 10:06

辽宁工程技术大学前端工程师

cesium随笔 — 获取当前鼠标的经度、纬度、高度

代码： function getPosition() { //得到当前三维场景 var scene = viewer.scene; //得到当前三维场景的椭球体 var ellipsoid = scene.globe.ellipsoid; var entity = viewer.entities.add({ label : { show : false } }); var longitudeString = null; var latitudeString = null; var height = null; var cartesian = null; // 定义当前场景的画布元素的事件处理 ...

0 点赞评论收藏

2021-07-22 10:05

辽宁工程技术大学前端工程师

Cesium点击显示经纬度以视角高度

代码  <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel...

0 点赞评论收藏

2021-07-22 10:05

辽宁工程技术大学前端工程师

Css计算--calc（）方法

概述 calc() 此CSS函数让你在声明CSS属性值时执行一些计算。它可以用在如下场合：<length>、<frequency>, <angle>、<time>、<number>、或<integer>。 语法 /* property: calc(expression) */ width: calc(100% - 80px); 此 calc()函数用一个表达式作为它的参数，用这个表达式的结果作为值。这个表达式可以是任何如下操作符的组合，采用标准操作符处理法则的简单表达式。  加法（ + ） 减法（ - ） 乘法（ * ），...

0 点赞评论收藏

2021-07-22 10:05

已编辑

辽宁工程技术大学前端工程师

element-ui 表单自定义日期输入验证

methods: { validateDate(rule, value, callback){ if (value) { let timestamp = new Date(value).getTime() let start = new Date(this.shiftStartTime).getTime() let end = new Date(this.shiftEndTime).getTime() if (end < timestamp || timestamp < start) { callback(new Error(`请在值班时间内选择 ${this.shiftStart...

0 点赞评论收藏

2021-07-22 10:04

已编辑

辽宁工程技术大学前端工程师

vue-cli全集学习笔记

什么是前台、后台 前台：是指以Html5、CSS为基础的页面的开发，重在页面的布局美化 后台：是指包括但不限于以JAVA这样的开发工具来进行的开发，也称为服务器的开发 什么是前端、后端 ”前端就是前台，后端就是后台“这句话不严谨！ 前端和后端属于前台的分支 前端：特指页面的开发，修饰，美化等，页面的基本元素。 后端：指后端的服务，为了使页面能正常的跳转、页面之间可以变量进行共享，为页面提供更好的服务。例如：vue-cli node.js安装(https://www.nodejs.cn) node:与vue有一定的联系，但是不同。node就是后端，给页面提供服务的。vue是前端的框架。 node...

0 点赞评论收藏

2021-07-22 10:04

已编辑

辽宁工程技术大学前端工程师

elementUI form表单验证不通过的三个原因

<el-form :model="form" :rules="rules"> <el-form-item prop="input"> <el-input v-model="form.input"></el-input> </el-form-item> </el-form> 如上面的代码 1、<el-form>标签绑定内容必须通过 :model='form' 绑定，不能使用v-model="form" 2、<...

0 点赞评论收藏

2021-07-22 10:04

辽宁工程技术大学前端工程师

Js的debounce 方法使用

应用场景 由于事件频繁被触发，因而频繁执行DOM操作、资源加载等重行为，导致UI停顿甚至浏览器崩溃。 简单用法 /** 2 * 空闲控制 返回函数连续调用时，空闲时间必须大于或等于 idle，action 才会执行 3 * @param fn {Function} 相关执行函数 4 * @param delay {Number} 延迟时间，也就是阈值，单位是毫秒 5 * @return {function} 返回一个“去弹跳”了的函数 6 */ 7 debounce(fn,delay) 例子 let validateNameRepeat = async (rule, value, callba...

0 点赞评论收藏

2021-07-22 10:03

辽宁工程技术大学前端工程师

Vue项目中使用element-ui，表格动态样式

<el-table :row-style="tableRowClass"> // 。。。 </el-table> methods: { tableRowClass({row, rowIndex}) { // row 该行数据， rowIndex 该行索引 if(rowIndex%2 == 0) { return {"color": "#FF0000"} //！返回值要是对象格式！ } } }  

0 点赞评论收藏

2021-07-22 10:03

辽宁工程技术大学前端工程师

JavaScript的RegExp中的$1含义

RegExp 是javascript中的一个内置对象。为正则表达式。 RegExp.$1是RegExp的一个属性,指的是与正则表达式匹配的第一个 子匹配(以括号为标志)字符串， 以此类推，RegExp.$2，RegExp.$3，..RegExp.$99总共可以有99个匹配 var r= /^(\d{4})-(\d{1,2})-(\d{1,2})$/; //正则表达式 匹配出生日期(简单匹配) r.exec('1985-10-15'); s1=RegExp.$1; s2=RegExp.$2; s3=RegExp.$3; alert(s1+" "+s2+" &quot...

0 点赞评论收藏

2021-07-22 10:02

已编辑

辽宁工程技术大学前端工程师

Js实现Html转义和反转义方法

0 点赞评论收藏

2021-07-22 10:02

辽宁工程技术大学前端工程师

echart效果图配置1

option = { xAxis: { type: 'category', boundaryGap: false, data: [0,1,2,3,4,5,6,7,8,9,10,11,12], axisLine:{ show: true, lineStyle:{ color: '#aaa', } }, axisTick: { show:false, }, axisLabel:{ show: true, } }, tooltip:{ show:true, trigger:'axis', showContent: true, formatter: '2020年{b}月<br />{c}人...

0 点赞评论收藏

创作者周榜

关注他的用户也关注了：