- 博客(52)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 使用openLayers报错Module parse failed: Unexpected token
在构建工具中配置 transpileDependencies 参数，因为 ol 依赖库基于一个目标环境不支持的 ES 版本撰写，将该依赖添加进 vue.config.js 中的 transpileDependencies 选项中。JavaScript模块解析失败。引入OpenLayers时报错。
2024-04-15 09:19:09
181
2
原创 cesium加载shp文件
Cesium VectorTileImageryProvider 支持小数据量的geojson、shape文件矢量动态切片，实现贴地。本地shp数据或者在线shp数据，将shp数据转化为geojson数据并下载，在cesium中加载。加载shp文件，shp文件同级目录下需要有dbf文件，prj文件，不可隐藏地球球体。下载CesiumVectorTile.js文件并在index.html中引入。读取shp文件并生成geojson，加载到cesium中。shp文件同级目录下需要有dbf文件。
2023-06-26 16:07:34
2572
2
原创 cesium贴地问题
cesium提供了常用实体对象的贴地处理，设置完贴地属性，就会让对象显示在地形上，不会飘在空中，转动视野时随着视野移动。
2022-12-09 11:33:25
4073
1
原创 解决报错Error in nextTick: “RangeError: Maximum call stack size exceeded“
maximum call stack size exceededvue项目报错：Error in nextTick: maximum call stack size exceeded 是因为有两个组件的name是一样的，改正后解决初步看这个报错是堆栈溢出，以为是代码里面有循环引用，检查了一下所有的方法，没有循环调用的情况。后来发现是引入了一个组件之后就报错，检查了组件中所有的代码都没问题，在路由中单独使用该组件不会报错，引入就会报错。排查发现是两个component的name重复了，改正后页面就正常
2022-04-21 10:39:09
8064
1
原创 mac报错Could not resolve proxy: “”
npm install报错443: Timed outunable to access 'https://github.com/twbs/bootstrap.git/': Failed to connect to github.com port 443: Timed out为了解决报错，在终端输入了命令git config --global --unset http.proxygit config --global --unset https.proxy解决了该问题更新oh-my-zsh
2022-04-14 10:03:43
2110
原创 处理日期的函数在IE浏览器中的兼容问题，echarts点击事件调用多次的问题
时间日期在IE下显示NaN时间、日期的相关函数如getTime、getFullYear、getMonth等，都必须使用“yyyy/MM/dd”这种格式，不能使用“yyyy-MM-dd”这种格式。console.log(new Date("2022-04-12 00:00:00").getTime());// 在IE浏览器中打印出：NAN// 为避免这种情况，日期格式最好使用/，或者在处理前，先使用replace(/-/g, '/')替换console.log(new Date("2017/07/0
2022-04-12 13:28:51
1086
原创 element实现表格字段可编辑
element表格可编辑element表格组件，点击表格时判断是否有权限，有权限则显示输入框，并获取焦点，失去焦点时，调取后端接口，将修改后的字段提交<template> <el-table :data="tableData" style="width: 100%" @cell-click="cellClick"> <el-table-column prop="date" label="
2021-11-24 16:31:08
1431
原创 nginx配置伪静态
伪静态伪静态是相对真实静态来讲的，通常我们为了增强搜索引擎的友好面，都将文章内容生成静态页面，但是为了实时的显示一些信息，就损失了对搜索引擎的友好面。伪静态即是网站本身是动态网页，url后有"?"加参数来读取不同数据，伪静态就是做url重写操作(rewrite)。开启伪静态后，动态网页即被转换重写成静态网页类型页面，通过浏览器访问伪静态地址和真的静态页面没区别。但是做伪静态的前提就是服务器要支持伪静态重写URL Rewrite功能。考虑搜索引擎优化(即SEO)，经过重写，使用伪静态来将动态网页后缀变
2021-11-24 16:10:52
7135
原创 element树组件父子关联
el-tree组件父子关联问题el-tree选了父节点后，子节点均会选中，子节点都取消之后，父节点也取消，导致不选择子节点就无法选择父节点解决：取消父子关联关系:check-strictly="true"这样父、子节点完全不关联，勾选毫无关系。但是业务需求是，要勾选子节点必须先勾选父节点于是写了@check方法，在勾选子节点时，自动勾选父节点<el-tree :data="menuOptions" show-checkbox ref="menu" node-key="
2020-12-10 20:16:33
1585
原创 echart tree的使用
一、树图边的形状 series-tree. edgeShape = 'polyline'树图在正交布局下，边的形状。分别有曲线和折线两种，对应的取值是 curve 和 polyline.但是我更改属性为poliline，使用直线，并没有起作用。echarts2.x的时候，当时的树图就是由直角线组成的，现在要使用直线只能修改源码了二、点击节点，收放子节点的时候出现虚像开发中遇到一个bug，...
2020-03-30 15:09:04
1806
原创 el-form动态表单切换导致的校验bug（v-if、v-show导致校验失效的bug）
使用v-if还是v-show使用el-form来做表单验证时，有时候选择的条件不同，展示的el-form-item也不一样，这时候就需要控制输入框的展示与隐藏。那么，用v-if还是v-show呢？v-if 有更高的切换开销，而 v-show 有更高的初始渲染开销。因此，如果需要频繁的切换，使用v-show，否则，使用v-if。表单验证bug当使用v-if或v-show来控制el-f...
2020-01-20 10:49:14
9184
1
原创 前端使用JSON.stringify，传递到后台多了个冒号
场景：前端使用JSON.stringify传递到后台之后报错了，然后后端的说是多了个冒号，在控制台打印出来发现没有冒号。在requestPayload中发现多了个冒号解决：contentType的默认是application/x-www-form-urlencoded，将contentType改为application/json即可 'contentType': 'application/js...
2019-09-20 14:18:17
5475
原创 Vue学习文档记录
1、单向数据流## 标题注意：在 JavaScript 中对象和数组是通过引用传入的，所以对于一个数组或对象类型的 prop 来说，在子组件中改变这个对象或数组本身将会影响到父组件的状态。2、动态渲染HTMLv-html="rawHtml"你的站点上动态渲染的任意 HTML 可能会非常危险，因为它很容易导致 XSS 攻击。请只对可信内容使用 HTML 插值，绝不要对用户提供的内容使用插值...
2019-09-11 20:56:49
357
原创 element Drawer 抽屉的使用
之前没有这个组件的时候是直接把dialog的样式改了，改成了侧弹窗的形式，element升级后就改成了Drawer 抽屉组件。场景：Drawer 的关闭动画没有了。代码如下<el-drawer title="我是标题" v-if="drawer" :visible.sync="drawer" :before-close="handleClose"> <sp...
2019-09-06 13:16:58
50894
原创 el-cascader的使用以及报错解决
项目中使用到了element-ui中的cascader级联选择器，组件下拉列表是动态的，根据用户选择的类型来从后台请求数据 <el-select v-model="type" @change="getCascader" placeholder="请选择类型"> <el-option v-for="item in type" :key="item...
2019-09-02 17:09:53
39260
7
原创 设置setInterval定时器、postMessage、addEventListener监听器
项目中经常会使用到addEventListener，setInterval，非常好用，但也会有一些意想不到的bug。场景：项目中在mounted中绑定了一个监听器window.addEventListener('message', this.getList)，父子页面间通过postMessage发送消息，然后就出现了bug，this.getList调用了好几次，刚开始没有规律，以为代码有问题，p...
2019-08-30 15:00:28
1154
原创 路由跳转传参
router-link跳转<router-link to="{path:'路由地址'，params:{传的数据}，query：{传的参数}" >//不带参数<router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name 注意：rou...
2019-08-26 14:34:07
2259
原创 对数组元素排序 sort() 方法
sort() 方法sort() 方法用于对数组的元素进行排序。语法：arrayObject.sort(sortby)返回值：对数组的引用。请注意，数组在原数组上进行排序，不生成副本。如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序var arr = new Array(6)arr[0] = "George"arr[1] = "John"arr[2] = "Tho...
2019-08-23 13:39:19
1342
原创 var let const使用及区别
var新创建的变量的默认值都是 undefined。var testThisconsole.log(testThis)变量赋值：testThis = 'helloWord'在方法内部定义的var 变量,方法内部都可以访问到这个变量。例如for循环中for(var i =0;i<length;i++){ var test = i}console.log(i)...
2019-08-14 09:28:44
632
原创 编辑时使用Object.assign({},row) el-form表单无法编辑 el-select赋值后不能编辑
场景：页面表格数据是从后台获取的，编辑时，将数据传给dialog，发现Form表单无法编辑了，select多选框无法选择，删除，datepicker等组件也会出现这种不能编辑的情况原因：通过Object.assign直接将后台返回的数据赋值给form，后台返回的数据结构与data中初始化的form，数据结构发生了改变解决：页面有新增，编辑，删除按钮。可以编辑表格中的某行数据，点击编辑打开d...
2019-08-13 20:50:59
9149
6
原创 前端处理数据方法(替换字符串、截取字符串、操作数组)
替换字符串 replace()有时候后端返回的字符串会乱码，或者需要做些处理，这时候就需要replace()方法如，空格替换为换行msg.replace(/\s+| /ig, '<br/>')\n替换为换行msg.replace(/\n/g,"</br>")替换所有字符为*value.replace(/./g,'*')日常开发中，也有将带有htm...
2019-08-01 10:08:11
7071
原创 浏览器记住密码解决办法(密码回写到input框，点击出现密码下拉列表)
最近项目中发现一个问题，谷歌浏览器记住密码后，遇到用户名和密码框会自动写入，点击会出现密码的列表，这样就很不安全，测试说如果你去上厕所，别人拿你的电脑，不用输原密码就可以改掉密码。。。。。。不敢苟同。第一想法是不记住密码就行啦，记住密码怎样都不安全，但是有了需求还得想办法解决。一、加一个隐藏的input框chrome填充密码的原理是寻找name相同的password框进行填充所以在不需要记住...
2019-07-31 13:18:00
11392
4
原创 锚点定位 跳转到指定位置 回到顶部功能
一、跳转到指定位置给所要跳转的div一个ref<div ref='box'> <h3>跳转</h3></div>根据ref获取domlet el = this.$refs['box']计算出scrollTop即可document.querySelector(’.app-main’).scrollTop =el.offs...
2019-07-23 10:07:18
2853
原创 页面缩放
之前写移动端页面时，突然出现ios和安卓页面显示不一致的问题，在ios系统上，页面字体，输入框等变得特别小，是使用iframe打开页面的，刚开始以为是打开方式的问题，后来对比其他页面看了一下，才发现是meta的问题，移动端加上 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable...
2019-07-19 14:34:09
1120
原创 vuex（vue状态管理）
vuex项目中有些数据需要用 vuex 来统一管理的，如登录token,用户信息，一些全局个人偏好设置等，用vuex管理更加的方便，具体当然还是要结合自己的业务场景的。业务之间的耦合度很低的就在每个页面存放自己的data就可以了。安装vuex，使用命令：npm install vuex --save（安装vuex保存到本地）在项目的src目录下新建一个目录store，在该目录下新建一个in...
2019-07-19 10:41:49
575
转载 post和get
post和get的区别https://www.cnblogs.com/logsharing/p/8448446.html这篇文章写得真是好
2019-07-17 11:19:36
124
原创 Element-ui radio单选框
Element-ui radio单选框<el-radio v-model="form.sex" label="0">0</el-radio>发现页面加载的时候没有选中改成这样就可以了：<el-radio v-model="form.sex" :label="0">0</el-radio>是因为加冒号，说明后面的是一个变量或者表达式。...
2019-07-03 11:28:38
30438
5
原创 前端面试
一、Cookie、web storagecookie优点：极高的扩展性和可用性1.通过良好的编程，控制保存在cookie中的session对象的大小。2.通过加密和安全传输技术（SSL），减少cookie被破解的可能性。3.只在cookie中存放不敏感数据，即使被盗也不会有重大损失。4.控制cookie的生命期，使之不会永远有效。偷盗者很可能拿到一个过期的cookie。缺点：1.C...
2019-05-27 14:55:34
109
原创 ie兼容性问题
ie8不兼容透明度 background:#ffffff; /*支持rgba的浏览器*/ -khtml-opacity:0; -moz-opacity:0; filter:alpha(opacity=0); filter:"alpha(opacity=0)"; opacity:0; filter: progid:DXImageTransform....
2019-01-23 18:19:09
5529
原创 正则表达式
身份证校验的基本规则 var patrn = /^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([\d|x|X]{1})$/; //1-9开头的 5个数 1-9 三个数 （0重复一次）或者 （1 0-2）（（0或者1或者2 重复一次）或者 3 0-1 ）三个数 一个数或者x或者X其他正则表达式 [\u4...
2018-12-27 16:36:52
111
原创 获取url中的参数
获取url?后的参数var query = location.search; //获取location的search属性，保存在search中 var theRequest = new Object(); //创建空对象 if (query.indexOf("?") != -1) { //如果query不是空字符串 var str = qu...
2018-12-27 11:13:45
666
原创 项目调用另一个项目界面
body代码&amp;amp;lt;body&amp;amp;gt; &amp;amp;lt;iframe id=&amp;quot;iframe&amp;quot; src=&amp;quot;http://10.73.240.151:8080/page/bmV3SG9tZQ==/pc/page/faceCompare&amp;quot; &amp;quot;load()
2018-12-27 10:15:44
2895
1
原创 插件生成一维码（条形码）
barcode插件html中的代码&lt;div class="barcode_Placer" style="vertical-align:middle;text-align: center;display : inline-block ;"&gt;&lt;/div&gt;js中的代码$('.barcode_Placer').empty().show().
2018-12-26 15:17:04
1567
转载 myeclipse导入项目后基础设置
使用myeclipse导入项目后会有大量报错，进行一些设置后会大量减少如下文https://blog.csdn.net/zhuzhenxing886/article/details/51727929
2018-10-27 17:34:53
1208
原创 新建vue项目完整步骤
一、node环境安装node.js，没有的可以在我的资源里下载二、新建vue项目安装vue脚手架 npm install -g vue-cli用脚手架搭项目 vue init webpack-simple (项目名字) 或 vue init webpack (项目名字)两者区别就是 vue init webpack-simple :可以理解为轻巧的，没有多余...
2018-09-17 11:21:55
13459
原创 子组件接收数据、分页显示
一、子组件中接收LIst数据并使用接收List数据export default { name:"HomeIcons", props: { list: Array },直接使用接收到的数据<div class="icons"> <swiper :options="swiperOption"> ...
2018-09-17 10:22:21
437
原创 vue项目及axios请求获取数据
一般vue项目中 一个页面是由多个组件组成的，各个组建的数据都是统一在主界面的组件中发送axios请求获取，这样极大地提高了性能。首先要导入用到的组件和axiosimport HomeHeader from './components/Header'import HomeSwiper from './components/Swiper'import HomeIcons from '...
2018-09-17 10:12:46
28383
2
原创 过渡与动画（animate.css库、动画原理）
## 一、使用animate.css库 ##Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。在 CSS 过渡和动画中自动应用 class可以配合使用第三方 CSS 动画库，如 Animate.css在过渡钩子函数中使用 JavaScript 直接操作 DOM可以配合使用第三方 JavaScript 动画库，如 Velocity.js引用animate...
2018-09-16 18:18:10
1173
CesiumVectorTile.js，加载shp文件
2023-06-26
border.css
2018-09-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人