落笔映浮华H-优快云博客

原创 vue3+ts+vite pc端屏幕适配方案

vue3+ts+vite pc端屏幕适配方案

2022-09-08 18:21:19 4694 6

原创 vue中使用cesium 加载shp文件

vue中使用cesium 加载shp文件

2022-08-05 16:41:13 2659 4

原创 cesium 加载模型实现动画效果

cesium 加载模型实现动画效果

2022-06-16 16:47:48 2733

原创 cesium 动态调整模型位置和角度

cesium 模型平移和旋转

2022-06-09 18:57:06 3180 1

找到数组对象中对应的数组内容let arr=[1,3,10];let obj=[{id:1,name:'01'},{id:2,name:'02'},{id:3,name:'03'},{id:10,name:'10'},{id:11,name:'11'},{id:12,name:'12'},{id:13,name:'13'},{id:21,name:'21'},{id:22,name:'22'},]let newArr=obj.filter(item => arr.includes(item.

2022-05-24 15:28:00 261

原创 cesium 加载fbx模型

fbx2gltf下载地址：https://pan.baidu.com/s/1iX99ujYr6GNXc41WnJC08w tycuhttps://github.com/facebookincubator/FBX2glTF/releasescmd 到 fbx2gltf位置fbx转glb(gltf)命令：fbx2gltf -i C:\work\project\cesium\朱玉香电站模型.fbx -o C:\work\project\cesium\朱玉香电站模型.gltf参考链接：h

2022-05-13 17:46:43 2998

原创 vue项目中引入cesium

市面上的前端框架中，Vue+Cesium 可谓是最佳搭档，一般做 Cesium B 端产品的公司都会使用 Vue，所以后续内容都将基于 Vue通常情况下，我们要在 Vue 中使用 Cesium，首先要安装 Cesium，然后要在 vue-cli 的 webpack 配置很多东西，对一些有经验的人来说只不过麻烦些，但是对 Cesium 的初学者来说会很痛苦，因为没有使用过，也不知到要怎么配置，只能搜索网上的教程，一步一步踩坑其实不管是有经验或是初学者，每次写项目重复配置这些东西都很麻烦vue-cl

2022-05-13 17:35:01 1721

原创 js 运算符

1、逻辑 OR 赋值运算符逻辑 OR 赋值运算符 ||= 接受两个操作数，如果左操作数为假，则将右操作数分配给左操作数。let myPlaylist = {songsCount: 0, songs:[]};// 如果myPlaylist.songsCount不存在，或布尔值为false，如false，0，null，undefined，则赋值100myPlaylist.songsCount ||= 100;console.log(myPlaylist); // {songsCount:

2022-01-26 14:12:06 763 1

原创 Promise知识点

Promise知识点

2022-01-25 18:28:13 1111

原创 ES6常用方法汇总记录

es6语法摘要

2022-01-25 18:16:52 189

原创 js 禁止选择和复制

禁止选择和复制代码['contextmenu','selectstart','copy'].forEach(function(ev){document.addEventListener(ev,function(ev){ev.preventDefault();ev.returnValue=false;})});当然也有CSS方案body{-moz-user-select:none;-webkit...

2021-09-10 18:31:27 306

原创基于URLSearchParams或URL获取queryString的值

常用的方式是使用正则或者split方法，其实不然，URLSearchParams和URL都能很好的实现功能。代码consturlSP=newURLSearchParams(location.search);functiongetQueryString(key){returnurlSP.get(key)}consturlObj=newURL(location.href);functiongetQueryString(key){returnur...

2021-09-10 18:30:00 345 1

原创 js判断对象数组中是否存在某个对象

1. 判断数组中是否存在某个元素，直接用数组的indexOf方法就好，存在返回当前索引不存在返回-1var arr=[1,2,3,4]arr.indexOf(3) // 2arr.indexOf(5) // -12. 遍历后判断对象的属性是否相同arr.forEach(item=>{ if(item.name==='Alex'){ alert('存在这个元素'); }})3. 动态添加或删除对象或元素的，用这个方法的话不好操作，可能会添加或删除

2021-09-10 17:34:48 9220

原创 js实现往数组中添加非存在的对象，如果存在就改变键值

let arr = [{name: 'bb', age: 12}]// 现在需求是，将每次获得的新对象{name: '', age: }push到数组arr中，但前提是数组中没有name值一样的对象，如果数组中存在name值一样的对象，则替换age值。// 下面是代码实现for (let i = 0; i < arr.length; i += 1) { if (arr[i].name === newObj.name) { arr[i].age = newObj.a.

2021-09-10 17:31:17 724

原创 el-select实现change事件

<el-select @change="selectChanged" v-model="devType" size=small> <el-option v-for="item in devTypes" :key="item" :label="item" :value="item"></el-option></el-select>data() { return { devType: '', devTypes: [] }},.

2021-09-10 17:29:31 4548 1

原创 js 根据id删除数组中对象的方法

使用findIndex找到数据位置后使用splice将其裁切。let index = this.arrText.findIndex((ele) => { return ele.id === id; }); console.log("index", index); //当查找失败返回 if (index === -1) { return console.log('删除失败'); } //如果找到.

2021-09-09 10:31:49 5585

原创 js 截取最后一个特定字符后面的字符串

var s='/powerStationDom/stackid-211/stackDom-xiao.jpg';var name=s.substring(s.lastIndexOf("/"));console.log(name);// .jpglastIndexOf()字符最后出现位置索引；IndexOf()字符第一次出现位置索引；

2021-09-08 17:23:27 775

原创 js 数组去重

1. 普通循环let oldArr = [1, 2, 3, 4, 5, 5 , 6, 7, 8, 2, 3]; let newArr = unique(oldArr); function unique(arr){ let hash=[]; for (let i = 0; i < arr.length; i++) { if(hash.indexOf(arr[i]) === -1){ hash.push(arr[i]); } } retur

2021-09-06 17:02:52 82

原创 ElementUI 常见问题

1、form 下面只有一个 input 时回车键刷新页面原因是触发了表单默认的提交行为，给el-form 加上@submit.native.prevent就行了。<el-form inline @submit.native.prevent> <el-form-item label="订单号"> <el-input v-model="query.orderNo" :placeholder="输入订单号查询" clearab

2021-09-03 18:24:24 827

原创常用转换方法

importgConffrom"gConf";/***@copyrighthulinlin3222941047@qq.com*@description格式化时间*@paramtime*@paramcFormat*@returns{string|null}*/exportfunctionparseTime(time,cFormat){if(arguments.length===0){returnnul...

2021-08-09 16:51:42 269

原创常用验证方法

/***@copyrighthulinlin3222941047@qq.com*@description判读是否为外链*@parampath*@returns{boolean}*/exportfunctionisExternal(path){return/^(https?:|mailto:|tel:)/.test(path);}/***@copyrighthulinlin3222941047@qq.com*@...

2021-08-09 16:50:01 1353

原创前端开发规范文档

目录概要开发规范详细目录结构规范文件、组件、组件结构命名规范Template规范JS规范CSS规范图片规范API管理规范弹框，提示信息规范其他前端规范插件概要为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经..

2021-07-15 15:36:10 2125