fightingcoder419-CSDN博客

原创 echarts-世界地图

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,.

2021-10-16 17:33:35 6320

原创 blob格式数据转json格式

当前端进行导出Excel时, 由于转换了类型为blob，将数据流进行导出, 但是当数据为0时,后台将返回错误信息,从而不进行导出，前端要对这样的情况进行单独处理。但是拿到的数据格式为blob，这时需要前端转换后台相应的blob格式的错误信息。response代码中json定义如下：let response = { code: 4000, message:'导出失败',};let responseblob = new Blob([JSON.stringify(respo.

2021-10-16 17:11:17 2248

原创 npm异常：FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed

执行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

2021-10-16 16:59:04 6616 2

原创常用的正则表达式汇总

1、手机号码的校验const phoneReg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/const phoneStr1 = '18886233487'console.log(phoneReg.test(phoneStr1)) // trueconst phoneStr2 = '17283017203897'console.log(phoneReg.test(phoneStr2)) // false2、身份证的校验const sfzReg = /^[1-9]\d

2021-10-13 13:03:24 197

原创 js-闭包

1、什么是闭包闭包：闭包就是能够读取其他函数内部变量的函数;闭包简单理解成“定义在一个函数内部的函数”。闭包的形式：即内部函数能够使用它所在级别的外部函数的参数，属性或者内部函数等，并且能在包含它们的外部函数之外被调用，就会形成闭包。理解闭包相关联的几个重要概念：变量作用域、作用域链、垃圾回收机制、函数嵌套等。变量作用域：变量的作用域无非就是两种：全局变量和局部变量。作用域链：是指在函数定义时创建,用于查找使用到的变量值的索引。当函数需要查询到一个变量值的时候，js解释器会从本地变量开始向上查找

2020-11-28 16:10:12 111

原创 js-新手引导插件应用

intro.js<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>HTML in tooltip</title>   <link href="./introjs.css" rel="s

2020-11-24 17:34:28 1156

原创 vue-递归组件封装

现实使用中会遇到类似文件树，菜单导航等的情况，需要用递归的方式展示树形结构的数据，就需要使用递归的组件去实现。一、递归实现树形展示列表普通的二级树可以用遍历的方式展示，如下代码所示：<template> <div class="treeList"> <div class="list-item" v-for="(item, index) in list" :key="index"> <div class="item-name"&g

2020-11-24 13:55:58 640 1

原创 vue-使用sass定义全局样式及变量

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.0Node Sass version 5.0.0 is incompatible with^4

2020-11-20 09:21:12 3378 1

原创 js-filter过滤方法实现查找数组中的素数

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<=Math.sqrt(ele.

2020-11-16 10:49:47 255

原创 vue-组件之间通信和传值

一、父组件向子组件传值二、子组件向父组件传值三、父组件向下（深层）子组件传值----provide/inject四、没有关系的组件之间传值----eventBusgithub案例代码地址：https://github.com/xiaoaiai/vue-transmission-value...

2020-11-13 13:54:22 207

原创 css-清除浮动

浮动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清除浮动的

2020-11-03 17:45:49 145

原创 JavaScript小技巧

1、Every 函数和some 函数的巧妙使用every函数和some函数并非是所有开发人员都熟悉的函数。但是，它们在某些情况下非常有用。让我们从every函数开始。如果你想知道数组的所有元素是否都通过特定测试，则可以使用此函数。本质上，这是在遍历数组的每个元素并检查它们是否全部正确。这听起来可能有点抽象，所以让我们看下面的示例。它并不像听起来那样复杂。const random_...

2020-04-22 11:32:07 122 1

原创 vue-axios封装

1、安装axiosnpm install axios --save2、建立axiosHttp.js文件import axios from 'axios';const http = axios.create({ timeout: 1000 * 30, withCredentials: true, baseURL: '', headers: { 'Conte...

2019-12-19 11:15:29 212 1

原创 jQuery对象与js DOM对象相互转换

DOM原生对象和jQuery对象的区别1、jQuery选择器得到的jQuery对象和标准的js中的document.getElementById()取得的DOM对象是两种不同的对象类型（js原生获取的dom是一个对象，jQuery对象就是一个数组对象，，其实就是选择出来元素的数组集合。）2、jQuery无法使用DOM对象的任何方法，同理DOM对象也不能使用jQuery里的方法，乱使用会报错。...

2019-11-29 17:27:55 150

原创 css-标准盒模型和怪异盒模型

盒子模型定义网页设计中常听的属性名：内容(content)、内边距(padding)、边框(border)、外边距(margin)， CSS盒子模型都具备这些属性。这些属性我们可以用日常生活中的常见事物——盒子作一个比喻来理解，所以叫它盒子模型。CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。对于是盒子的元素，如果没有特殊设置，其默认总是占独立的一行，宽度为浏览器窗口的...

2019-11-18 17:22:31 391

原创 vue-生命周期

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

2019-11-11 16:06:11 112

原创 js-数组去重的几种方法

参考链接：https://blog.csdn.net/weixin_42412046/article/details/814592941、定义一个新数组，并存放原数组的第一个元素，然后将元素组一一和新数组的元素对比，若不同则存放在新数组中。 function unique(arr) { let newArr = [arr[0]]; ...

2019-11-11 11:04:34 181

原创 js-解决ajax跨域问题

参考链接：https://blog.csdn.net/itcats_cn/article/details/82318092什么是跨域问题？要了解跨域，先要说说同源策略。同源策略是由 Netscape 公司提出的一个著名的安全策略，所有支持 JavaScript 的浏览器都会使用这个策略。所谓同源是指，域名，协议，端口相同。当页面在执行一个脚本时会检查访问的资源是否同源，如果非同源，那么在请...

2019-11-08 13:53:09 98

原创 css-三栏布局

参考链接：https://www.jb51.net/css/639019.html#1、浮动布局<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Layout</title> <style media="screen"...

2019-11-07 11:01:13 106

原创 css实现单行多行文本超出显示省略号（...）

参考链接：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...

2019-11-06 19:32:00 188

原创 js-作用域及作用域链

作用域任何编程语言都有作用域的概念，简单来说，作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期。es6之前靠函数来形成的，，也就是说一个函数的变量在函数外不可以访问。es6之前没有let，从es6开始定义变量可以用let es6之前只有全局作用域和局部作用域，从es6之后添加了块级作用域（{}范围内的作用域） es6新增了块级作用域，但通过let定义的变...

2019-11-06 18:42:06 81

原创 js-数据类型及浅拷贝深拷贝

参考链接：https://www.jianshu.com/p/1c142ec2ca45 https://blog.csdn.net/sinat_34531165/article/details/83861997Js中的八种数据类型JS中有Number , String , null , undefined , Boolean , Object...

2019-11-06 16:31:59 205

原创 html5存储类型及区别

参考链接：https://www.cnblogs.com/LuckyWinty/p/5699117.htmlHTML5之前，存储主要是用cookies。cookies的缺点有：在请求头上带着数据，大小是4k之内。主Domain污染。Cookie是一个请求首部，其中含有先前由服务器通过Set-Cookie首部投放并存储到客户端的HTTP cookies。这个首部可能会被完全移除...

2019-11-05 20:05:11 1189

原创 vue中v-for的key的作用

参考链接链接：https://www.jianshu.com/p/4bd5e745ce95vue中列表循环需加:key="唯一标识" 唯一标识可以是item里面id index等，因为vue组件高度复用增加Key可以标识组件的唯一性，为了更好地区别各个组件 key的作用主要是为了高效的更新虚拟DOM...

2019-11-05 16:02:19 304

原创 HTTP常见请求方法及特点

getGET方法请求指定的资源。使用GET的请求应该只用于获取数据。请求是否有主体否成功的响应是否有主体是安全是幂等是可缓存是 HTML 表单是否支持是详情可参见链接：https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Methods/GETpost...

2019-11-05 14:20:12 815

原创 js-绑定事件和普通事件的区别

事件绑定相当于在一个元素上进行监听，监听事件是否触发。普通事件就是直接触发事件。两者的区别就在于是否可重复使用。事件绑定可以在一个元素上监听同一事件多次，而普通事件多次写会被覆盖。var ys1 = '某个元素监听（绑定）',ys2 = '另一个元素(普通事件)';ys1.addEventListener('click',function () { alert(1);...

2019-10-31 14:13:58 984

原创 js-常见排序算法

冒泡排序冒泡排序（Bubble Sort），是一种计算机科学领域的较简单的排序算法。它重复地走访过要排序的元素列，依次比较两个相邻的元素，如果他们的顺序（如从大到小、首字母从A到Z）错误就把他们交换过来。走访元素的工作是重复地进行直到没有相邻元素需要交换，也就是说该元素列已经排序完成。这个算法的名字由来是因为越大的元素会经由交换慢慢“浮”到数列的顶端（升序或降序排列），就如同碳酸饮料中...

2019-10-28 16:19:11 88

原创原生js封装ajax的get、post方法

公共方法提取：function params(json){ let paramArr = [] for (let p in json) { paramArr.push(p + '=' + json[p]) } return paramArr.join('&')}HTTP请求过程（1）建立TCP链接（2）web浏览器向web服务器发送请求命令...

2019-10-28 15:02:26 1892 2

原创 css hack-浏览器兼容

本篇博客转自[css hack(大眼萌)](https://blog.csdn.net/qq_31635733/article/details/81660897)参考链接：http://shouce.jb51.net/csshack/CSS hack简介CSS hack是通过在CSS样式中加入一些特殊的符号，让不同的浏览器识别不同的符号（什么样的浏览器识别什么样的符号是有标准的，CSS...

2019-10-28 12:20:01 390

原创 vue中指令

v-text 预期：string 详细：更新元素的textContent。如果要更新部分的textContent，需要使用{{ Mustache }}插值。 <span v-text="msg"></span><span>{{msg}}</span>v-html...

2019-10-24 20:23:58 195

原创 http协议的状态码

转载链接：https://blog.liujason.com/1406.html常用的状态码用红色标出1xx（临时响应）表示临时响应并需要请求者继续执行操作的状态码。 100（继续）请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。 101（切换协议）请求者已要求服务器切换协...

2019-10-24 19:21:43 2184

原创 ECMAScript 2016、2017、2018 新 API

参考链接：https://csspod.com/new-in-ecmascript-2016-2017-and-2018/ https://www.cnblogs.com/Merrys/p/8875662.html回顾一下ECMAScript的发展历程：1997 年 6 月，ES1 发布 1998 年 6 月，ES2 发布 1999 年 12...

2019-10-23 11:33:15 297

原创 Vue中监听键盘事件

vue中监听键盘事件参考以下链接：https://blog.csdn.net/xiaxiangyun/article/details/80404768在一些搜索框中，我们往往需要监听键盘的按下(onkeydown)或抬起(onkeyup)事件以进行一些操作。在原生js或者jQuery中，我们需要判断e.keyCode的值来获取用户所按的键。这样就存在一个问题：我们必须知道某个按键的keyC...

2019-07-31 14:10:37 2096

原创 vue二次确认弹窗组件

1、二次确认弹窗组件reconfirm.vue<template> <el-dialog :visible="dialogFlag" @close="closeDialog()" width="420px" class="myz-info-reconfirm"> <div slot="title" class=&quot

2019-01-14 14:23:11 7729

转载 css选择器的优先级

选择器的优先级为同一个元素设置多个样式时，此时哪个样式生效由选择器的优先级确定：选择器的优先级（权重）：· 内联样式 id选择器类和伪类选择器元素选择器统配选择器继承的样式优先级 1000 100 10 1 0 无当一个选择器中含有多个选择器时，需要将所有的选择器的优先级进行相加，然后再进行比较，...

2019-01-14 14:01:20 178

原创 js中let,var和const的区别

在javascript中有三种声明变量的方式：var、let、const。varvar声明全局变量，换句话理解就是，声明在for循环中的变量，跳出for循环同样可以使用。var定义的变量可以修改，如果不初始化会输出undefined，不会报错。var a = 1;// var a;//不会报错console.log('函数外var定义a：' + a);//可以输出a=1f...

2019-01-14 10:32:45 14597 3

原创 vue-json数据导出Excel

1、安装依赖npm i -S file-savernpm i -S xlsx2、在src目录下新建excel文件夹，新建file.js，并引入依赖import { saveAs } from 'file-saver'import XLSX from 'xlsx/dist/xlsx.full.min'或者如下引入：import XLSX from 'xlsx'im...

2018-08-30 15:18:04 2237 2

原创 echarts-散点图数值对实现折线图

1.代码示例option = { legend: { data:['曲线1', '曲线2'] }, tooltip : { trigger: 'axis', axisPointer: { type: 'cross', animation: false, } }, ...

2018-04-04 15:06:51 6914

原创 js处理后台的时间格式

getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。getMonth() 从 Date 对象返回月份 (0 ~ 11)。getFullYear() 从 Date 对象以四位数字返回年份。getYear() 请使用 getFullYear() 方法代替。getHours() 返回 Date 对象的小时

2017-05-11 14:14:13 2795

原创上传图片注意事项

ENCTYPE="multipart/form-data"用于表单里有图片上传。 post" action="first_submit.jsp" ENCTYPE="multipart/form-data"> 表单标签中设置enctype="multipart/form-data"来确保匿名上载文件的正确编码。如下：上传企业营业执照图片：

2017-05-08 12:21:06 663

空空如也

空空如也