- 博客(9)
- 收藏
- 关注
RSS订阅原创 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
10029
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关注的人