- 博客(63)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 解决fatal: unable to access ‘https://github.com……‘: Failed to connect to
git克隆项目报错，fatal: unable to access……
2022-09-28 14:49:00
18429
8
原创 使用vue的图片裁剪vue-cropper
vue-cropper官网https://github.com/xyxiao001/vue-cropperhttps://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fxyxiao001%2Fvue-cropper项目需求需要固定的裁剪框的大小安装npm install vue-cropper使用<cropper-image @imgUpload="imgUpload"></cropper-imag...
2022-03-07 10:43:49
1109
原创 Js 递归树形数据查询该节点的所有父级节点、查询该节点的所有子节点等
一、根据ID获取该节点的所有父节点的对象function getParentId(list,id) { for (let i in list) { if(list[i].id===id){ return [list[i]] } if(list[i].subMenuList!=null){ let node = getParentId(list[i].subMenuList,id); if(node!==u
2022-03-03 13:26:24
6062
1
原创 js去重方法以及Set、Map、Array.from方法的使用
去重方法1：arrHeavy(arr){ let map = new Map() for (let item of arr) { if (!map.has(item)) { map.set(item, item) } } return [...map.values()]}去重方法2：mapGet (arr) { for (let i = 0; i < arr.length; i++) { f
2022-01-29 11:34:40
1610
1
原创 vue v-if 判断某个元素满足多个条件的写法
我们平时使用v-if判断多个条件，如这样写法:type同时满足0,1,2三个值的时候我们这样写：v-if= "type === 0 || type === 1 || type === 2" （这样写是可以的，但代码有点冗余）第一种，最简便的写法：v-if="[0,1,2].includes(type)"第二种，使用方法，复用性高，使用场景：多个标签都需要用到此判断写法：matchState（某元素，/[匹配值]/）v-if="matchState(type,/[0,1,2]/
2021-11-25 11:07:51
8482
原创 elementui的el-propover修改样式不生效的问题
项目中使用了el-propver，想修改样式，一直不成功，官方文档使用popper-class设置样式<el-popover placement="right" width="400" trigger="hover" popper-class="menu_popover" ></el-popover><style> .menu_popover{ padding: 10px 20px ..
2021-10-26 17:55:21
2512
2
原创 vue中tree回填数据
form表单回填tree的数据时，后端不能提供tree的所需数据格式，后端提供的数据还是tree的数据格式，我需要把tree的数据格式转化成回填所需要的的数据格式，如:["1309303221440761857","1451486975712358401","1309303221440761860"]的数据格式一、tree的form表单回填数据 <el-tree :data="menuList" :props="menuListTreeProps" :defa.
2021-10-25 11:33:30
1031
原创 arcgis for javsscript4.19根据不同类型加载不同颜色的点位
我使用vue，将GIS地图存入vuex中，因为需要做大屏，地图好几处需要，所以存入vuex中，在组件中使用GIS的方法之前要监听地图是否加载完成，后执行操作地图方法，否则会报错效果图如下图：1、在组件中使用GIS,在地图上添加点位import { loadModules } from 'esri-loader'loadModules([ 'esri/Graphic', 'esri/layers/GraphicsLayer' ], { url: 'https:/.
2021-10-19 14:54:25
854
原创 arcgis for javascript（4.19）屏蔽掉地图的默认事件
屏蔽地图默认事件，原理是通过设置view的监听// mouse-wheel 鼠标滚动轮事件// double-click 双击放大// drag 移动// key-down 上下箭头移动// "drag", ["Shift"] Shift+拖拽拉框放大// "drag", ["Shift", "Control"] Shift+Ctrl+拖拽拉框缩小view.on("事件类型",function(event){event.stopPropagation();...
2021-10-13 17:30:08
407
原创 vue element upload 上传多个文件，附件和其他数据一起传给后台
<el-upload :auto-upload="false" action="string" multiple :limit="3" :show-file-list="false" :on-change="changeUpload" :on-exceed="handleExceed" >...
2021-08-23 17:53:39
600
原创 8个工程师必备的javascript代码片段
1、获取文件后缀名/** * 获取文件后缀名 * @param {String} filename */ export function getExt(filename) { if (typeof filename == 'string') { return filename .split('.') .pop() .toLowerCase() } else { throw n
2021-08-23 17:29:31
119
原创 Javascript ES6中Object.key、Object.values、Object.entries
一、Object.keys(obj)Object.keys()方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致 。参数：要返回其枚举自身属性的对象 返回值：一个表示给定对象的所有可枚举属性的字符串数组 let arr = ['a','b','c'] console.log(Object.keys(arr)) //console：['0','1','2'] let obj = {0:'a',1:'b.
2021-08-23 17:15:14
803
原创 js创建a标签下载设置download属性无效
let xRquest = new XMLHttpRequest(); xRquest.open("GET", url, true); xRquest.responseType = "blob"; xRquest.onload = () =>{ const url = window.URL.createObjectURL(xRquest.response); const a = document.createElement("a"); a.href = url..
2021-08-12 15:57:13
1236
原创 Arcgis for javascript 4.20绘制点、线、面、矩形、圆
1、使用Arcgis for javascript 4.20Sketch方法的小工具进行创建和更新点、折现、多边形、圆集合图形的图形<html><head> <meta charset="utf-8" /> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
2021-07-07 15:32:16
3612
1
原创 element表单验证this.$refs[mineForm].validate((valid) )=＞({})点击不执行的问题
1、首页打印this.$ref[mineForm]是否能正确拿到2、检查<el-form :moel='mineFoem' ref=''></form>
2021-06-11 16:58:03
700
2
原创 在vue中使用html2canvas在前端生成图片
1、安装npm install html2canvas2、shimport html2canvas from 'html2canvas';
2021-06-11 14:56:02
962
1
原创 arcgis for javascript地图图层标注（设置字体大小、颜色、名称）
1、LabelClass来设置标注const statesLabelClass = new LabelClass({ labelExpressionInfo: { expression: "$feature.NAME" }, symbol: { type: "text", // autocasts as new TextSymbol() color: "black", haloSize: 1, haloColor: "white" }});featu
2021-06-09 17:48:26
1960
原创 arcgis for javascript 地图打印4.19
在vue中使用arcgis for javascript 的地图打印使用 PrintTemplate设置打印模板 loadModules([ "esri/tasks/PrintTask", "esri/tasks/support/PrintTemplate", "esri/tasks/support/PrintParameters", ], this.
2021-06-09 17:33:15
569
7
原创 arcgis for javascript4隐藏缩放按钮以及底部powered by ESRI
在vue中使用arcgis的写法import {loadModules} from 'esri-loader'...const option = { url:'https://js.arcgis.com/4.16/', css:'https://js.arcgis.com/4.16/esri/themes/light/main.css'}loadModules([ 'esri/views/MapView'],option).then(([MapView])=>{
2021-05-31 10:38:40
958
2
原创 在 vue中使用 Arcgis for javascript
安装依赖npm i esri-loader -S页面中使用<body> <div id="viewDiv"></div></body>#viewDiv { padding: 0; margin: 0; height: 100%; width: 100%;} import {loadModules} from "esri-loader"; 创建2D视图MapView通过将对象传递给构造..
2021-02-07 17:50:57
1271
1
原创 ArcGIS for JavaScript 与百度地图 高德地图区别
Arcgis for javascript :arcgis是一个完整的生态，而百度的js就仅仅是一个库而已。表面上都可以渲染出地图出来，但是百度的js可操作空间太小了。 arcgis可以自己发布图层数据服务，可以根据条件选择各种服务类型，选用不用的地图底图；百度、高德地图：百度用的是他自己的坐标系，地图图层各种数据也是他自己的，一整套js api 短平快，简单开发是够用了。 百度地图的则全是切片服务。百度地图并不是对arcgis的封装。 百度地图除了图层是切片的，其他都是靠前端渲染的，速度慢
2021-02-07 17:03:13
2653
原创 vue 中的watch和computed的区别
compputedcompputed是计算属性，他会根据你所依赖的数据动态显示新的计算结果计算属性将被加入到 Vue 实例中。所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例通过计算出来的属性不需要调用直接可以在 DOM 里使用Vue实例将会在实例化时调用$watch()，遍历watch对象的每一个属性在页面中使用大量复杂的逻辑表达式处理数据时，会对页面的可维护性造成很大的影响而且计算属性如果依赖不变的话，它就会变成缓存，computed的值就不会重新计算
2020-11-24 09:57:29
183
原创 css3文字描边css3字体外部描边
text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;-webkit-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;-moz-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;*filter: Glow(color=#000, strength=1);.
2020-11-16 17:04:54
664
原创 localstorage、sessionstorag和cookie的区别
基本概念1、cookie cookie成为会话跟踪技术，就是在一次会话中跟踪记录一些状态。cookie就可以在一次会话从开始到结束的整个过程，全程跟踪记录客户端的状态（列如：是否登录、购物车信息、是否已下载）。cookie可以跨越一个域名下的多个网页，但不能跨越多个域名使用“会话”指的是就是从浏览器打开一个网站到访问它的其他网页直到浏览器关闭的这个过程。cookie主要用于三个方面：会话状态管理（如用户登录状态、购物车、游戏分数或其他需要记录的信息） 个性化设置（如用户自定义设...
2020-11-16 17:02:43
308
原创 javascript 数据按日期分类
[ { "tid":"163", "date":"2020-04-04", "client":"M人民中路分店", "status":"已接收", "state":"0", "address":"广东省广州市人民中路304-314号", "remark":"", "tag_class":"", "start_time":"21:42", ".
2020-11-10 15:44:25
617
原创 解决vue的[_ob_:Observer]的数组的长度判断的问题
使用vue中的checkBox-Group时拿到的值是这样的，我判断.length时不起效果。解决方法：将数据先转化为JSON字符串形式，然后再从字符串形式转转成JSON格式，在进行长度判断JSON.parse(JSON.stringify(data))//进行数组长度判断JSON.parse(JSON.stringify(data)).length...
2020-10-09 16:35:02
2073
2
原创 js下载文件方式总结
1、使用路径只能下载图片： downloadByBlob(url,name) { let image = new Image() image.setAttribute('crossOrigin', 'anonymous') image.src = url image.onload = () => { let canvas = document.createElement('canvas') canvas.width = image.width .
2020-09-17 09:52:47
437
原创 vue组件之间的通信
一、父子组件通信props 和 $emitprops和$emit使我们日常开发中最常用的组件通信方式。父组件通过绑定属性来向子组件传递数据，子组件通过props属性来获取对用的数据；子组件则是通过派发$emit事件将数据传递到父组件中//父组件<child :meg="msg" @updateParentMsg="updateParentMsg" />data(){ return{ msg:"我是父组件" }},methods:
2020-09-09 14:02:25
103
原创 总记不住但又经常要用到的css
有没有经常遇到一些样式每次写都要用百度呢？我收集了一些我平时经常要用到的但又总是记不住的样式。有错误的地方欢迎指正一、设置Input的placeholder的字体样式input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: red;}input::-moz-placeholder { /* Firefox 19+ */ color: red;}input:-ms-input-placeh
2020-09-08 17:59:58
248
原创 vuex的使用与总结
定义1、vuex全局状态管理器；2、实现组件之间剐蹭传递数据，实现数据与视图响应式更新使用vuex的步骤1、安装Vuexnpm install vuex --save2、引入Vuex在src下创建store/store.js),写入以下代码：import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)3、创建仓库Store每一个 Vuex 应用的核心就是 store（仓库）,store就是一个容器..
2020-08-06 15:31:34
145
原创 在网页中执行本地exe程序
1、打开注册表 win+r在注册表的最上面HKEY_CLASSES_ROOT 右键——>新建——>项 项名称可以自己定义，这里我把名字命名为：zq点击zq右键新建——>项，依次建立 如图所示的项选中zq在空白处右键 新建——>字符串值。修改内容，修改后的内容如图所示：然后编辑zq下面的DefaultiIcon和command里面的内容：DefaultIcon里的内容修改这里用Tim测试：在command里执行同样的操作...
2020-05-21 17:33:08
2043
原创 js获取浏览器的版本号
//获取浏览器的名字+版本字符串 getBrowserInfo = () => { var agent = navigator.userAgent.toLowerCase(); var regStr_ie = /msie [\d.]+;/gi; var regStr_ff = /firefox\/[\d.]+/gi var regStr_chrome = /chrome\/[\d.]+/gi; var regS.
2020-05-14 10:57:22
602
原创 react子组件数据传给父组件进行操作
父组件：hanleShow=(equment)=>{ console.log("equment子组件传来的值");} <D3 showHide={(e)=>this.hanleShow(e)} />子组件：//params子组件的要给父组件传的值或者方法this.props.showHide(params);搞定，父组件就可以去到来自子组...
2019-12-25 16:17:12
385
原创 git推送项目至远程仓库、新建分支操作、合并分支、回滚等操作
1.配置本地用户信息git config #查看本机是否配置了个人信息git config --global user.name "……" #定义全局的用户名git config --global user.email "……" #定义全局的邮件地址git config --list #查看...
2019-09-05 11:19:25
1459
js+canvase拖拽
2019-05-22
使用鼠标绘制canvase图形
2019-05-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人