龚箭-CSDN博客

原创 vue+element+echarts 换肤功能

demo中的换肤效果没有用到css预编译处理整体的思路是预先定义好多套css样式表分别放到static文件中,根据按钮切换在DOM上挂载相对应的CSS,听上去是个比较笨的方法,下面直接上代码预先在准备好自己写好的css文件、element官方主题样式、echarts官方样式（这里下载是js格式）...

2020-05-21 10:12:17 1157 1

一、查找数组中最小的值利用递归let sort = (arrs)=>{ if(arrs.length > 2){ return sort([arrs[0],sort(arrs.slice(1))]) }else{ return Math.min.apply(null,arrs) }}console.log(sort([1,2,3,4,5,6,7,8,9,10])) //1二、将数组由小到大排列let minFun

2020-05-11 16:11:54 193

原创 JS函数--调用栈

JS函数调用栈什么是调用栈 JS引擎在调用个函数前，需要把函数所在的环境push到一个数组里，这个数组就是调用栈等函数执行完，就会把环境弹出（pop）出来然后return到之前的环境，继续执行后去代码如果调用栈中压入的帧过多，程序就会崩溃 ----- 爆栈函数声明提升什么是函数提升function fn(){}//不管班具名函数卸载第几行，他都跑到第一行上...

2020-05-01 19:08:05 1193

原创 HTML常用标签

1.a标签的用法<a href="需要连接的地址" target="_self"></a>href //需要跳转的url可以是网址可以是项目的页面路径 href 还可以配合当前元素的id做锚点链接 <div id="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Di...

2020-04-08 21:27:06 200

原创 HTML入门笔记1

HTML是谁发明的HTML是由Tim Berners-Lee(李爵士)和Daniel W.Connolly于1990年创立之一种标记式语言.HTML起手应该怎么写<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="vie...

2020-04-07 21:19:23 175

原创 echarts中legend控制markLine的开关

场景描述:当一组数据出现多条markLine的线段时,整体感观太乱,因为echarts没有提供专门的属性去调整,所以利用多组Data数据去模拟legned的开关效果.示例代码option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat',...

2019-12-17 11:43:26 3853

原创 webpack+Vue多个axios接口代理问题

场景:前端项目对接多个不同路径的接口地址,需要多个代理解决本地跨域问题。解决方法：在config/index.js中dev:{ ...... proxyTable: { '/api1': { target: '需要代理的接口地址', changeOrigin: true, sec...

2019-12-05 09:37:25 497

原创固定element UI的message消息弹出框样式

场景：在调用message信息弹出框是默认会自上而下排列显示。修改.el-message,.el-message--success中的样式。<style>.el-message ,.el-message--success{ top: 28px !important}</style>效果...

2019-10-29 10:36:37 7088 4

原创 vue+elementUI 使用单选框和复选框时获取数据不回显问题

场景:使用elementUI单选框和复选框,动态循环渲染数据时,选中数据无法回显到页面.原因：因为Vue的数据劫持机制解决方案一尽量避免对data(){return { }}里的数据进行频繁赋值.尽量避免嵌套方式赋值.<div v-for="(tiem,index) in Data" :key="index" class=""> <div&...

2019-10-23 13:56:48 3927 1

原创 vue axios在IE浏览器的接口缓存问题解决方案

场景当请求后端接口参数一样时,ie浏览器会自动读取接口的缓存数据,导致数据不能实时回显到的页面上解决方法:在axios中参数加入时间戳,是每次调用接口的是参数不一致get方式:this.$axios({ methods:'get', url:"", params:{ date:Date.parse(new Date()) //加入时间戳 ...

2019-10-23 13:42:24 1746

原创 Vue 中使用 vue-cookies和vue-session

一、Vue中使用vue-session1.npm 安装 vue-sessionnpm install vue-session2.在main.js中引入import VueSession from 'vue-session'Vue.use(VueSession)3.使用 this.$session.set("key",value); //存session thi...

2019-05-17 10:33:18 22644 1

原创原生node 读写流操作

一、先创建一个txt的文件二、创建server.js文件const fs = require("fs");let rs = fs.createReadStream("1.txt") //读取1.txt的数据let ws = fs.createWriteStream("2.txt")//创建2.txt数据rs.pipe(ws);//将读取的rs写入到ws里面 //创建了一个2.txt...

2019-05-16 15:45:38 106

原创原生node 创建后台服务

一、安装node环境，并创建server.js文件二、引入http模块const http = require("http");三、开启服务注：回调函数中接收两个参数，第一个参数是请求的数据，第二个参数为响应的数据let server =http.createServer((req,res)=>{ res.write("test"); //响应请求 r...

2019-05-16 15:38:22 450

原创针对Echarts图表存在数据缓存问题的解决方法

在项目中发现，使用一个echarts图表切换不同数据是，有时会莫名的多出数据组。1、针对这个问题可以在切换事件中清空echarts的画布数据。var myChart = echarts.init(document.getElementById('绑定HTML元素的id'));myChart.clear(this.option); //清空当前画布所有数据2、尽量使用对对象赋值的方...

2019-02-21 14:48:03 4650 1

原创 echarts 图例过多问题解决方案

legend: { type: 'scroll', //分页类型 bottom: 10, data: (function (){ var list = []; for (var i = 1; i <=2000; i++) { list.push(i + 2000 ...

2019-01-23 18:01:13 11177 4

原创 npm全局安装webpack失败解决方法

方法一：webpack版本过高会导致安装失败 >4.0npm install -g [email protected]方法二：webpack4.0安装方法npm install webpack -gnpm install webpack-cli -g新版本在编译和打包中可能会出现各种报错问题。此外：欢迎各位学生、前端新人、大牛们加入Q群分享交流学习和工作中的问题，qq...

2019-01-16 10:04:04 5469

翻译【location】将url参数转换为对象的形式

function getQueryStringArgs(){ //取得查询字符串并去掉开头的问号 var qs = (location.search.length > 0 ? location.search.substring(1) : ""), //保存数据的对象 args = {}, //取得每一项 items = qs.length ? qs.split("&")...

2018-12-14 13:57:50 1025

翻译获取URL地址时某些参数被转义

//转译encodeURIComponent("https://zhidao.baidu.com");//https%3A%2F%2Fzhidao.baidu.com//逆转译decodeURIComponent("https%3A%2F%2Fzhidao.baidu.com");//https://zhidao.baidu.com此外：欢迎各位学生、前端新人、大牛们加入Q群分享...

2018-12-14 13:54:52 7449

原创 Vue-axios 设置请求头问题

在axios向后端传参时需要设置请求头，确保请求参数的格式为JSON字符串（此时用JSON.stringify(obj)无效时）this.$axios({ method:'', url:'', headers: { 'Content-Type': 'application/json',//设置请求头请求格式为JSON ...

2018-12-06 11:40:12 7816

原创 vue项目兼容IE浏览器问题总结

1.axios兼容问题npm install es6-promise --save-dev在main.js中添加import promise from 'es6-promise';promise.polyfill();2.兼容ie9、IE10可能会遇到语法或者promise错误npm install babel-polyfill在main.js中添加impor...

2018-12-06 11:36:23 1396

原创 Git 基本命令操作总结

一、创建git本地仓库1.初始化仓库 git init2.添加文件到仓库 git add .3.git commit -m "备注信息"二、查看远程提交日志git log三、把文件退回到上一个版本git reset --hard HEAD^2.回到最新版本git reset --hard id号3.查看历史的id号git reflog...

2018-12-04 11:04:35 134

原创前端存储机制 session、localStorage 使用方法

sessionsession会话：浏览器从打开某个网页的一个页面开始，直至关闭浏览器，整个过程称为“浏览器与WEB服务器的一次会话”作用：在同一个会话中所有页面之间共享数据使用：sessionStorage[key]=val; //保存一个数据sessionStorage.setitem(key,val); //保存一个数据var val = sessionStorage...

2018-12-04 10:54:36 3882

龚箭的博客