自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 Uncaught TypeError: Cannot read property ‘replace‘ of undefined

Uncaught TypeError: Cannot read property ‘replace’ of undefined发现的问题:找到这行代码:发现之前不报错;然后突然就报错了;这里的问题是beg_audit_time这个值为空了;就会报这个错误;所以我们只需要在调用之前加一个判断就行了;解决问题...

2020-10-16 15:57:45 10031 1

原创 echarts饼状图轮播效果

学会思考,学会总结。部分代码来自echarts官方:echarts官方网址ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。echarts为我们前端开发人员提供了一个吧数据变成图形,更加直观地展现出来。今天我在用echarts做出饼状图的轮播效果,记录当下。下

2020-08-13 16:42:15 4444 2

原创 什么是数组扁平化?

数组扁平化?听起来好像灰常的好大上?真的吗?但是我们也可以用非常简单易懂的方法来理解它。数组扁平化,听起来是不是像是“降维打击”,似乎是把3D的物品压缩到二维?没错,就是这么理解,来看看下面的图让我们更好的理解什么事是组扁平化。比如说①是需要处理的数组,他看起来很复杂但是我们可以把它看成②,而②看起来是不是就有3D感了?然后变成二维不就是去掉子数组的中括号然后放进父数组嘛,然后就变成了③,然后就完成了数组扁平化,我在这里只是举了一个最贱的的例子,而现实中可能会三次套娃甚至是四次套娃,方法是一

2020-07-30 15:45:41 1674 1

原创 input:checked + label?;input:checked ~ label?

首先,:check是一个伪类选择器,它用来对应被选择的单选框或者复选框。其次,~代表选择 checked 的后面的兄弟节点;+代表后面的第一个兄弟节点。比如 有两个选项 每个选项有一个同级兄弟节点:<div class="divbox">:checked ~ .divbox那么input是谁,就代表可以控制 checked和后面的 divbox 的CSS效果...

2020-07-06 16:30:39 933

原创 动态实现侧边栏的折叠

动态实现侧边栏的折叠在做项目时,发现侧边栏的宽度是固定的,这样对用户的交互体验肯定是不友好的,所以怎样才能实现侧边栏的动态折叠呢?思考了许久,终于有了点思想,我只要给侧边栏添加一个点击事件,每点击一次就给它的布尔值取反,我只需要根据布尔值的真与假指定不同的宽度不就可以了吗。那么问题又来了,有没有简单点的赋值来取值呢?望向窗外,突然灵光一闪——三元表达式。所以就想出了一种动态实现折叠菜单栏的方法:HTML部分:<div class='toggle-button' @click='toggle

2020-06-10 14:24:14 1393

原创 对vue的mvvm的个人理解

对vue的mvvm的个人理解vue的mvvm响应式原理这个问题困扰了我好久;就在不久之前,我看了一段讲vue源码的视频,终究是对mvvm的响应式原理有了一点个人的理解;mvvm即model-view-viewmodel;简单来说就是数据的双向绑定,首先,vue的mvvm是通过Object.defineProperty()对数据的劫持;然后,当数据发生改变时,就会触发回调函数,来重绘页面。MVVM作为数据绑定的入口,整合Observer、Compile和Watcher三者,Observer负责监听自

2020-06-10 13:51:07 312

原创 css防止导航栏变成多行

在做个人博客时,我发现当我缩小浏览器时,我写的导航栏会变成好多行,如图:一开始还以为是flex布局的问题,后来才发现自己没有给它指定宽度,怪不得会乱跑。但是,如果我们只给它设置宽度其他的布局会发生变化,所以最好是给html标签指定最小宽度:html { height: 100%; min-width:1070px;}运行后:也出现了滚轴:这样导航栏就不会下榻变成很多行了。...

2020-06-08 10:51:33 528 1

原创 Mockjs遇到的坑

Mockjs遇到的坑看了很多网上的文章,又去看了一些视频,总算是让我稍微摸透了点mock的用法。没安装mock的先在文件夹下安装;npm install mockjs安装完的就可以在文件夹下新建一个名为mock的文件夹,在里面新建两个文件;一个为index.js,这个主要用于拦截ajax请求,并且返回数据;另一个为存放你数据的js文件,我们暂且将它命名为Myinfo.js。我们在Myinfo.js中编写以下代码(传输局用):import Mock from 'mockjs'const

2020-06-07 09:37:55 3004

原创 element UI 中的返回顶部组件没效果

element UI 中的返回顶部组件没效果官网提供:<el-backtop target=".page-component__scroll .el-scrollbar__wrap"></el-backtop>但是有些会发现它并不会起作用只需要把它改成:<el-backtop :visibility-height="60"> <i class="el-icon-caret-top"></i></el-backtop>

2020-06-05 16:58:07 1055 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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