- 博客(8)
- 收藏
- 关注
RSS订阅原创 vue脚手架开发 + 事件总线$bus的妙用
项目背景：在做上一个项目中，遇到过这样一个问题：后端给的接口的数据中有公共数据，为了避免多次请求，前端避免不了的需要做数据储存，而且如果是多次请求相同数据，前端页面的性能也将大打折扣。【为了解决这个问题，我师父教了我一手，用$bus来储存数据，把它当成是全局的数据，然后就可以非常方便地拿到对应的值】【在我的认知的里面，事件总线$bus只是用来处理兄弟组件之间通讯的问题，竟然还有这等妙用】请往下看：在main.js里面：window.$bus = new Vue({ data() {
2020-12-31 17:51:26
508
原创 vue脚手架开发 + 介绍一个简单好用的loading 效果插件
具体使用步骤：具体使用教程请移步【步骤1】npm install --save nprogress【步骤2】在router–index.js里面引入import NProgress from 'nprogress'import 'nprogress/nprogress.css'【步骤3】简单的配置，一般情况speed配置为500NProgress.inc(0.2)NProgress.configure({ easing: 'ease', speed: 1000, showSpinne
2020-12-31 15:07:11
178
原创 vue脚手架开发 + element-UI组件 实现 增删改查
学习目标：【虽然已经有很多轮子把增删改查封装好了直接用就行了，在github上面一大堆，但身为前端人，这种基本功当然是必须具备的】原型图解释：
2020-12-31 11:30:16
1456
4
原创 vue脚手架开发 + element实现简单的 面包屑导航
学习目标：【快速实现 可复用 的基础面包屑导航 】功能实现启发：路由元信息相关优秀文章具体代码体现：面包屑结构部分： <div class="bd_nav"> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item 这里就是受到上面文章的启发，在路由里面搞数据，通过 this.$route.meta 在当前页面
2020-12-29 18:30:34
178
原创 vue脚手架开发+Echarts基础图表 实现模拟数据的动态展示
学习目标：更加熟练地使用vue模板语法渲染数据、熟练地运用Echarts来展示动态数据原型图展示：核心问题：点击某个数据块，对应的CSS样式如何加上，而其他的样式不变，即：排他算法实现？绿色框框部分如何实现参数指标的动态变化遇到需要用索引判断的情况，如何变相地用双索引的方式来简化功能上代码，不废话：【tabs就不多说了，用的饿了么的el-tabs】互联网专线结构 <!-- 互联网指标展示面板 --> <div class="net_list"
2020-12-28 23:26:33
474
1
原创 纯前端实现各类表单组件单条件查询功能（看完必会）
学习目标：如题目所示，再也不用苦苦等待后端的数据配合，前端独立实现。【当然，真正前后端分离项目，还是后端大佬说了算】样式图展示：核心问题：数据查询成功后，如何还原？查询功能的核心算法是什么？本功能最应该注意什么问题？【1】由于查询功能是用的数组的filter方法来实现过滤的，所以它返回的是一个新数组，言下之意：它会改变原来的tableData数据，这样来处理还原的问题不好控制。所以，最开始的就要准备好一份原始数据，然后接下来的任何操作需要用到的—都用原始数据深拷贝出来的数据，这样有
2020-12-28 17:45:36
8609
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人