- 博客(30)
- 收藏
- 关注
RSS订阅原创 多维数组筛选方法
// 多维数组过滤：arr：原数组，key：筛选数组中哪个字段，// value：筛选的值， childrenKey：子数组的名称export function recursiveFilter(arr, key, value, childrenKey) { for (let i = 0; i < arr.length; i++) { if (arr[i][key] === value) { return arr[i] } if (arr[i][childre
2022-05-24 15:28:30
337
原创 代码完全覆盖dev分支
1.我想将test分支上的代码完全覆盖dev分支，首先切换到dev分支git checkout dev2.然后直接设置代码给远程的test分支上的代码git reset --hard origin/test3.执行上面的命令后dev分支上的代码就完全被test分支上的代码覆盖了，注意只是本地分支，这时候还需要将本地分支强行推到远程分支。git push -f...
2022-05-08 15:23:01
167
原创 将svg图片转换icon
转载：https://blog.csdn.net/webxiaoma/article/details/73850328
2022-03-31 16:18:36
1484
原创 将表格导出成excel表格
创建js文件，把下面内容都引入Blob.js(function (view) { "use strict"; view.URL = view.URL || view.webkitURL; if (view.Blob && view.URL) { try { new Blob; return; } catch (e) {} } // Internally we us
2022-03-30 15:58:52
198
原创 js 关闭页面
js关闭当前页面，当该页面不是其他页面打开的，而是直接输入url，直接用window.close()无法关闭。以下代码可以实现不同浏览器的关闭操作function close(){ if (navigator.userAgent.indexOf("Firefox") != -1 || navigator.userAgent.indexOf("Chrome") !=-1) { window.location.href="about:blank"; window.c
2022-02-14 11:47:10
2511
原创 arcgis + vue 环境安装
1)安装@arcgis/corenpm install @arcgis/core --save2)安装ncpnpm install ncp -g3)配置package.json“scripts”: {“serve”: “vue-cli-service serve”,“build”: “vue-cli-service build”,“lint”: “vue-cli-service lint”,“copy”: “ncp ./node_modules/@arcgis/core/assets ./
2021-12-08 14:00:22
738
原创 arcgis动态拖拽画圆
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" /> <title>Circle with Measure
2021-12-08 13:52:23
405
原创 下拉框是渐变色
子组件代码template> <el-select ref="colorSelect" v-model="myColor" placeholder="" style="width: 100%; height:20px;" @change="handleChange" > <el-option v-for="(item, index) in colorList" :key="index" la
2021-12-02 10:36:15
579
原创 arcgis查找geojson最大值最小值
let maxCount = { onStatisticField: keyValue, //筛选值参数 outStatisticFieldName: valueMax,//导出最大值key statisticType: "max", }; let minCount = { onStatisticField: keyValue, //筛选值参数 outStatisticFieldName: v
2021-11-23 10:01:09
435
原创 div居中，原型链
让一个div居中：flex-grow父：display:flex;子：margin：auto；原型链与继承<script> // 构造函数：看是否用它创建实例 function Person(){ } Person.prototype.name="小明" let person1=new Person() console.log(person1) // constructor:构造器 指向哪里：指向构造他的函数 consol
2021-05-08 18:09:44
45
原创 前端性能优化
性能优化包含：1.页面加载性能（加载时间）2.动画与操作性能（是否卡顿）3.内存，电量消耗（内存占用）除去这三点，其他都属于运算效率1.在浏览器中输入URL并回车后都发生了什么？a.解析URL，拿到域名回去DNS域名系统中去匹配：实际上对应的是一个ip地址 https://www.baidu.com/ www：服务器 https:传输协议（http协议）TSL，ssL安全层 baidu.com：域名 **第二次访问，会去缓存里面找是否有这个url，ip** b.浏览器与网站
2021-05-08 14:14:12
73
1
原创 tcp/ip协议三次握手、四次挥手
TCP报文格式tcp/ip协议三次握手客户端与服务端建立连接tcp/ip协议四次挥手问题：了解tcp/ip协议三次握手、四次挥手机制吗？tcp/ip是传输层面向连接的一个安全可靠的传输协议。三次握手的机制是为了保证能建立一个安全可靠的连接，第一次握手是由客户端发起，客户端会向服务端发送一个报文，报文里面SYN=1，当服务端收到这个报文之后就知道客户端要和我建立一个新的连接，于是服务端就向客户端发送一个确认消息包，在这个消息包里面：ack标志位置为1，表示确认客户端发起的第一次连接请求。以上两次
2021-04-23 12:04:03
132
原创 display：none；visibility：hidden；opacity：0；区别
display：none1.DOM结构：浏览器不会渲染display：none的元素，不占据空间；2.事件监听：无法进行事件监听；3.性能：动态改变此属性会引起重排，性能较差；4.继承：不会被子元素继承，子类也不会被渲染；5.tansition：transition不支持display，没有过渡效果；visibility：hidden；1.DOM结构：元素被隐藏，但是会被渲染不会消失，占据空间；2.事件监听：无法进行事件监听；3.性能：动态改变此属性会引起重绘，性能较高；4.继承：会被子
2020-08-25 16:22:51
228
原创 watch，computed的使用
在vue中，使用watch来响应数据的变化。watch的用法大致有三种。1.下面代码是watch的一种简单的用法： <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"></p><script&g...
2020-02-18 22:35:50
83
原创 小demo—使用关于router（登录/注册页面切换）路由嵌套
主页面代码account.vue<template> <div> <h1>这是主页面组件<h1> <router-link to="/account/login">登录</router-link> <router-link to="/account/register">注册</router-...
2020-02-18 15:24:33
370
原创 $ref获取DOM元素和组件
html代码<h3 id="myh3" ref="myh3">哈哈哈，今天天气太好了</h3>普通DOM操作查找元素document.getElementById('myh3').innnerText$ref获取DOM元素和组件this.$refs.myh3.innnerText...
2020-02-17 17:06:37
620
原创 Cookie localStorage sessionStorage区别和使用
CookieCookie是什么：指某些网站存储在用户本地终端的数据作用理解：登陆一个网站，保存了数据，近期不用再登录应用层面来说：cookie是一段字符串；js层面来说：cookie是document对象下的一个String类型的属性查看cookie：document.cookieCookie的三个关键设置和获取cookie设置cookie：直接对docume...
2020-02-14 00:38:44
87
原创 父组件向子组件传值，子组件向父组件传值
父组件向子组件传值父组件代码<template> <div><!--父组件，可以引用子组件的时候，通过属性绑定{v-bind}的形式，把需要传递给子组件的数据，以属性绑定的形式，传递到子组件内部，给子组件使用 --> <com1 :parentmsg="msg"></com1> </div></temp...
2020-02-13 00:35:16
171
原创 使用动态组件实现 Tab 标签页切换效果（vue-cli）
主页面代码<template> <div> <div>#动态组件实现tab切换效果#</div> <br><br><br> <div class="div"> <a class="a" href="javascript:...
2020-02-12 16:55:06
953
原创 动画效果
<template><!-- 动画 --> <div> <input type="button" value="toggle" @click="flag=!flag"> <!-- 动画 transition 把需要被动画控制的元素，包裹起来vue官方提供的 --> ...
2020-02-11 14:52:02
56
原创 品牌管理项目-简单（没有连接数据库）
<template> <div> <div> <div> <h3>添加品牌</h3> </div> <div width="100%"> ...
2020-02-10 14:58:34
110
原创 过滤器，Vue的生命周期
过滤器概念：Vue.js允许自定义过滤器，可被用作一些常见的文本格式化，过滤器可以用在两个地方：mustache插值（{{}}双花括号）和v-bind表达式过滤器调用时格式：{{name | 过滤器名称(可以传多个参数)}}过滤器语法：Vue.filter(‘过滤器名称’,function(data，第一个参数，第二个参数){//过滤器中的function，第一个参数已经被规定死，永远是...
2020-02-09 12:53:36
142
原创 事件修饰符，Vue中的样式-class，v-for的使用
事件修饰符.stop 阻止冒泡.prevent 阻止默认事件.capture 添加事件侦听时使用捕获模式.self 只有点击当前元素时候，才会触发事件处理函数.once 事件只触发一次冒泡跟捕获的区别冒泡：从里向外触发点击事件捕获：从外向里触发点击事件.stop和.self区别.stop：会阻止冒泡行为.self ：只会阻止自己身上冒泡行为的触发，并不会真正阻止冒泡行为...
2020-02-05 13:01:28
255
原创 dom-事件模型及冒泡
事件模型(1). 什么是: 从触发事件开始，到所有相关的事件处理函数都执行完，所经历的过程 (2). 包括: 3个阶段:a. 捕获阶段:当触发事件时，浏览器会从顶级元素，到当前触发事件的元素位置，遍历各级父元素上的事件处理函数。——仅遍历，记录，不触发！ 为什么? 全球浏览器开发者都一致认为，点在内层元素上，也等效于点在了外层元素上。所以，要记录当前元素各级父元素上绑定的所以事件处...
2020-02-02 21:13:25
75
原创 跑马灯效果
html代码<div id="app"> <input type="button" value="浪起来" @click="lang"></input> <input type="button" value="低调" @click="stop"></input> <h4>{{msg}}</h4></...
2020-01-29 15:35:50
70
原创 v-clock，v-text，v-html，v-bind，v-on使用
<style> /*解决插值表达式带来的闪烁问题*/ [v-clock]{ display: none; }</style><div id="app"> <!-- v-clock不会覆盖元素内容只替换自己的占位符--> <p v-clock>+++{{msg1}}...
2020-01-29 00:17:02
105
原创 vue概述及入门
Vue.js目前三个常用框架Vue.js、React、Angular.js1.Vue.js是目前最火的一个框架(使用最多)，React是最流行的一个框架（React除了开发网页，也可以开发手机app）2.Vue.js是一套构建用户界面的框架，不仅易于上手，还便于跟第三方库整合框架和库的区别框架：提高开发效率。是一套完整的解决方案；对项目的入侵性很大，项目如果需要更换框架，则需要重构整个...
2020-01-28 23:05:17
178
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人