- 博客(170)
- 资源 (2)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 数组操作总结
1.shift() 删除数组的第一个元素，返回删除的元素let a = [1,2,3,4,5,6,7]; let b = a.shift() // a:[2, 3, 4, 5, 6, 7] b: 12.pop() 删除数组最后一个元素，返回删除的元素let a = [1,2,3,4,5,6,7]; let b = a.shift() // a:[1，2, 3, 4, 5, 6] b: 73.unshift() 向数组首位添加元素，返回数组长度let a = [1...
2021-08-02 22:52:19
440
原创 echarts 图形的tooltip需要展示很多相关的内容
有时候会遇到那种需求，在tooltip中展示很多相关数据，或者是点击图形，带着一些相关数据去下钻。只要有拿的到的数据，在给对应data值的时候，使用对象push进去，图形的数值只会取value字段对应的值；options.serises[0].data.push( {name: "XXX"}, {status: "doing"}, {type: "start"}, {id: "1234"}, {value: 88}, ),options.seri
2021-04-25 22:41:15
759
1
原创 兄弟间通信bus.js
兄弟间通信：场景：点击子组件一更改子组件二的内容父组件：<template> <div id="app"> <my-page /> <my-page-two /> </div></template><script>import myPage from './components/myPage.vue'import myPageTwo from './components/myP
2021-04-25 22:26:16
211
原创 el-table 合并相同数据的列
<template> <div class="hello1"> <el-table :data="tableData" border :span-method="spanMethod" :cell-style="cellStyle" :header-cell-style="titleHeader" > <el-table-column v-for="(item,i) in ti.
2020-11-21 21:53:10
5498
2
原创 鼠标点击控制div层展开收缩
.展开收缩时使用的CSS动画完成的一.首先动态设置class：1.三目运算符判断<div :class="isActive?'anmDiv':'aaa'"></div>2.:class="{ 'active': isActive, 'sort': isSort }"3.在computed里面判断 <div :class="divStyle"></div><script>export default {
2020-09-20 22:47:25
2206
原创 解决申请 Googl e账号填写电话号码不能验证的问题
使用google账号的好处是不管在哪里，只用在chorm登录google浏览器你自己收藏的书签和扩展工具都会同步，对于开发人员来说是非常好用的。方法很简单：用手机自带的电子邮件申请，按流程走，稳稳的。1.点击添加邮箱2.点击GMail3.,随便输入一些东西，点击下一步4.点击注册账号5.按上面的注册即可...
2020-06-23 09:54:34
374512
58
原创 vue-cli3 引入基本框架配置
1.引入elementUIvue add element2.在plugins下面的element.js 里面引入你需要的组件（这里我只是用了按钮和表格）import Vue from 'vue'import { Button,Table,TableColumn } from 'element-ui'Vue.use(Button).use(Table).use(TableColumn);3.在.babelrc中修改配置，改为官方的配置{ "presets": [["es20
2020-06-18 08:58:07
1355
原创 windows ubuntu子系统操作文件
打开Ubuntu子系统命令行输入： explorer.exe . （注意：explorer.exe后面是空格加一个"."）即可以查看ubuntu 子系统文件文件放在哪里
2020-06-10 13:56:43
901
原创 vue-cli 安装步骤
电脑重新装系统后，需要重新安装vue-cli脚手架，还是好久以前装过，现在再整理一遍供以后参考。1.安装nvm包管理器：https://github.com/coreybutler/nvm-windows/releases下载nvm-setup.zip,解压安装；2.命令行输入nvm查看信息3.查看需要node的版本，安装你需要的版本https://nodejs.org/zh-cn/download/releases/3.输入nvm install 14.0.0 (这里.
2020-06-09 20:53:58
1100
转载 什么是SEO
**1.什么是SEO？****全称：Search English Optimization，搜索引擎优化**汉译为搜索引擎优化。是一种方式：利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是：为网站提供生态式的自我营销解决方案，让其在行业内占据领先地位，获得品牌收益；SEO包含站外SEO和站内SEO两方面；为了从搜索引擎中获得更多的免费流量，从网站结构、内容建设方案、用户互动传播、页面等角度进行合理规划，还会使搜索引擎中显示的网站相关信息对用户来说更具有吸引力。从宏观的角度来说，我认为
2020-06-08 09:54:42
1796
转载 Vue中的单向数据流
单向数据流数据从父级组件传递给子组件，只能单向绑定。子组件内部不能直接修改从父级传递过来的数据。<section id="app"> <custom-component :count="count"></custom-component></section>Vue.component("custom-component", { props: ['count'], template: ` &l..
2020-06-01 14:07:03
3366
原创 ES6新特性小结
ES6小结1.let 和 const2.变量的解构赋值1.数组的解构赋值2.对象的解构赋值3.字符串的解构赋值4.数字以及布尔值的解构赋值5.函数参数的解构赋值6.解构的用途3.模板字符串4.箭头函数5.Symbol1.消除魔术字符串(当常量多的时候我们就要去给他们赋值很多的唯一值很麻烦)2.Symbol作为对象属性名3.Symbol for4.Symbol keyFor6.Set和Map1.Set2.WeakSet 也是不重复的值得集合，它的成员只能是对象，而不能是其他类型的值, WeakSet 没有si
2020-05-27 20:04:40
1327
转载 关于iframe跨域使用postMessage的实现
这篇文章主要介绍了关于iframe跨域使用postMessage的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧当我们要在域名A.com下使用一个域名B.com提供的页面服务，直觉想到的实现方式就是使用iframe。但是iframe直接的交互存在**跨域问题**，目前看来解决方式有两种。一是使用nginx代理转发，在域名A的nginx上配置指定的转发规则，直接指向域名B，直接干掉了跨域；另一种方式是使用postMessag.
2020-05-22 19:28:46
988
原创 将数字转化为千分位格式
transformStyle(value) { return (value).toString().replace(/(\d{1,3})(?=(\d{3})+$)/g, '$1,'); },
2020-05-19 18:30:45
552
转载 vscode 快速生成vue模板页配置
第一步：添加用户代码片段打开 vsocde 的 首选项 > 用户代码片段 ，输入vue，选择代码片段文件为 vue.json。输入以下内容。 "Vue component": { "prefix": "vuec", "body": [ "<template>", " <div>", " </div>", "</template>",
2020-05-14 14:00:17
751
原创 iview select 框点击疯狂抖动问题
原因：select 下拉框底部的距离太小，没有位置。解决：只需给包裹这个的div层一个padding-bottom 一个合适的距离即可；
2020-05-08 09:29:46
891
原创 js代码优化
需求是星期回显，传1回显星期一,传7回显星期日,其他类推，无效回显空字符串；1.switch// 1.switch warnning(){ switch(val){ case 1: return '星期一'; ...
2020-04-25 17:02:27
236
原创 深拷贝和浅拷贝
浅拷贝拷贝的是其引用，指向的是同一个内存地址，所以不管变动哪一个都会跟着改变；eg:A和B住一间屋子，不管A还是B改变房子的样子，他们的屋子都发生了变化；var a=[2,8,3];var b=a;a[0]=1;console.log(a,b); // a=[1,8,3] b=[1,8,3] b[0]=5;console.log(a,b); ...
2020-04-25 16:45:50
148
原创 防抖与节流
防抖与节流函数是一种最常用的 高频触发优化方式，能对性能有较大的帮助。防抖 ： 定时器或时间戳。适用于：搜索框当用户输入完才会自动搜索出信息不用用户每输入完一次就查询，而是设置当用户停止输入算起超过几秒没有输入就开始查询；如果当用户停止输入在几秒内又继续输入就不用发起查询总结：防抖是将多次执行变为最后一次执行。 fd(){ function de...
2020-04-25 16:34:46
182
原创 if() { } 与 if() 后面不加大括号
if()后面不加大括号的情况条件成立就执行距离条件最近的语句(即以分号分割最近的语句);相反，如果不成立就执行除第一个语句以外的语句; warnningText10(){ let a=0,b=0,c=0; if(1>2) a=2,b=3,c=4; console.log(...
2020-04-25 16:31:37
5392
原创 匿名函数和IIFE
匿名函数： function(){};你会发现单独运行一个匿名函数不符合语法要求报错,只需要给匿名函数包裹一个括号即可: (function(){}); 或者箭头函数 (()=>{});想要执行这个匿名函数需要在后面加一个括号: (function(){})(); 传参:（打印出来即为最后面括号传进去的参数；） ...
2020-04-25 16:29:40
400
转载 vscode Remote - SSH和插件同步：Settings Sync
1.Remote - SSH为什么要使用VSCode:Remote-SSH服务器很多时候都是部署在Linux远程机器上的，我们通常是SSH连过去然后用vim或者emacs去修改源文件。这种方式对我来说很麻烦，因为我已经习惯了全宇宙最好用的C++IDE Visual Studio，离开IDE写代码实在太痛苦了。所以我只能借助samba+sourceinsight的组合来勉强度日。这个组合...
2020-04-25 15:55:48
6297
原创 CSS 水平垂直居中
</head><style> #bl{ position: relative; } .kk{ height: 100px; width: 500px; } .f1{ font-size: 26px; } .d1{ background: r...
2020-03-31 15:33:46
157
原创 iview upload 上传图片
<span class="up_img">上傳圖片: </span> <div class="demo-upload-list" v-for="item in uploadList"> <div v-if="item.status === 'finished'"&...
2020-01-11 10:28:03
973
1
原创 datepicker 的on-change传多个参问题
1.on-change 默认返回当前选择的日期<date-picker v-else placeholder="請選擇日期" style="width:118px" v-model="stages.plan_end_time" @on-change="dateChange2"> </date-picker>...
2019-10-15 11:05:19
2793
1
原创 vscode 好玩的插件power mode
1.在vscode扩展里面搜power mode安装；2.在用户设置里面配置 文件---首选项---设置"powermode.enabled": true, //是否开启 "powermode.enableShake": false, //是否抖动 "powermode.presets": "flames" //动画效果 根据扩展...
2019-10-10 09:22:59
824
1
原创 iview progress
html: <div class="rateCard" v-for="item in rateList1"> <div class="rateCard1 ha">{{item.target_type}}</div> <div class="rateCard4">...
2019-10-07 11:55:55
1692
原创 小数点失精度改正
console.log((1/7).toFixed(2),(1/7).toFixed(2)*100,0.07*100)说明乘以100的时候会失精度。其实JavsScript中，变量在存储时并不区分number和float类型，而是统一按float存储。而javascript使用IEEE754-2008 标准定义的64bit浮点格式存储number，按照IEEE754的定义：ht...
2019-09-11 14:27:41
259
原创 radioGroup 选择条件
html:<div class="divStart1"><span class="span2"></span><span class="haha">選擇指標：</span></div> <radio-group class="rg" v-model="selectValue" @on-change=...
2019-08-15 14:54:35
523
原创 css 利用径向渐变 画反向圆角：
径向渐变：指从一个中心点开始沿着四周产生渐变效果。语法：background:radial-gradient(shapesizeatposition,start-color,...,color[stop]...,last-color);参数说明：shape：渐变的形状。如果元素宽高相同为正方形，则ellipse和circle显示一样；如果元素宽高不相同，默...
2019-08-06 11:14:31
2732
1
转载 CSS3 黑科技 - 内凹圆角 - 径向渐变实现
圆角，大家一定都会做，border-radius, 内凹圆角如何实现？可以拿个白色圆盒子盖住方形盒子的大半边实现，但是这样，是不透明的，背景发生改变时，就要改遮盖盒子的颜色，或者背景是渐变，改起来更麻烦，或背景是图片等等，就直接不太好改了，这种方法就有局限性。 说白了就是遮盖的那部分不透明以后，自适应性不强。这里介绍一个用径向渐变实现的内凹圆角，可以解决上述问题。可以用CSS生成一个背景...
2019-08-06 11:08:12
1923
原创 解决iview嵌套table里面的dropdown下拉菜单显示不完全
1.给dropdown设置transfer=true,即可{ align: 'center', width: 90, ...
2019-07-09 18:19:24
5656
原创 iview progress 根据进度显示不同颜色
js:data:function() { return { colorful:[], } }, { align: 'center', key: 'status', render: (h, params) => { let...
2019-06-04 18:31:21
4607
原创 echarts 折线图高于目标显示绿色低于目标显示红色
可以使用lt（小于，little than），gt（大于，greater than），lte（小于等于 lettle than or equals），gte（大于等于，greater than or equals）来表达边界：js: visualMap: { show: true, pieces: [{ ...
2019-06-01 08:19:30
7009
1
原创 echarts 修改坐标轴某一（多）项的样式
echarts 修改坐标轴某一（多）项的样式:把得到的X周数据进行加工再赋给X(Y)的data;js: // transformData为改变样式后的X轴数据，然后赋给xAxis中的data var transformData = []; var textStyle = {}; // e为X轴的原始数据 ...
2019-05-31 08:33:25
2703
2
转载 echarts中datazoom 配置
dataZoom=[ //区域缩放 { id: 'dataZoomX', show:true, //是否显示 组件。如果设置为 false，不会显示，但是数据过滤的功能还存在。 backgroundColor:...
2019-05-29 13:59:27
14335
2
原创 iview动态加载有徽标数的radioGroup
html:<radio-group><div class="aaa" id="a2"> <radio-group v-model="timeValue1" @on-change="current_selected1" type='button'> <radio label="Cosmetic"...
2019-05-25 10:51:45
2237
原创 echarts 上下双坐标轴Y轴对齐
1.问题：不同的数据源用同一个布局页面来显示会导致对齐一个页面另外的页面Y轴对不齐，如下图：图1：图2：结果发现图1，对齐了，图2跑偏了，可是明明是同一个布局。后来经过观察发现，图1和图二的下半部分的y轴数量坐标位数不一样，导致了长度不同，这样的话就不行，不能够适配其他的数据。所以就必须把上下两个轴的Y轴的数量的宽度固定下来，然后让它们左对齐或右对齐，而echarts 好像没有...
2019-05-16 11:32:37
11686
4
iview 嵌套表里面的dropdownmenu显示不全
2019-07-09
TA创建的收藏夹 TA关注的收藏夹
TA关注的人