<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[fightingcoder419的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/fightingcoder419</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; fightingcoder419]]></copyright><item><title><![CDATA[echarts-世界地图]]></title><link>https://blog.youkuaiyun.com/fightingcoder419/article/details/120801286</link><guid>https://blog.youkuaiyun.com/fightingcoder419/article/details/120801286</guid><author>fightingcoder419</author><pubDate>Sat, 16 Oct 2021 17:33:35 +0800</pubDate><description><![CDATA[option = {  
	title: { 
		left: 'center',  
		top: 'top'  
	},  
   /* tooltip: {  
		trigger: 'item',  
		formatter: function (params) {  
			var value = (params.value + '').split('.');  
			value = value[0].replace(/(\d{1,3})(?=(?:\d{3})+(?!\d))/g, '$1,.]]></description><category></category></item><item><title><![CDATA[blob格式数据转json格式]]></title><link>https://blog.youkuaiyun.com/fightingcoder419/article/details/120801074</link><guid>https://blog.youkuaiyun.com/fightingcoder419/article/details/120801074</guid><author>fightingcoder419</author><pubDate>Sat, 16 Oct 2021 17:11:17 +0800</pubDate><description><![CDATA[当前端进行导出Excel时, 由于转换了类型 为blob，将数据流进行导出, 但是当数据为0时,后台将返回错误信息,从而不进行导出，前端要对这样的情况进行单独处理。

但是拿到的数据格式为blob，这时需要前端转换后台相应的blob格式的错误信息。

response代码中json定义如下：


let response = { 
    code: 4000,
    message:'导出失败',
};
let responseblob = new Blob([JSON.stringify(respo.]]></description><category></category></item><item><title><![CDATA[npm异常：FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed]]></title><link>https://blog.youkuaiyun.com/fightingcoder419/article/details/120800886</link><guid>https://blog.youkuaiyun.com/fightingcoder419/article/details/120800886</guid><author>fightingcoder419</author><pubDate>Sat, 16 Oct 2021 16:59:04 +0800</pubDate><description><![CDATA[执行npm run build打包vue项目时报这个错，是因为设置的node文件的最大值不够，项目打包后的文件过大导致的。

解决方案：全局安装increase-memory-limit

命令行cmd ,dos窗口运行：cnpm install -g increase-memory-limit，

进入项目文件夹，运行：increase-memory-limit

如果进入项目文件后执行increase-memory-limit后，npm run build报错'"node --max-old-space]]></description><category></category></item><item><title><![CDATA[常用的正则表达式汇总]]></title><link>https://blog.youkuaiyun.com/fightingcoder419/article/details/120741011</link><guid>https://blog.youkuaiyun.com/fightingcoder419/article/details/120741011</guid><author>fightingcoder419</author><pubDate>Wed, 13 Oct 2021 13:03:24 +0800</pubDate><description><![CDATA[1、手机号码的校验


const phoneReg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/
const phoneStr1 = '18886233487'
console.log(phoneReg.test(phoneStr1)) // true
const phoneStr2 = '17283017203897'
console.log(phoneReg.test(phoneStr2)) // false

2、身份证的校验


const sfzReg = /^[1-9]\d]]></description><category></category></item><item><title><![CDATA[js-闭包]]></title><link>https://blog.youkuaiyun.com/fightingcoder419/article/details/110236491</link><guid>https://blog.youkuaiyun.com/fightingcoder419/article/details/110236491</guid><author>fightingcoder419</author><pubDate>Sat, 28 Nov 2020 16:10:12 +0800</pubDate><description><![CDATA[1、什么是闭包

闭包：闭包就是能够读取其他函数内部变量的函数;闭包简单理解成“定义在一个函数内部的函数”。
闭包的形式：即内部函数能够使用它所在级别的外部函数的参数，属性或者内部函数等，并且能在包含它们的外部函数之外被调用，就会形成闭包。
理解闭包相关联的几个重要概念：变量作用域、作用域链、垃圾回收机制、函数嵌套等。
变量作用域：变量的作用域无非就是两种：全局变量和局部变量。
作用域链：是指在函数定义时创建,用于查找使用到的变量值的索引。当函数需要查询到一个变量值的时候，js解释器会从本地变量开始向上查找]]></description><category></category></item><item><title><![CDATA[js-新手引导插件应用]]></title><link>https://blog.youkuaiyun.com/fightingcoder419/article/details/109688651</link><guid>https://blog.youkuaiyun.com/fightingcoder419/article/details/109688651</guid><author>fightingcoder419</author><pubDate>Tue, 24 Nov 2020 17:34:28 +0800</pubDate><description><![CDATA[intro.js


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;HTML in tooltip&lt;/title&gt;
    &lt;!-- styles --&gt;

    &lt;!-- Add IntroJs styles --&gt;
    &lt;link href="./introjs.css" rel="s]]></description><category></category></item><item><title><![CDATA[vue-递归组件封装]]></title><link>https://blog.youkuaiyun.com/fightingcoder419/article/details/110070565</link><guid>https://blog.youkuaiyun.com/fightingcoder419/article/details/110070565</guid><author>fightingcoder419</author><pubDate>Tue, 24 Nov 2020 13:55:58 +0800</pubDate><description><![CDATA[现实使用中会遇到类似文件树，菜单导航等的情况，需要用递归的方式展示树形结构的数据，就需要使用递归的组件去实现。

一、递归实现树形展示列表

普通的二级树可以用遍历的方式展示，如下代码所示：


&lt;template&gt;
  &lt;div class="treeList"&gt;
    &lt;div class="list-item" v-for="(item, index) in list" :key="index"&gt;
      &lt;div class="item-name"&g]]></description><category></category></item><item><title><![CDATA[vue-使用sass定义全局样式及变量]]></title><link>https://blog.youkuaiyun.com/fightingcoder419/article/details/109837703</link><guid>https://blog.youkuaiyun.com/fightingcoder419/article/details/109837703</guid><author>fightingcoder419</author><pubDate>Fri, 20 Nov 2020 09:21:12 +0800</pubDate><description><![CDATA[vue-cli2使用sass定义全局样式及变量

vue-cli2创建的vue项目使用sass预处理器需按顺序安装以下插件，其中sass-loader版本和node-sass需要安装固定版本，其他的依赖不要求版本，亲测有效。如果不不固定sass-loader和node-sass的版本，可能会报出一些运行时的错误：Node Sass version 5.0.0 is incompatible with^4.0.0


Node Sass version 5.0.0 is incompatible with^4]]></description><category></category></item><item><title><![CDATA[js-filter过滤方法实现查找数组中的素数]]></title><link>https://blog.youkuaiyun.com/fightingcoder419/article/details/109716176</link><guid>https://blog.youkuaiyun.com/fightingcoder419/article/details/109716176</guid><author>fightingcoder419</author><pubDate>Mon, 16 Nov 2020 10:49:47 +0800</pubDate><description><![CDATA[function get_primes(arr) {
   var r = arr.filter(function (element, index, self) {
       if(element== 0 || element==1){
            return false;
        }
        if(element==2){
            return true;
        }
        for(var i=2;i&lt;=Math.sqrt(ele.]]></description><category></category></item><item><title><![CDATA[vue-组件之间通信和传值]]></title><link>https://blog.youkuaiyun.com/fightingcoder419/article/details/109668523</link><guid>https://blog.youkuaiyun.com/fightingcoder419/article/details/109668523</guid><author>fightingcoder419</author><pubDate>Fri, 13 Nov 2020 13:54:22 +0800</pubDate><description><![CDATA[一、父组件向子组件传值



二、子组件向父组件传值

三、父组件向下（深层）子组件传值----provide/inject

四、没有关系的组件之间传值----eventBus

github案例代码地址：https://github.com/xiaoaiai/vue-transmission-value


...]]></description><category></category></item><item><title><![CDATA[css-清除浮动]]></title><link>https://blog.youkuaiyun.com/fightingcoder419/article/details/109474148</link><guid>https://blog.youkuaiyun.com/fightingcoder419/article/details/109474148</guid><author>fightingcoder419</author><pubDate>Tue, 03 Nov 2020 17:45:49 +0800</pubDate><description><![CDATA[浮动

css浮动w3school介绍：https://www.w3school.com.cn/css/css_positioning_floating.asp

常用的清除浮动有效可用的方式：

1、浮动元素父级添加下面clearfix样式


clearfix:after{
  content: "";
  display: block;
  height: 0;
  clear:both;
  visibility: hidden;
}
.clearfix{
  *zoom: 1;/*ie6清除浮动的]]></description><category></category></item><item><title><![CDATA[JavaScript小技巧]]></title><link>https://blog.youkuaiyun.com/fightingcoder419/article/details/105677669</link><guid>https://blog.youkuaiyun.com/fightingcoder419/article/details/105677669</guid><author>fightingcoder419</author><pubDate>Wed, 22 Apr 2020 11:32:07 +0800</pubDate><description><![CDATA[1、Every 函数 和some 函数的巧妙使用

every函数和some函数并非是所有开发人员都熟悉的函数。但是，它们在某些情况下非常有用。让我们从every函数开始。如果你想知道数组的所有元素是否都通过特定测试，则可以使用此函数。本质上，这是在遍历数组的每个元素并检查它们是否全部正确。

这听起来可能有点抽象，所以让我们看下面的示例。它并不像听起来那样复杂。


const random_...]]></description><category></category></item><item><title><![CDATA[vue-axios封装]]></title><link>https://blog.youkuaiyun.com/fightingcoder419/article/details/103610142</link><guid>https://blog.youkuaiyun.com/fightingcoder419/article/details/103610142</guid><author>fightingcoder419</author><pubDate>Thu, 19 Dec 2019 11:15:29 +0800</pubDate><description><![CDATA[1、安装axios


npm install axios --save

2、建立axiosHttp.js文件


import axios from 'axios';

const http = axios.create({
  timeout: 1000 * 30,
  withCredentials: true,
  baseURL: '',
  headers: {
    'Conte...]]></description><category></category></item><item><title><![CDATA[jQuery对象与js DOM对象相互转换]]></title><link>https://blog.youkuaiyun.com/fightingcoder419/article/details/103314855</link><guid>https://blog.youkuaiyun.com/fightingcoder419/article/details/103314855</guid><author>fightingcoder419</author><pubDate>Fri, 29 Nov 2019 17:27:55 +0800</pubDate><description><![CDATA[DOM原生对象和jQuery对象的区别

1、jQuery选择器得到的jQuery对象和标准的js中的document.getElementById()取得的DOM对象是两种不同的对象类型（js原生获取的dom是一个对象，jQuery对象就是一个数组对象，，其实就是选择出来元素的数组集合。）
2、jQuery无法使用DOM对象的任何方法，同理DOM对象也不能使用jQuery里的方法，乱使用会报错。...]]></description><category></category></item><item><title><![CDATA[css-标准盒模型和怪异盒模型]]></title><link>https://blog.youkuaiyun.com/fightingcoder419/article/details/103123080</link><guid>https://blog.youkuaiyun.com/fightingcoder419/article/details/103123080</guid><author>fightingcoder419</author><pubDate>Mon, 18 Nov 2019 17:22:31 +0800</pubDate><description><![CDATA[盒子模型定义

网页设计中常听的属性名：内容(content)、内边距(padding)、边框(border)、外边距(margin)， CSS盒子模型都具备这些属性。这些属性我们可以用日常生活中的常见事物——盒子作一个比喻来理解，所以叫它盒子模型。CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。对于是盒子的元素，如果没有特殊设置，其默认总是占独立的一行，宽度为浏览器窗口的...]]></description><category></category></item><item><title><![CDATA[vue-生命周期]]></title><link>https://blog.youkuaiyun.com/fightingcoder419/article/details/103008865</link><guid>https://blog.youkuaiyun.com/fightingcoder419/article/details/103008865</guid><author>fightingcoder419</author><pubDate>Mon, 11 Nov 2019 16:06:11 +0800</pubDate><description><![CDATA[vue实例的生命周期



所有的生命周期钩子自动绑定this上下文到实例中，因此你可以访问数据，对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法(例如created: () =&gt; this.fetchTodos())。这是因为箭头函数绑定了父上下文，因此this与你期待的 Vue 实例不同，this.fetchTodos的行为未定义。

beforeC...]]></description><category></category></item><item><title><![CDATA[js-数组去重的几种方法]]></title><link>https://blog.youkuaiyun.com/fightingcoder419/article/details/103006307</link><guid>https://blog.youkuaiyun.com/fightingcoder419/article/details/103006307</guid><author>fightingcoder419</author><pubDate>Mon, 11 Nov 2019 11:04:34 +0800</pubDate><description><![CDATA[参考链接：https://blog.youkuaiyun.com/weixin_42412046/article/details/81459294

1、定义一个新数组，并存放原数组的第一个元素，然后将元素组一一和新数组的元素对比，若不同则存放在新数组中。


        function unique(arr) {
            let newArr = [arr[0]];
         ...]]></description><category></category></item><item><title><![CDATA[js-解决ajax跨域问题]]></title><link>https://blog.youkuaiyun.com/fightingcoder419/article/details/102971381</link><guid>https://blog.youkuaiyun.com/fightingcoder419/article/details/102971381</guid><author>fightingcoder419</author><pubDate>Fri, 08 Nov 2019 13:53:09 +0800</pubDate><description><![CDATA[参考链接：https://blog.youkuaiyun.com/itcats_cn/article/details/82318092

什么是跨域问题？

要了解跨域，先要说说同源策略。同源策略是由 Netscape 公司提出的一个著名的安全策略，所有支持 JavaScript 的浏览器都会使用这个策略。所谓同源是指，域名，协议，端口相同。当页面在执行一个脚本时会检查访问的资源是否同源，如果非同源，那么在请...]]></description><category></category></item><item><title><![CDATA[css-三栏布局]]></title><link>https://blog.youkuaiyun.com/fightingcoder419/article/details/102948556</link><guid>https://blog.youkuaiyun.com/fightingcoder419/article/details/102948556</guid><author>fightingcoder419</author><pubDate>Thu, 07 Nov 2019 11:01:13 +0800</pubDate><description><![CDATA[参考链接：https://www.jb51.net/css/639019.html#

1、浮动布局


&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;Layout&lt;/title&gt;
    &lt;style media="screen"...]]></description><category></category></item><item><title><![CDATA[css实现单行多行文本超出显示省略号（...）]]></title><link>https://blog.youkuaiyun.com/fightingcoder419/article/details/102940983</link><guid>https://blog.youkuaiyun.com/fightingcoder419/article/details/102940983</guid><author>fightingcoder419</author><pubDate>Wed, 06 Nov 2019 19:32:00 +0800</pubDate><description><![CDATA[参考链接：https://www.cnblogs.com/tonnytong/p/8692454.html

单行文本超出


width:100%; 
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display:inline-block;

多行文本超出


display: -webkit-box;
-webk...]]></description><category></category></item></channel></rss>