<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[saltlike的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/saltlike</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; saltlike]]></copyright><item><title><![CDATA[在Mac电脑上配置多个Git账户]]></title><link>https://blog.youkuaiyun.com/saltlike/article/details/124636091</link><guid>https://blog.youkuaiyun.com/saltlike/article/details/124636091</guid><author>saltlike</author><pubDate>Sat, 07 May 2022 18:04:14 +0800</pubDate><description><![CDATA[有时候我们会有多个GitHub账户，或者Gitee、GitLab等，这种情况下就需要使用SSH协议来链接不同的账户；

取消Git全局配置的用户名和邮箱

在使用多个账户的情况下，如果以前全局配置过Git的用户名和邮箱，就需要取消全局配置的信息，改为对每个仓库单独配置


//查看是否全局配置过Git用户名和邮箱
git config --global user.name
git config --global user.email
//全局配置Git用户名和邮箱
git config --global u]]></description><category></category></item><item><title><![CDATA[CSS实现虚线的方法]]></title><link>https://blog.youkuaiyun.com/saltlike/article/details/122899444</link><guid>https://blog.youkuaiyun.com/saltlike/article/details/122899444</guid><author>saltlike</author><pubDate>Mon, 14 Feb 2022 20:35:16 +0800</pubDate><description><![CDATA[方法一：利用边框的dotted或者dashed样式实现虚线

使用dotted或dashed边框实现的虚线是有区别的：


dotted边框：是用一个个点(dot)组成的虚线；

dashed边框：是用一个个破折号(dash)组成的虚线；



&lt;style&gt;
    .box {
        margin: 20px;
        padding: 10px 30px;
        width: 200px;
    }
    .card1 {
        border: 1]]></description><category></category></item><item><title><![CDATA[Vue项目中应用天地图]]></title><link>https://blog.youkuaiyun.com/saltlike/article/details/121787614</link><guid>https://blog.youkuaiyun.com/saltlike/article/details/121787614</guid><author>saltlike</author><pubDate>Mon, 13 Dec 2021 11:29:41 +0800</pubDate><description><![CDATA[引入天地图 js

首先到天地图官网获取服务许可key；国家地理信息公共服务平台 天地图

然后在Vue项目的index.html 文件中，全局引入天地图js库


&lt;body&gt;
    &lt;script src="http://api.tianditu.gov.cn/api?v=4.0&amp;tk=申请的key" type="text/javascript"&gt;&lt;/script&gt;
&lt;/body&gt;

应用天地图


&lt;template&gt;
    &.]]></description><category></category></item><item><title><![CDATA[JSON.parse 转换字符串样式的数组]]></title><link>https://blog.youkuaiyun.com/saltlike/article/details/121603687</link><guid>https://blog.youkuaiyun.com/saltlike/article/details/121603687</guid><author>saltlike</author><pubDate>Tue, 30 Nov 2021 10:40:05 +0800</pubDate><description><![CDATA[有时候后端返回的数据中有数组或对象的结构，却仍然以字符串的形式返回给前端；


let data = {
	records: [
		{
			"id": "1",
			"info": '[{"name":"张三","age":60},{"name":"李四","age":80}]'
		},
		{
			"id": "2",
			"info": '[{"name":"王五","age":90},{"name":"郑六","age":100}]'
		}
	]
}
data.records.forEa]]></description><category></category></item><item><title><![CDATA[npm发布包]]></title><link>https://blog.youkuaiyun.com/saltlike/article/details/121473362</link><guid>https://blog.youkuaiyun.com/saltlike/article/details/121473362</guid><author>saltlike</author><pubDate>Wed, 24 Nov 2021 15:02:29 +0800</pubDate><description><![CDATA[一：注册npm账户

首先在npm官网注册账号：npm

二：项目初始化

2.1在初始化项目之前，需要检验一下要发布的包，名字是否已经存在；



而且npm包名字的规则：不能有大写字母/空格/下划线

2.2 然后就可以新建项目了，执行npm init初始化项目的配置；

填写包名和其他一些信息，一路执行下去，直到多出一个package.json文件，就配置完成；

2.3 项目编写

入口文件在初始化配置时如果没有改过，就默认为index.js，或者是entry point时修改的值


modu..]]></description><category></category></item><item><title><![CDATA[正则表达式应用]]></title><link>https://blog.youkuaiyun.com/saltlike/article/details/121468355</link><guid>https://blog.youkuaiyun.com/saltlike/article/details/121468355</guid><author>saltlike</author><pubDate>Mon, 22 Nov 2021 20:00:00 +0800</pubDate><description><![CDATA[正则表达式获取两个特定字符串之间的内容
	
console.log('aaabb78b'.match(/a(.*?)b/g)) //['aaab'] 获取a和b两个字符串之间的内容
console.log('aahhmauuamoa'.match(/a(.*?)a/g)) //['aa', 'auua'] 获取两个a字符串之间的内容

	
	
...]]></description><category></category></item><item><title><![CDATA[市县两个选择框联动]]></title><link>https://blog.youkuaiyun.com/saltlike/article/details/121139146</link><guid>https://blog.youkuaiyun.com/saltlike/article/details/121139146</guid><author>saltlike</author><pubDate>Thu, 04 Nov 2021 15:06:09 +0800</pubDate><description><![CDATA[问题描述：

遇到一个需求，就是市和县要做成两个选择框，并保持它们数据的联动。使用vue + element ui的实现方法如下：




&lt;template&gt;
  &lt;div class="app-container"&gt;
    &lt;el-form label-position="left" ref="form" :model="form" label-width="40px"&gt;
      &lt;el-row&gt;
        &lt;el-col :span="]]></description><category></category></item><item><title><![CDATA[前端配置了proxy情况下查看真实的接口调用地址]]></title><link>https://blog.youkuaiyun.com/saltlike/article/details/120882098</link><guid>https://blog.youkuaiyun.com/saltlike/article/details/120882098</guid><author>saltlike</author><pubDate>Thu, 21 Oct 2021 20:15:00 +0800</pubDate><description><![CDATA[如果配置了proxy代理，前端项目在开发调试的时候，F12下查看接口请求地址，是查看不到真实的后端地址，只能看到被代理后的 http://localhost:8080地址；

这时候要想查看真实的接口调用地址，可以在proxy中配置logLevel: 'debug' 这一项，然后就可以在终端中打印出真实的后端接口调用地址；


proxy: {
    '/api': {
      target: 'http://localhost',
      changeOrigin: true,
      l.]]></description><category></category></item><item><title><![CDATA[调用第三方原生地图应用]]></title><link>https://blog.youkuaiyun.com/saltlike/article/details/120830439</link><guid>https://blog.youkuaiyun.com/saltlike/article/details/120830439</guid><author>saltlike</author><pubDate>Mon, 18 Oct 2021 17:20:49 +0800</pubDate><description><![CDATA[目前很多地图供应商都提供了地图URL调用形式，即通过跳转到指定的URL链接地址，就可以做一些有关地图方面的开发，而不用引入相关地图；

以腾讯地图为例：

这是腾讯地图URL调用形式的开发文档

URI API（地图调起） | 腾讯位置服务

通过跳转的URL路径以及传入参数就可以添加标注点：https://apis.map.qq.com/uri/v1/marker?marker=coord:39.892326,116.342763;title:超好吃冰激凌;addr:手帕口桥北铁路道口&amp;refer]]></description><category></category></item><item><title><![CDATA[Element UI里的方法传递自定义参数]]></title><link>https://blog.youkuaiyun.com/saltlike/article/details/120742667</link><guid>https://blog.youkuaiyun.com/saltlike/article/details/120742667</guid><author>saltlike</author><pubDate>Wed, 13 Oct 2021 14:11:42 +0800</pubDate><description><![CDATA[&lt;div 
    v-for="item in itemArr" 
    :key="item.id" 
    v-model="item.checkedData"&gt;
        &lt;el-select
              @change="(val) =&gt; handleClick(val, item)"
              size="medium"&gt;
        &lt;/el-select&gt;
&lt;/div&gt;

&lt;scri.]]></description><category></category></item><item><title><![CDATA[vue中$emit传递多个参数]]></title><link>https://blog.youkuaiyun.com/saltlike/article/details/120728843</link><guid>https://blog.youkuaiyun.com/saltlike/article/details/120728843</guid><author>saltlike</author><pubDate>Wed, 13 Oct 2021 10:47:48 +0800</pubDate><description><![CDATA[$emit传递一个参数的情况


//child组件，在子组件中触发事件
this.$emit('handleFather', param)
//father组件，在父组件中引用子组件
&lt;child @handleFather="handleFather"&gt;&lt;/child&gt;
//或者
//&lt;child @handleFather="handleFather($event)"&gt;&lt;/child&gt;

&lt;script&gt;
    export default]]></description><category></category></item><item><title><![CDATA[vue中watch在初始化时不执行回调]]></title><link>https://blog.youkuaiyun.com/saltlike/article/details/120722207</link><guid>https://blog.youkuaiyun.com/saltlike/article/details/120722207</guid><author>saltlike</author><pubDate>Tue, 12 Oct 2021 14:08:15 +0800</pubDate><description><![CDATA[immediate: true表示在页面初始化或者刷新时立即执行一次回调函数；



watch: {
    'formData': {
      handler: function(val) {
        this.$emit('handleChange',val)
      },
      deep: true,
      //immediate: true
    }
  },


]]></description><category></category></item><item><title><![CDATA[在VUE中使用crypto-js进行AES加密和解密]]></title><link>https://blog.youkuaiyun.com/saltlike/article/details/120676326</link><guid>https://blog.youkuaiyun.com/saltlike/article/details/120676326</guid><author>saltlike</author><pubDate>Sat, 09 Oct 2021 18:02:59 +0800</pubDate><description><![CDATA[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.]]></description><category></category></item><item><title><![CDATA[css中的容器坍塌问题]]></title><link>https://blog.youkuaiyun.com/saltlike/article/details/120509760</link><guid>https://blog.youkuaiyun.com/saltlike/article/details/120509760</guid><author>saltlike</author><pubDate>Wed, 29 Sep 2021 07:56:02 +0800</pubDate><description><![CDATA[问题描述：

在调试代码，修改一个div的样式时，发现其高度为0，但是该div却包括了多个有高度的子元素，就觉得很奇怪；仔细想了一下，应该就是遇到了css中所说的高度坍塌问题了；

问题分析：


float: left；元素靠左边浮动

float: right；元素靠右边浮动

float: none；元素不浮动


css中出现高度坍塌的原因：子级元素设置了浮动，脱离了文档流；而父级元素未设置浮动属性、未设置高度、高度设置为自适应；从而导致父级元素高度为0，出现高度坍塌；


&lt;div clas]]></description><category></category></item><item><title><![CDATA[vue中跳转页面到新窗口并传参]]></title><link>https://blog.youkuaiyun.com/saltlike/article/details/120449658</link><guid>https://blog.youkuaiyun.com/saltlike/article/details/120449658</guid><author>saltlike</author><pubDate>Mon, 27 Sep 2021 14:34:22 +0800</pubDate><description><![CDATA[问题描述：

做项目时遇到一个需求：在新窗口打开要跳转的页面；

在代码实现层面表现为：使用$router.push或者$router.go在单击事件或者函数中实现页面跳转；但在vue2.0之后，它们不再支持_blank新窗口打开的属性；

解决方案：

使用支持_blank属性的$router.resolve


handleLinkDetail(value) {
      // this.$router.push(`/detail/index?id=${value.id}&amp;flag=1`);
]]></description><category></category></item></channel></rss>