<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[showkw的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/showkw</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; showkw]]></copyright><item><title><![CDATA[css三角标]]></title><link>https://blog.youkuaiyun.com/showkw/article/details/126177772</link><guid>https://blog.youkuaiyun.com/showkw/article/details/126177772</guid><author>showkw</author><pubDate>Fri, 05 Aug 2022 15:01:13 +0800</pubDate><description><![CDATA[css实现列表三角标]]></description><category></category></item><item><title><![CDATA[vue中router-view实现切换组件]]></title><link>https://blog.youkuaiyun.com/showkw/article/details/124497083</link><guid>https://blog.youkuaiyun.com/showkw/article/details/124497083</guid><author>showkw</author><pubDate>Fri, 29 Apr 2022 15:45:43 +0800</pubDate><description><![CDATA[项目中，要实现一个组件内切换多个组件的显示，就会用到router-view来实现点击切换组件显示的效果。]]></description><category></category></item><item><title><![CDATA[vue3获取实时路由]]></title><link>https://blog.youkuaiyun.com/showkw/article/details/123353125</link><guid>https://blog.youkuaiyun.com/showkw/article/details/123353125</guid><author>showkw</author><pubDate>Tue, 08 Mar 2022 14:35:42 +0800</pubDate><description><![CDATA[vue3获取实时路由  每次路由改变  相应的值跟着改变]]></description><category></category></item><item><title><![CDATA[css设置元素垂直居中（9种方法）]]></title><link>https://blog.youkuaiyun.com/showkw/article/details/123344990</link><guid>https://blog.youkuaiyun.com/showkw/article/details/123344990</guid><author>showkw</author><pubDate>Tue, 08 Mar 2022 10:33:35 +0800</pubDate><description><![CDATA[css设置子类元素在父类元素中做到垂直居中  九种方法一一罗列]]></description><category></category></item><item><title><![CDATA[vue获取当前位置经纬度]]></title><link>https://blog.youkuaiyun.com/showkw/article/details/121783852</link><guid>https://blog.youkuaiyun.com/showkw/article/details/121783852</guid><author>showkw</author><pubDate>Wed, 08 Dec 2021 09:31:25 +0800</pubDate><description><![CDATA[这里获取的经纬度是火星坐标系（也就是 谷歌、高德坐标）如果需要转换百度坐标，请点击百度坐标和火星坐标的转换
getLongitudeLatitude() {
      var _this = this;
      if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(
          //locationSuccess 获取成功的话
          function (position) {
 ]]></description><category></category></item><item><title><![CDATA[vue标准时间格式]]></title><link>https://blog.youkuaiyun.com/showkw/article/details/121783745</link><guid>https://blog.youkuaiyun.com/showkw/article/details/121783745</guid><author>showkw</author><pubDate>Wed, 08 Dec 2021 09:24:37 +0800</pubDate><description><![CDATA[vue转换为标准时间格式 2000/11/1 00:00:00]]></description><category></category></item><item><title><![CDATA[vue图片路径转二进制文件流(binary)]]></title><link>https://blog.youkuaiyun.com/showkw/article/details/121464515</link><guid>https://blog.youkuaiyun.com/showkw/article/details/121464515</guid><author>showkw</author><pubDate>Mon, 22 Nov 2021 09:11:35 +0800</pubDate><description><![CDATA[vue项目中，需要将本地的图片或前端生成的图片传回后端，传回给后端需要将图片路径转换为二进制文件流，也就是参数中显示的(binary)，这时就需要进行图片路径的转换。

图片路径转换为Base64

imageUrlToBase64(imageUrl) {
  let image = new Image() // 一定要设置为let，不然图片不显示
  image.setAttribute('crossOrigin', 'anonymous') // 解决跨域问题
  image.src = imageUr]]></description><category></category></item><item><title><![CDATA[npm删除模块以及下载指定模块版本]]></title><link>https://blog.youkuaiyun.com/showkw/article/details/120671380</link><guid>https://blog.youkuaiyun.com/showkw/article/details/120671380</guid><author>showkw</author><pubDate>Sat, 09 Oct 2021 15:10:36 +0800</pubDate><description><![CDATA[npm的两个小方法(xxx是当前的模块名)

npm删除组件
npm uninstall xxx
npm指定下载组件的版本
npm xxx@1.2.3

补充一下在npm后跟 - - save - dev等的说明
- -save：将保存配置信息到package.json。默认为dependencies节点中。
- -dev：将保存配置信息devDependencies节点中。
因此：
- -save：将保存配置信息到package.json的dependencies节点中。
- -save-dev：将保存配]]></description><category></category></item><item><title><![CDATA[vue封装axios数据请求及调用]]></title><link>https://blog.youkuaiyun.com/showkw/article/details/120360829</link><guid>https://blog.youkuaiyun.com/showkw/article/details/120360829</guid><author>showkw</author><pubDate>Sat, 18 Sep 2021 09:52:49 +0800</pubDate><description><![CDATA[在vue项目中使用axios数据请求，把axios封装在js文件中，接口直接封装在内，页面直接引入使用的方法。


npm 安装 axios 或者 bower 安装 axios


使用 npm:
npm install axios
使用 bower:
bower install axios


在自定义js文件中配置axios


引入axios
import axios from “axios”
配置url

const service = axios.create({
    baseURL: 'h.]]></description><category></category></item><item><title><![CDATA[vue元素折叠]]></title><link>https://blog.youkuaiyun.com/showkw/article/details/119414144</link><guid>https://blog.youkuaiyun.com/showkw/article/details/119414144</guid><author>showkw</author><pubDate>Thu, 05 Aug 2021 16:43:28 +0800</pubDate><description><![CDATA[vue项目当接口取回数据后需要每一个数组进行展开收回时

先在该条数据下添加一个字段，用来当折叠的开关

if (this.list) {
    // 折叠开关
    for (let i = 0; i &lt; this.list.length; i++) {
    this.$set(this.list[i], "showmore", false);
    }
}





...]]></description><category></category></item><item><title><![CDATA[vue计算天数差]]></title><link>https://blog.youkuaiyun.com/showkw/article/details/118787991</link><guid>https://blog.youkuaiyun.com/showkw/article/details/118787991</guid><author>showkw</author><pubDate>Fri, 16 Jul 2021 11:17:34 +0800</pubDate><description><![CDATA[根据两个时间来计算中间相差的天数
// 计算天数
    DateDiff(sDate1, sDate2) {
      //sDate1和sDate2是yyyy-MM-dd格式
      var aDate, oDate1, oDate2, iDays;
      aDate = sDate1.split("-");
      oDate1 = new Date(aDate[1] + "-" + aDate[2] + "-" + aDate[0]); //转换为yyyy-MM-dd格式
     ]]></description><category></category></item><item><title><![CDATA[项目强制更改第三方组件默认样式]]></title><link>https://blog.youkuaiyun.com/showkw/article/details/117459454</link><guid>https://blog.youkuaiyun.com/showkw/article/details/117459454</guid><author>showkw</author><pubDate>Wed, 02 Jun 2021 09:25:31 +0800</pubDate><description><![CDATA[项目中当有需求需要更改组件默认样式时，可以先在 Dom 树中找到该元素的类名，直接修改该类名下的属性，修改完成在后加

! important   看效果能否实现。

.classname {
  background: #333 !important;
}

如果没有实现效果，就要使用样式穿透的方式

sass/less使用样式穿透的方式为：/ deep /
父元素 / deep / 子元素

.parent /deep/ .children {
  background: #333;
}


stylu]]></description><category></category></item><item><title><![CDATA[div添加placeholder属性]]></title><link>https://blog.youkuaiyun.com/showkw/article/details/116485226</link><guid>https://blog.youkuaiyun.com/showkw/article/details/116485226</guid><author>showkw</author><pubDate>Fri, 07 May 2021 11:28:03 +0800</pubDate><description><![CDATA[在div标签中使用placeholder属性的写法
contenteditable属性是设置为div为可编辑状态
&lt;div class="inputsx" placeholder="说点什么…" contenteditable&gt;&lt;/div&gt;

.inputsx {
            width: 150px;
            height: 50px;
            border: 1px solid #aaa;
        }
        .inpu]]></description><category></category></item><item><title><![CDATA[input设置只能输入数字]]></title><link>https://blog.youkuaiyun.com/showkw/article/details/116459665</link><guid>https://blog.youkuaiyun.com/showkw/article/details/116459665</guid><author>showkw</author><pubDate>Thu, 06 May 2021 18:15:12 +0800</pubDate><description><![CDATA[&lt;input type="number"&gt;

今天在写项目时，需要一个input标签设置为只能输入数字，当时我想着写一个正则来去判断输入的内容，又去百度看了看，写了一大堆算是达到效果了，结果同事一句话把我点醒了……
直接把input标签中type设置为number直接解决问题
希望大家不要和我一样这样的问题把自己弄傻了，基础还是至关重要的……

...]]></description><category></category></item><item><title><![CDATA[css取消控件选中后出现的边框去除]]></title><link>https://blog.youkuaiyun.com/showkw/article/details/116239181</link><guid>https://blog.youkuaiyun.com/showkw/article/details/116239181</guid><author>showkw</author><pubDate>Wed, 28 Apr 2021 17:39:39 +0800</pubDate><description><![CDATA[css取消控件选中后出现的边框去除
input, button, select, textarea { outline:none; }

css样式最高优先级（因前面定义了该类元素的样式，导致在后面更改该类元素样式后无法更新样式）
div { background: red !important; }


...]]></description><category></category></item><item><title><![CDATA[Vue移动端实现元素拖拽移动]]></title><link>https://blog.youkuaiyun.com/showkw/article/details/115700541</link><guid>https://blog.youkuaiyun.com/showkw/article/details/115700541</guid><author>showkw</author><pubDate>Wed, 14 Apr 2021 16:16:23 +0800</pubDate><description><![CDATA[Vue移动端实现元素拖拽移动
&lt;template&gt;
    &lt;div ref="dragBox" 
         @touchstart="touchstartHandle('dragBox',$event)"   
         @touchmove="touchmoveHandle('dragBox',$event)"&gt;
         可拖拽元素
    &lt;/div&gt;
&lt;/template&gt;

data() {
    return {
   ]]></description><category></category></item><item><title><![CDATA[JavaScript 数组方法（2）]]></title><link>https://blog.youkuaiyun.com/showkw/article/details/109903377</link><guid>https://blog.youkuaiyun.com/showkw/article/details/109903377</guid><author>showkw</author><pubDate>Fri, 27 Nov 2020 18:29:00 +0800</pubDate><description><![CDATA[JS数组（2）
数组的方法
concat( ) 方法用于连接两个或多个数组。
该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

join( ) 方法用于将数组的每个元素以指定的字符连接形成新字符串返回

splice( ) 方法用于插入，删除，替换

slice( ) 方法用于按指定位置截取复制数组的内容


...]]></description><category></category></item><item><title><![CDATA[JavaScript 数组方法（1）]]></title><link>https://blog.youkuaiyun.com/showkw/article/details/109787404</link><guid>https://blog.youkuaiyun.com/showkw/article/details/109787404</guid><author>showkw</author><pubDate>Thu, 19 Nov 2020 21:46:19 +0800</pubDate><description><![CDATA[JS数组
数组创建方法

数组实际上就是来源于对象，脱胎于对象，继承于对象
在数组中所有的下标都会转换为number,如果不能转换为number的，就会默认添加对象的属性名，添加的这个属性它不会增加数组的长度，数组的长度，仅记录下标的个数，不包含属性数量，数组不可以使用点语法获取下标变量，但可以使用点语法获取属性。

遍历数组

...]]></description><category></category></item><item><title><![CDATA[JavaScript中对象数据存储]]></title><link>https://blog.youkuaiyun.com/showkw/article/details/109459973</link><guid>https://blog.youkuaiyun.com/showkw/article/details/109459973</guid><author>showkw</author><pubDate>Mon, 02 Nov 2020 23:22:58 +0800</pubDate><description><![CDATA[JS对象数据存储
对象数据存储在堆栈中。栈的数据读取，写入速度快，但是存储的内容较少。堆的读取和写入速度慢，但是存储的内容多。举个例子来说就像电脑中内存和硬盘，内存就像栈，需要经常获取，写入速度比较快时需要写道内存也就是需要存储在栈中的数据，其中字符型，数值型，布尔型，undefined存储在栈中，栈中，一旦该变量不再使用时就会被清理掉。而对象是存储在堆中，当堆中有对象时，它会相对应内存中有一个存储的地址，在栈中obj存储了在堆中数据的地址，当调用数据时，去堆中调取对应堆中的数据的地址获取出来。



如图]]></description><category></category></item><item><title><![CDATA[JavaScript中for的双重循环嵌套执行原理]]></title><link>https://blog.youkuaiyun.com/showkw/article/details/105018661</link><guid>https://blog.youkuaiyun.com/showkw/article/details/105018661</guid><author>showkw</author><pubDate>Sat, 21 Mar 2020 23:17:13 +0800</pubDate><description><![CDATA[JS中for的双重循环嵌套执行原理：

第一步先去执行外层循环，首先执行变量（仅执行一次），接下来执行条件，执行代码区域块，代码区域块中包含外层内嵌。当执行到第三步时，发现有一个外层内嵌的for循环，程序会先执行完内部所有循环，之后返回到外部循环。

注意，当外层内嵌执行完毕之后，才会最后执行a++。

然后判断外部循环是否符合条件，然后在继续执行内层循环，以此类推，待外部循环不符合条件时终止。最...]]></description><category></category></item></channel></rss>