西鱼的博客

原创 cesium已知两个点 写一个简单具有动画尾迹效果的抛物线

/ 使用二次方程来增加中间点的高度以形成抛物线。// 创建位置数组，包含更多的中间点。// 定义起点和终点的经纬度和高度。// 生成更多的中间点。

原创 cesium 只有四个点的 polygon 加了extrudedHeight 矩形的高度会下移到0，而不是在这四个点所在的高度

属性的关系，以及多边形的中心点与Cesium场景中心点的对齐情况，以确保获得预期的视觉效果。在Cesium中，当为一个由四个点定义的矩形多边形（polygon）设置了。属性时，确实可能会遇到一些与预期不符的行为，特别是当。综上所述，当在Cesium中为矩形多边形设置。时，需要仔细考虑其与。

原创 ceisum实现动态立体墙上下循环动画，颜色逐渐透明

页面里面引用这个js，调取这个 将坐标传入，我的是三维坐标xyz所以Array(positions.length / 3)，二维改成2就行了，墙体颜色是逐渐透明的，效果是从一半才开始往上动画，不是从底部开始的。创建一个AnimationWall.js。

原创 electron-vue 实现调取dll文件并打包exe文件

先将electron-vue页面跑起来，版本问题是大坑，所以搞好所有依赖的版本是重点按网上教程先将electron-vue 下载下来，解决报错问题，此时我的electron还是2.0的版本。后面更新了。。。报错Object.fromEntries is not a function，解决问题https://blog.csdn.net/y_k_1_2_3_4/article/details/126479427。

原创 2021-04-30

js原型--原型链---- 原型继承的几种实现方式闭包vuecomputed watch 区别vux使用 传值vue数据绑定原理post get输入url之后。。网络安全 xxspromise settimeout冒泡 捕获变量提升 防抖节流 柯里化...

原创 vue websocket webRTC实现用户登录上下线功能 以及视频通话功能

参考https://blog.csdn.net/qq_38455201/article/details/80374712只是自己的理解，不是最好的解决办法，哈哈。登录页面用onopen的连接websocket，其实应该是在全局去连接，因为我是个小demo就这样直接写了然后用户列表页面用onmessage去根据服务器返回的type 去更新当前的列表this.socket = new WebSocket(this.socketUrl + this.$route.query.user)this

原创 webRTC 初接触

WebRTC共分成三个API1.MediaStream （又称getUserMedia）【获取音频和视频】2.RTCPeerConnection【进行音频和视频通信】3.RTCDataChannel【进行任意数据的通信】

原创 vue-editor 使用image-added富文本编辑器 图片上传到服务器

emm。前提是已经vue-editor 可以正常运行。。给 vue-editor 添加一个 @image-added 之前加的是驼峰的运行不了，很多文章也提到了 驼峰不行的。再使用图片上传的方法实现addedImage (file, Editor, cursorLocation, resetUploader) { // console.log(file) let fm = new FormData(); fm.append('files', ..

原创 代码转成v-html时去掉标签只展示中英文或数字

<div v-html="subStr(content)"></div>//scriptsubStr(str) { return str.replace(/<[^]+>/g, '')}使用正则将v-html里的标签都替换掉

原创 创建对象，不影响之前的对象

直接把a对象赋值给b对象的话，修改b中的对象，a也会实时的改变两种方式通过1.JSON.parse(JSON.stringify(a)) 将a对象2、通过 Object.assign({},a) 将a 给b

原创 vue项目使用scrollIntoView实现锚点定位

用a标签href尝试后，功能可以实现，但是路径会变成锚点的id，刷新页面跳转出现错误后来尝试使用scrollIntoView，可以实现相同的功能。我是根据id跳转的，点击左侧导航的时候，获取id，然后给右侧的div绑上动态 的iddocument.getElementById(item.id).scrollIntoView()document.getElementById(item.id).scrollIntoView({ behavior: "smooth" //

原创 npm install安装cnpm报code EEXIST的错误

找到该文件夹下的cnpm删掉后重新安装

原创 Grid网格布局

看文总结部分。。https://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.htmlFlex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后指定"项目所在"的单元格，可以看作是二维布局。行 （row） 列（column）1.display 属性： display:grid; display: inline-grid设为网格布局以后，容器子...

原创 vue 使用vue-clipboard2用户复制链接

cnpm install --save vue-clipboard2//要使用的页面import Vue from "vue";import VueClipboard from "vue-clipboard2";Vue.use(VueClipboard);// <el-button size="small" style="margin-left:18px" v-clipboard:copy="openUrl" v-clipboard:success="onCopyUrl" v-c.

原创 vue 引入静态json文件打包后文件内容未被修改

emmm...很坑，一开始就是单纯的引入json文件，发现打包后修改json文件但是并未更新，最后又换成了还使用axios引入，但是会有异步的问题一直解决不了。后来发现了个简单的办法。。把json文件改成js，里面的放的还是json，然后index.html里面script引入，然后赋值给Vue.prototype全局直接使用静态文件index里面引入然后要用的地方Vue.prototype.$dict = window.dictconsole.log(Vue.prototy

原创 vue 加载静态json文件打包后更换json内容不起作用

之前是向下面直接把json文件引入，但是打包以后，调取的json文件还是未改之前的内容。所以找到了别的办法。import api from '../../static/serverConfig.json'然后找到了办法，引入了一个js然后在要用的页面import {$getJson} from './http'const getH5StaticJson = data =...

原创 vue 使用provide / inject页面刷新不出现空白

借鉴：https://www.jb51.net/article/151984.htm在需要刷新的页面注入依赖，再调用reload方法

原创 动态加载的el-checkbox-group绑定model的问题

借鉴：https://www.cnblogs.com/w2xh/p/8260752.html <li v-for="(item,index) in exerciseList" :key="index"> <el-checkbox-group v-model="chooseBox[index]" @change="radioChange(item)"> &l...

原创 vue webkitdirectory属性上传文件夹

element 上传组件不支持文件夹上传，。。。使用input的webkitdirectory属性可上传文件夹<input ref="file" class="fileUploaderClass" type='file' name="file" webkitdirectory @change.stop="changesData"/>changesData () {co...

原创 el-table 实现load动态数据获取懒加载

官网的例子不是懒加载。。。网上也看到了很多。。。主要是load效果没用。。后来发现时少了tree-props设置hasChildren。。目前我只发现了这种解决办法。。。在获取首次table加载的时候 我就给每条数据前端默认加了个hasChildren属性load里面的这个tree是当前点击的某一行，我是根据当前的id去进行懒加载的，同时也要添加hasChildren属性。。。就动态获取...

原创 openlayer 判断一个点是不是在一个面内

获取的到的是面的数据格式是需要先转成polygon。let _points = JSON.parse(that.hotZone).coordinates this.polygonFeature = new Feature({ geometry: new Polygon(_points)})然后在点击map的singleclick里面 let geo = that.pol...

原创 openlayer操作，贴图实现画框删除框

先安装依赖 我是用的cnpmcnpm install ol --save-dev

原创 Vue搭建初步安装

1. 创建项目前提安装cnpm使用cnpm全局安装vue-cli,之后可以通过vue命令查看是否安装成功;下图是安装好vue-cli查看的情况。cnpm install vue-cli -g使用vue-cli初始化一个vue项目vue init webpack vueAdminnpm install2.安装sass，elementui，vuex，axios等cnpm insta...

原创 el-table动态获取数据合并行列

element自带的方法不能够随机分，只能是固定的去合并，这里我的需求是根据图片的id去合并，一张图片可能对应多个题型获取到的数据同时赋给tableData和spanArr，并在获取到数组的函数里执行getSpanArr方法，相当于给table赋值的还是用tableData 但是切割table是用的spanArr方法。getSpanArr (data) { this.spanAr...

原创 openlayer相关。。。。

点击地图的时候添加标注this.map.on('singleclick',function(e){ that.clickPoint = e.coordinate if (that.vectorSource) { that.vectorSource.clear() } l...

原创 H5 安卓返回键路由问题

Vue H5安卓的返回键解决方案使用Vue和H5做安卓手机端时候，安卓的实体返回键会返回上一个路由页面，导致页面出现各种问题。一、路由跳转页面改写在组件中，有需要跳转页面，并且不让用户返回的情况，例如：支付、登录、注销等。请做一下修改：1、this.$router.push()全部改写为this.$router.replace()2、<router-link to="/">全...

原创 el-tree 循环懒加载

官网给的列子里面试了一下只能懒加载一次 ，下图~然后标签里还是不变 <el-tree :data="treedata" :props="defaultProps" lazy :load="loadNode" @node-click="handleNodeClick" :highlight-current="true"></el-t...

原创 h5手机端或PC端利用高德地图获取当前定位位置

踩的坑写在前面：想直接利用h5的特性来获取，但是一直报错，需要https服务，结果还去了阿里云搞ssl的域名卡住了，然后一直报未检测到DNS配置记录，如果你们服务是https就可以直接用这个了。后来就搜了高德地图的相关获取定位的内容，然后搞成了首先，在index.html里引入高德地图，这个key是你的秘钥，要自己去高德地图开放平台免费可以获取哦 <!-- 获取地理位置 --&g...

原创 vue项目中用iframe引入jquery项目

jQuery项目必须放在静态文件夹static下，不然会报错，。

原创 el-upload向后台动态传参的问题

翻文档是要用data，然后是对象！！先定义一个空对象给这个空对象赋值的时候必须是键值对的形式！！不然就会变成 {0:1，1:3}，因为我取到到的是03`...

原创 解决vue里el-select下拉框点击option，select未更新的问题

给select添加change事件，强制刷新。解决页面不会重新渲染的问题，找了很多种办法。。只有这个最实用最简洁。roleNameChange (val) { this.$forceUpdate() },```...

原创 vue使用pdf.js 预览以及打印相关功能

不要用vue-pdf 只能预览不能有打印，当然如果只预览 就用这个更方便。1.引入import PDFJS from ‘pdfjs-dist’2.下载pdfjs将build web 和那个放在static下面。3.引入iframe4.报错，打开web里面的viewer.js，屏蔽一行代码就ok！！可以打印...

原创 vue聊天对话框滚动条自动定位到最底部

这么写的话只能定位到发送消息前的前一条消息，不能定位到最底部.then( this.$nextTick(() => { let msg = document.getElementById('chatRecord') // 获取对象 msg.scrollTop = msg.scrollHeight // 滚动高度 ...

原创 vue路由学习

&lt;div id="app"&gt; &lt;h1&gt;Hello App!&lt;/h1&gt; &lt;p&gt; &lt;!-- 使用 router-link 组件来导航. --&gt; &lt;!-- 通过传入 `to` 属性指定链接. --&gt; &lt;!-- &lt;router-link&gt; 默认会被渲染成一个

原创 vue生命周期

转载 使用eval，vue eslint会报 eval can be harmful

eval(this.sevenDateValueList.join('+') // eval can be harmful// 解决evil (fn) { let Fn = Function // 一个变量指向Function，防止有些前端编译工具报错 return new Fn('return ' + fn)() } this.evil(this.sevenDat...

原创 使用localStorage存取一个对象

存let applyGood = { name: good.name, attributeName: good.attributeName, productCover: good.productCover } window.localStorage.setItem('applyParams', JSON.stringify(applyGood))取JSON.par...

原创 使用vue $set,es6 every全选单选实现

html:&amp;lt;div class=&quot;pro-detail&quot; v-for=&quot;(item, index) in saleafteProducts&quot; :key=&quot;index&quot;&amp;gt; &amp;lt;div class=&quot;check-box&quot;&amp;gt; &amp;lt;el-check

原创 密码和手机号正则验证

密码由数字和字母组成且为6位以上：password: [ {required: true, message: '请输入密码', trigger: 'blur'}, { validator: (rule, value, callback) =&gt; { if (value.length &lt; 6) { ...

原创 vue项目引入element ui

安装 loader 模块： cnpm install style-loader -D cnpm install css-loader -D cnpm install file-loader -D安装 Element-UI 模块 cnpm install element-ui –save 新增base里面webpack.base.conf.js的 { test: /\\\\...