saltlike-CSDN博客

原创在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 1769

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

原创 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 5256 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 2709

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

原创正则表达式应用

正则表达式获取两个特定字符串之间的内容 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 301

原创市县两个选择框联动

问题描述：遇到一个需求，就是市和县要做成两个选择框，并保持它们数据的联动。使用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 336

原创前端配置了proxy情况下查看真实的接口调用地址

如果配置了proxy代理，前端项目在开发调试的时候，F12下查看接口请求地址，是查看不到真实的后端地址，只能看到被代理后的 http://localhost:8080地址；这时候要想查看真实的接口调用地址，可以在proxy中配置logLevel: 'debug' 这一项，然后就可以在终端中打印出真实的后端接口调用地址；proxy: { '/api': { target: 'http://localhost', changeOrigin: true, l.

2021-10-21 20:15:00 15466 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 188

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

原创 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 28325 2

原创 vue中watch在初始化时不执行回调

immediate: true表示在页面初始化或者刷新时立即执行一次回调函数；watch: { 'formData': { handler: function(val) { this.$emit('handleChange',val) }, deep: true, //immediate: true } },

2021-10-12 14:08:15 1483

原创在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 459

原创 css中的容器坍塌问题

问题描述：在调试代码，修改一个div的样式时，发现其高度为0，但是该div却包括了多个有高度的子元素，就觉得很奇怪；仔细想了一下，应该就是遇到了css中所说的高度坍塌问题了；问题分析：float: left；元素靠左边浮动float: right；元素靠右边浮动float: none；元素不浮动css中出现高度坍塌的原因：子级元素设置了浮动，脱离了文档流；而父级元素未设置浮动属性、未设置高度、高度设置为自适应；从而导致父级元素高度为0，出现高度坍塌；<div clas

2021-09-29 07:56:02 281

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

saltlike的博客