崭新开始 - 博客园

2020年3月12日

摘要： echarts实现百分比 option = { title:{ text:"", textStyle:{ fontSize:"14", x:"left" } }, color:["#56abe8","#dee3e9"], series:[{ type:"pie", radius:["40%","60 阅读全文

posted @ 2020-03-12 00:13 崭新开始阅读(855) 评论(0) 推荐(0) 编辑

2020年3月11日

echarts绘制折线图平均线

摘要： option = { tooltip:{ trigger: 'axis' //鼠标悬浮提示 }, xAxis: { axisLabel:{ color:"#6f6f6f" //改变X轴坐标值颜色 }, axisLine:{ lineStyle:{ color:"#cfcfcf" //改变x轴线颜色阅读全文

posted @ 2020-03-11 23:54 崭新开始阅读(7314) 评论(1) 推荐(0) 编辑

字符串的format

摘要：在String的原型上增加该方法 String.prototype.format = function(){ let args = arguments; return this.replace(/{(\d+)}/g,function(s,i){ return args[i]; }) } 调用方式 " 阅读全文

posted @ 2020-03-11 23:27 崭新开始阅读(118) 评论(0) 推荐(0) 编辑

表格列固定

摘要：对于单表格，表头固定以及第一列固定对tbody设置宽高，溢出的采用overflow:auto 对tbody的滚动条事件监听，第一列采用translatex方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta 阅读全文

posted @ 2020-03-11 23:21 崭新开始阅读(253) 评论(0) 推荐(0) 编辑

2020年3月4日

echarts饼状图环形中间动态文字

摘要：饼状图中间默认文字，当鼠标移入饼状图后，显示对应的名称和值，用到鼠标移入事件为了判断鼠标是否移出饼状图，在饼状图外围又加了一个白色的外圈，与周边的背景色一致，相当于隐藏的圆，75%-90%，下面代码中的 series[1] 示例放到饼状图的右边，当示例过多会自动成多列参考地址：https://w 阅读全文

posted @ 2020-03-04 21:47 崭新开始阅读(10895) 评论(0) 推荐(0) 编辑

2019年7月30日

使用iconfont图标

摘要：有一个图标库：https://www.iconfont.cn/ 进去先注册，创建一个项目，将需要的图标放到购物车中，添加到该项目，进入该项目可以查看所添加的图标使用图标的两种方式：第一种点击查看在线链接，将生成的链接引入到代码中 <link rel="stylesheet" href="htt 阅读全文

posted @ 2019-07-30 23:39 崭新开始阅读(270) 评论(0) 推荐(0) 编辑

2019年7月11日

vue的动画特效

摘要：增加类实现动画效果 transition标签包裹需要动画的内容,，并增加类v-enter,v-enter-active,v-leave-to,v-leave-active以及动画css属性，若是transition标签上有name属性，<transition name='fade'>则类名v,要改成阅读全文

posted @ 2019-07-11 22:49 崭新开始阅读(2147) 评论(0) 推荐(0) 编辑

2019年7月10日

vue给子组件增加html内容（称为插槽 slot）

摘要：插槽给子组件增加内容，插槽可以设置默认值在子组件中template中插槽写法 <slot></slot> slot标签内可以添加name属性，要与html中的slot值对应起来（要是子组件html之间没有写内容，又想显示某个值，可以使用slot默认值：<slot>默认值</slot>）作用域插阅读全文

posted @ 2019-07-10 22:29 崭新开始阅读(7442) 评论(0) 推荐(0) 编辑

vue非父子组件间传值

摘要：通过bus实现非父子之间的传递阅读全文

posted @ 2019-07-10 21:46 崭新开始阅读(240) 评论(0) 推荐(0) 编辑

2019年7月9日

vue小知识点汇总

摘要： <div :val="1"></div>，给属性val前面加v-bind，认为值是js表达式，1则认为是数组，要是不加v-bind，认为值是字符串，1则认为是字符串对数组的改变不能使用数组索引，只能用这几个方法：push, pop, shift, unshift, splice 模板占位符<tem 阅读全文

posted @ 2019-07-09 23:32 崭新开始阅读(355) 评论(0) 推荐(0) 编辑