自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 解决申请 Googl e账号填写电话号码不能验证的问题

使用google账号的好处是不管在哪里,只用在chorm登录google浏览器你自己收藏的书签和扩展工具都会同步,对于开发人员来说是非常好用的。方法很简单:用手机自带的电子邮件申请,按流程走,稳稳的。1.点击添加邮箱2.点击GMail3.,随便输入一些东西,点击下一步4.点击注册账号5.按上面的注册即可...

2020-06-23 09:54:34 159597 42

原创 vue-cli3 引入elementUI和样式

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 228

原创 windows ubuntu子系统操作文件

打开Ubuntu子系统命令行输入: explorer.exe . (注意:explorer.exe后面是空格加一个".")即可以查看ubuntu 子系统文件文件放在哪里

2020-06-10 13:56:43 207

原创 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 157

转载 什么是SEO

**1.什么是SEO?****全称:Search English Optimization,搜索引擎优化**汉译为搜索引擎优化。是一种方式:利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是:为网站提供生态式的自我营销解决方案,让其在行业内占据领先地位,获得品牌收益;SEO包含站外SEO和站内SEO两方面;为了从搜索引擎中获得更多的免费流量,从网站结构、内容建设方案、用户互动传播、页面等角度进行合理规划,还会使搜索引擎中显示的网站相关信息对用户来说更具有吸引力。从宏观的角度来说,我认为

2020-06-08 09:54:42 216

转载 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 211

原创 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 153

转载 关于iframe跨域使用postMessage的实现

这篇文章主要介绍了关于iframe跨域使用postMessage的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧当我们要在域名A.com下使用一个域名B.com提供的页面服务,直觉想到的实现方式就是使用iframe。但是iframe直接的交互存在**跨域问题**,目前看来解决方式有两种。一是使用nginx代理转发,在域名A的nginx上配置指定的转发规则,直接指向域名B,直接干掉了跨域;另一种方式是使用postMessag.

2020-05-22 19:28:46 105

原创 将数字转化为千分位格式

transformStyle(value) { return (value).toString().replace(/(\d{1,3})(?=(\d{3})+$)/g, '$1,'); },

2020-05-19 18:30:45 105

转载 vscode 快速生成vue模板页配置

第一步:添加用户代码片段打开 vsocde 的 首选项 > 用户代码片段 ,输入vue,选择代码片段文件为 vue.json。输入以下内容。 "Vue component": { "prefix": "vuec", "body": [ "<template>", " <div>", " </div>", "</template>",

2020-05-14 14:00:17 70

原创 iview select 框点击疯狂抖动问题

原因:select 下拉框底部的距离太小,没有位置。解决:只需给包裹这个的div层一个padding-bottom 一个合适的距离即可;

2020-05-08 09:29:46 162

原创 js代码优化

需求是星期回显,传1回显星期一,传7回显星期日,其他类推,无效回显空字符串;1.switch// 1.switch warnning(){ switch(val){ case 1: return '星期一'; ...

2020-04-25 17:02:27 87

原创 深拷贝和浅拷贝

浅拷贝拷贝的是其引用,指向的是同一个内存地址,所以不管变动哪一个都会跟着改变;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 53

原创 防抖与节流

防抖与节流函数是一种最常用的 高频触发优化方式,能对性能有较大的帮助。防抖 : 定时器或时间戳。适用于:搜索框当用户输入完才会自动搜索出信息不用用户每输入完一次就查询,而是设置当用户停止输入算起超过几秒没有输入就开始查询;如果当用户停止输入在几秒内又继续输入就不用发起查询总结:防抖是将多次执行变为最后一次执行。 fd(){ function de...

2020-04-25 16:34:46 83

原创 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 107

原创 匿名函数和IIFE

匿名函数: function(){};你会发现单独运行一个匿名函数不符合语法要求报错,只需要给匿名函数包裹一个括号即可: (function(){}); 或者箭头函数 (()=>{});想要执行这个匿名函数需要在后面加一个括号: (function(){})(); 传参:(打印出来即为最后面括号传进去的参数;) ...

2020-04-25 16:29:40 57

原创 JS循环

return { a: [{ num: 1, value: "如果" }, { num: 2, value: "真的" ...

2020-04-25 16:18:47 48

转载 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 228

原创 CSS 水平垂直居中

</head><style> #bl{ position: relative; } .kk{ height: 100px; width: 500px; } .f1{ font-size: 26px; } .d1{ background: r...

2020-03-31 15:33:46 41

原创 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 205

原创 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 359

原创 vscode 好玩的插件power mode

1.在vscode扩展里面搜power mode安装;2.在用户设置里面配置 文件---首选项---设置"powermode.enabled": true, //是否开启 "powermode.enableShake": false, //是否抖动 "powermode.presets": "flames" //动画效果 根据扩展...

2019-10-10 09:22:59 124

原创 iview progress

html: <div class="rateCard" v-for="item in rateList1"> <div class="rateCard1 ha">{{item.target_type}}</div> <div class="rateCard4"&gt...

2019-10-07 11:55:55 438

原创 小数点失精度改正

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 67

原创 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 202

原创 css 利用径向渐变 画反向圆角:

径向渐变:指从一个中心点开始沿着四周产生渐变效果。语法:background:radial-gradient(shapesizeatposition,start-color,...,color[stop]...,last-color);参数说明:shape:渐变的形状。如果元素宽高相同为正方形,则ellipse和circle显示一样;如果元素宽高不相同,默...

2019-08-06 11:14:31 479 1

转载 CSS3 黑科技 - 内凹圆角 - 径向渐变实现

圆角,大家一定都会做,border-radius, 内凹圆角如何实现?可以拿个白色圆盒子盖住方形盒子的大半边实现,但是这样,是不透明的,背景发生改变时,就要改遮盖盒子的颜色,或者背景是渐变,改起来更麻烦,或背景是图片等等,就直接不太好改了,这种方法就有局限性。 说白了就是遮盖的那部分不透明以后,自适应性不强。这里介绍一个用径向渐变实现的内凹圆角,可以解决上述问题。可以用CSS生成一个背景...

2019-08-06 11:08:12 911

原创 解决iview嵌套table里面的dropdown下拉菜单显示不完全

1.给dropdown设置transfer=true,即可{ align: 'center', width: 90, ...

2019-07-09 18:19:24 2002

原创 iview progress 根据进度显示不同颜色

js:data:function() { return { colorful:[], } }, { align: 'center', key: 'status', render: (h, params) => { let...

2019-06-04 18:31:21 2543

原创 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 1894

原创 echarts 修改坐标轴某一(多)项的样式

echarts 修改坐标轴某一(多)项的样式:把得到的X周数据进行加工再赋给X(Y)的data;js: // transformData为改变样式后的X轴数据,然后赋给xAxis中的data var transformData = []; var textStyle = {}; // e为X轴的原始数据 ...

2019-05-31 08:33:25 1392 2

转载 echarts中datazoom 配置

dataZoom=[ //区域缩放 { id: 'dataZoomX', show:true, //是否显示 组件。如果设置为 false,不会显示,但是数据过滤的功能还存在。 backgroundColor:...

2019-05-29 13:59:27 5869 1

原创 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 885

原创 echarts 上下双坐标轴Y轴对齐

1.问题:不同的数据源用同一个布局页面来显示会导致对齐一个页面另外的页面Y轴对不齐,如下图:图1:图2:结果发现图1,对齐了,图2跑偏了,可是明明是同一个布局。后来经过观察发现,图1和图二的下半部分的y轴数量坐标位数不一样,导致了长度不同,这样的话就不行,不能够适配其他的数据。所以就必须把上下两个轴的Y轴的数量的宽度固定下来,然后让它们左对齐或右对齐,而echarts 好像没有...

2019-05-16 11:32:37 3818 2

原创 web 引入思源字体

1.下载SourceHanSansCN-Regular.TTFhttps://www.fontke.com/font/18839412/download/2.解压得到左边文件3.找到在线font-face生成器https://www.fontke.com/tool/fontface/根据提示上传SourceHanSansCN-Regular.TTF可以得到以下文件:...

2019-05-14 10:37:52 4521 1

原创 js判断某年某月的天数

// 获取当前年月日getYMD() {var myDate = new Date();var year = myDate.getFullYear();var month = myDate.getMonth() + 1;var day = myDate.getDate();return [year, month, day];},// 判断某年某月的天数jud...

2019-05-09 17:00:18 516

原创 echarts lenged 形状设置

1.echarts lenged 形状设置:1.可以使用icon分别设置形状等://标志图形类型,默认自动选择(8种类型循环使用,不显示标志图形可设为'none'),默认循环选择类型有:'circle' | 'rectangle' | 'triangle' | 'diamond' |'emptyCircle' | 'emptyRectangle' | 'emptyTriangle' | '...

2019-04-25 08:20:16 928

原创 wangEditor 富文本框

富文本框:https://www.kancloud.cn/wangfupeng/wangeditor3/335774;接受服务端传输的数据显示到富文本框中:<div id="textBox1" style="width:250px"></div><div id="edit" style="width:453px"></div>服...

2019-04-10 15:43:01 193

原创 echarts tooltip 自定義

echarts tooltip 自定義tooltip: { // 触发器 trigger: "axis", axisPointer: { type: 'shadow', }, // formatter:'{c}%' formatter(params)...

2019-04-08 17:13:29 60

原创 echarts 内外联系图

需要达到里面的图和外面的图的区域对应 // 人力類型 rate 扇形 setTypeRateChart: function (d,e,f,a) { let pieData=[]; let k=['教师','医生','售货员','男','女','小孩']; // let a = _this.aa.emp; let dataType=k...

2019-04-04 08:08:26 87

提示
确定要删除当前文章?
取消 删除