大橙子额-优快云博客

原创 npm安装依赖后报错

在vue.config.js 里面加上。今天npm安装依赖后报错。哪个包报错就加上哪个包。

2024-11-28 16:28:21 498

原创 mac外接显示屏固定程序坞

再按下【option + command + D】，锁定其到主屏。先按下【option + command + D】，程序坞消失，将鼠标放在想显示的屏幕正下方中间的边缘，扩展坞会出现，

2024-08-05 15:55:46 2293

原创使用openLayers报错Module parse failed: Unexpected token

在构建工具中配置 transpileDependencies 参数，因为 ol 依赖库基于一个目标环境不支持的 ES 版本撰写，将该依赖添加进 vue.config.js 中的 transpileDependencies 选项中。JavaScript模块解析失败。引入OpenLayers时报错。

2024-04-15 09:19:09 964 1

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 5065 2

原创 cesium贴地问题

cesium提供了常用实体对象的贴地处理，设置完贴地属性，就会让对象显示在地形上，不会飘在空中，转动视野时随着视野移动。

2022-12-09 11:33:25 4564 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 8797 2

原创 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 2411

原创处理日期的函数在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 1162

原创 git操作-提交代码，解决冲突，常用命令，拉取、删除远程分支

git常用命令，提交代码，解决冲突，删除分支，拉取远程分支

2021-12-17 10:47:59 385

原创 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 1538

原创 nginx配置伪静态

伪静态伪静态是相对真实静态来讲的，通常我们为了增强搜索引擎的友好面，都将文章内容生成静态页面，但是为了实时的显示一些信息，就损失了对搜索引擎的友好面。伪静态即是网站本身是动态网页，url后有"?"加参数来读取不同数据，伪静态就是做url重写操作(rewrite)。开启伪静态后，动态网页即被转换重写成静态网页类型页面，通过浏览器访问伪静态地址和真的静态页面没区别。但是做伪静态的前提就是服务器要支持伪静态重写URL Rewrite功能。考虑搜索引擎优化(即SEO)，经过重写，使用伪静态来将动态网页后缀变

2021-11-24 16:10:52 8073

原创 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 1757

原创 echart tree的使用

一、树图边的形状 series-tree. edgeShape = 'polyline'树图在正交布局下，边的形状。分别有曲线和折线两种，对应的取值是 curve 和 polyline.但是我更改属性为poliline，使用直线，并没有起作用。echarts2.x的时候，当时的树图就是由直角线组成的，现在要使用直线只能修改源码了二、点击节点，收放子节点的时候出现虚像开发中遇到一个bug，...

2020-03-30 15:09:04 2024

原创 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 10064 1

原创前端使用JSON.stringify，传递到后台多了个冒号

场景：前端使用JSON.stringify传递到后台之后报错了，然后后端的说是多了个冒号，在控制台打印出来发现没有冒号。在requestPayload中发现多了个冒号解决：contentType的默认是application/x-www-form-urlencoded，将contentType改为application/json即可 'contentType': 'application/js...

2019-09-20 14:18:17 5775

原创 Vue学习文档记录

1、单向数据流## 标题注意：在 JavaScript 中对象和数组是通过引用传入的，所以对于一个数组或对象类型的 prop 来说，在子组件中改变这个对象或数组本身将会影响到父组件的状态。2、动态渲染HTMLv-html="rawHtml"你的站点上动态渲染的任意 HTML 可能会非常危险，因为它很容易导致 XSS 攻击。请只对可信内容使用 HTML 插值，绝不要对用户提供的内容使用插值...

2019-09-11 20:56:49 418

原创 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 51920

原创 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 40792 7

原创设置setInterval定时器、postMessage、addEventListener监听器

项目中经常会使用到addEventListener，setInterval，非常好用，但也会有一些意想不到的bug。场景：项目中在mounted中绑定了一个监听器window.addEventListener('message', this.getList)，父子页面间通过postMessage发送消息，然后就出现了bug，this.getList调用了好几次，刚开始没有规律，以为代码有问题，p...

2019-08-30 15:00:28 1278

原创路由跳转传参

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 2329

原创对数组元素排序 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 1418

原创 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 685

原创编辑时使用Object.assign({},row) el-form表单无法编辑 el-select赋值后不能编辑

场景：页面表格数据是从后台获取的，编辑时，将数据传给dialog，发现Form表单无法编辑了，select多选框无法选择，删除，datepicker等组件也会出现这种不能编辑的情况原因：通过Object.assign直接将后台返回的数据赋值给form，后台返回的数据结构与data中初始化的form，数据结构发生了改变解决：页面有新增，编辑，删除按钮。可以编辑表格中的某行数据，点击编辑打开d...

2019-08-13 20:50:59 9495 6

原创前端处理数据方法(替换字符串、截取字符串、操作数组)

替换字符串 replace()有时候后端返回的字符串会乱码，或者需要做些处理，这时候就需要replace()方法如，空格替换为换行msg.replace(/\s+| /ig, '<br/>')\n替换为换行msg.replace(/\n/g,"</br>")替换所有字符为*value.replace(/./g,'*')日常开发中，也有将带有htm...

2019-08-01 10:08:11 7460

原创浏览器记住密码解决办法(密码回写到input框，点击出现密码下拉列表)

最近项目中发现一个问题，谷歌浏览器记住密码后，遇到用户名和密码框会自动写入，点击会出现密码的列表，这样就很不安全，测试说如果你去上厕所，别人拿你的电脑，不用输原密码就可以改掉密码。。。。。。不敢苟同。第一想法是不记住密码就行啦，记住密码怎样都不安全，但是有了需求还得想办法解决。一、加一个隐藏的input框chrome填充密码的原理是寻找name相同的password框进行填充所以在不需要记住...

2019-07-31 13:18:00 11951 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 2929

原创页面缩放

之前写移动端页面时，突然出现ios和安卓页面显示不一致的问题，在ios系统上，页面字体，输入框等变得特别小，是使用iframe打开页面的，刚开始以为是打开方式的问题，后来对比其他页面看了一下，才发现是meta的问题，移动端加上 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable...

2019-07-19 14:34:09 1183

原创 vuex（vue状态管理）

vuex项目中有些数据需要用 vuex 来统一管理的，如登录token,用户信息，一些全局个人偏好设置等，用vuex管理更加的方便，具体当然还是要结合自己的业务场景的。业务之间的耦合度很低的就在每个页面存放自己的data就可以了。安装vuex，使用命令：npm install vuex --save（安装vuex保存到本地）在项目的src目录下新建一个目录store，在该目录下新建一个in...

2019-07-19 10:41:49 669

转载 post和get

post和get的区别https://www.cnblogs.com/logsharing/p/8448446.html这篇文章写得真是好

2019-07-17 11:19:36 160

原创 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 30835 5

原创前端面试

一、Cookie、web storagecookie优点：极高的扩展性和可用性1.通过良好的编程，控制保存在cookie中的session对象的大小。2.通过加密和安全传输技术（SSL），减少cookie被破解的可能性。3.只在cookie中存放不敏感数据，即使被盗也不会有重大损失。4.控制cookie的生命期，使之不会永远有效。偷盗者很可能拿到一个过期的cookie。缺点：1.C...

2019-05-27 14:55:34 159

原创 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 5583

原创正则表达式

身份证校验的基本规则 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 186

原创获取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 711

原创项目调用另一个项目界面

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 3020 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 1638

原创学习总结

https://blog.youkuaiyun.com/u014063717/article/details/50914466

2018-10-29 11:43:46 180

转载 myeclipse导入项目后基础设置

使用myeclipse导入项目后会有大量报错，进行一些设置后会大量减少如下文https://blog.youkuaiyun.com/zhuzhenxing886/article/details/51727929

2018-10-27 17:34:53 1249

原创新建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 13565