- 博客(15)
- 收藏
- 关注
原创 在Mac电脑上配置多个Git账户
有时候我们会有多个GitHub账户,或者Gitee、GitLab等,这种情况下就需要使用SSH协议来链接不同的账户;取消Git全局配置的用户名和邮箱在使用多个账户的情况下,如果以前全局配置过Git的用户名和邮箱,就需要取消全局配置的信息,改为对每个仓库单独配置//查看是否全局配置过Git用户名和邮箱git config --global user.namegit config --global user.email//全局配置Git用户名和邮箱git config --global u
2022-05-07 18:04:14 1848
原创 CSS实现虚线的方法
方法一:利用边框的dotted或者dashed样式实现虚线使用dotted或dashed边框实现的虚线是有区别的:dotted边框:是用一个个点(dot)组成的虚线;dashed边框:是用一个个破折号(dash)组成的虚线;<style> .box { margin: 20px; padding: 10px 30px; width: 200px; } .card1 { border: 1
2022-02-14 20:35:16 51977
原创 Vue项目中应用天地图
引入天地图 js首先到天地图官网获取服务许可key;国家地理信息公共服务平台 天地图然后在Vue项目的index.html 文件中,全局引入天地图js库<body> <script src="http://api.tianditu.gov.cn/api?v=4.0&tk=申请的key" type="text/javascript"></script></body>应用天地图<template> &.
2021-12-13 11:29:41 5303 3
原创 JSON.parse 转换字符串样式的数组
有时候后端返回的数据中有数组或对象的结构,却仍然以字符串的形式返回给前端;let data = { records: [ { "id": "1", "info": '[{"name":"张三","age":60},{"name":"李四","age":80}]' }, { "id": "2", "info": '[{"name":"王五","age":90},{"name":"郑六","age":100}]' } ]}data.records.forEa
2021-11-30 10:40:05 2811
原创 npm发布包
一:注册npm账户首先在npm官网注册账号:npm二:项目初始化2.1在初始化项目之前,需要检验一下要发布的包,名字是否已经存在;而且npm包名字的规则:不能有大写字母/空格/下划线2.2 然后就可以新建项目了,执行npm init初始化项目的配置;填写包名和其他一些信息,一路执行下去,直到多出一个package.json文件,就配置完成;2.3 项目编写入口文件在初始化配置时如果没有改过,就默认为index.js,或者是entry point时修改的值modu..
2021-11-24 15:02:29 388
原创 正则表达式应用
正则表达式获取两个特定字符串之间的内容 console.log('aaabb78b'.match(/a(.*?)b/g)) //['aaab'] 获取a和b两个字符串之间的内容console.log('aahhmauuamoa'.match(/a(.*?)a/g)) //['aa', 'auua'] 获取两个a字符串之间的内容 ...
2021-11-22 20:00:00 317
原创 市县两个选择框联动
问题描述:遇到一个需求,就是市和县要做成两个选择框,并保持它们数据的联动。使用vue + element ui的实现方法如下:<template> <div class="app-container"> <el-form label-position="left" ref="form" :model="form" label-width="40px"> <el-row> <el-col :span="
2021-11-04 15:06:09 347
原创 前端配置了proxy情况下查看真实的接口调用地址
如果配置了proxy代理,前端项目在开发调试的时候,F12下查看接口请求地址,是查看不到真实的后端地址,只能看到被代理后的 http://localhost:8080地址;这时候要想查看真实的接口调用地址,可以在proxy中配置logLevel: 'debug' 这一项,然后就可以在终端中打印出真实的后端接口调用地址;proxy: { '/api': { target: 'http://localhost', changeOrigin: true, l.
2021-10-21 20:15:00 15935 3
原创 调用第三方原生地图应用
目前很多地图供应商都提供了地图URL调用形式,即通过跳转到指定的URL链接地址,就可以做一些有关地图方面的开发,而不用引入相关地图;以腾讯地图为例:这是腾讯地图URL调用形式的开发文档URI API(地图调起) | 腾讯位置服务通过跳转的URL路径以及传入参数就可以添加标注点:https://apis.map.qq.com/uri/v1/marker?marker=coord:39.892326,116.342763;title:超好吃冰激凌;addr:手帕口桥北铁路道口&refer
2021-10-18 17:20:49 211
原创 Element UI里的方法传递自定义参数
<div v-for="item in itemArr" :key="item.id" v-model="item.checkedData"> <el-select @change="(val) => handleClick(val, item)" size="medium"> </el-select></div><scri.
2021-10-13 14:11:42 523
原创 vue中$emit传递多个参数
$emit传递一个参数的情况//child组件,在子组件中触发事件this.$emit('handleFather', param)//father组件,在父组件中引用子组件<child @handleFather="handleFather"></child>//或者//<child @handleFather="handleFather($event)"></child><script> export default
2021-10-13 10:47:48 28879 2
原创 vue中watch在初始化时不执行回调
immediate: true表示在页面初始化或者刷新时立即执行一次回调函数;watch: { 'formData': { handler: function(val) { this.$emit('handleChange',val) }, deep: true, //immediate: true } },
2021-10-12 14:08:15 1528
原创 在VUE中使用crypto-js进行AES加密和解密
import CryptoJS from 'crypto-js'/** * @word 要加密的内容 * @keyWord String 服务器随机返回的关键字 * *///加密export function aesEncrypt(word,keyWord="Buyti998OZkX"){ let key = CryptoJS.enc.Utf8.parse(keyWord); let srcWords = CryptoJS.enc.Utf8.parse(word); let e.
2021-10-09 18:02:59 480
原创 css中的容器坍塌问题
问题描述:在调试代码,修改一个div的样式时,发现其高度为0,但是该div却包括了多个有高度的子元素,就觉得很奇怪;仔细想了一下,应该就是遇到了css中所说的高度坍塌问题了;问题分析:float: left;元素靠左边浮动float: right;元素靠右边浮动float: none;元素不浮动css中出现高度坍塌的原因:子级元素设置了浮动,脱离了文档流;而父级元素未设置浮动属性、未设置高度、高度设置为自适应;从而导致父级元素高度为0,出现高度坍塌;<div clas
2021-09-29 07:56:02 297
原创 vue中跳转页面到新窗口并传参
问题描述:做项目时遇到一个需求:在新窗口打开要跳转的页面;在代码实现层面表现为:使用$router.push或者$router.go在单击事件或者函数中实现页面跳转;但在vue2.0之后,它们不再支持_blank新窗口打开的属性;解决方案:使用支持_blank属性的$router.resolvehandleLinkDetail(value) { // this.$router.push(`/detail/index?id=${value.id}&flag=1`);
2021-09-27 14:34:22 872
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人