摘要：
nprogress 插件是在页面刷新和跳转时出现在浏览器顶部的进度条，它会随着页面的加载而显示进度状态。可在官网 查看相关效果。 在vue项目中使用 nprogress 插件 1.安装：npm install --save nprogress 2.在 src → utils 文件夹下创建 nprog 阅读全文
摘要：
事件绑定和事件冒泡 题目 编写一个通用的事件监听函数 描述事件冒泡的流程 无限下拉图片列表，如何监听每个图片的点击 知识点 事件绑定 事件冒泡 事件代理 事件绑定 通过 addEventListener(type, fn) 进行事件绑定，下面为事件绑定函数简单封装 // 通用的事件绑定函数 func 阅读全文
摘要：
BOM(Browser Object Model，浏览器对象模型) 题目： 如何识别浏览器的类型？ 分析拆解url各个部分？ 知识点： navigator（浏览器信息） screen（屏幕尺寸信息） location（地址栏信息） history（历史信息-前进/后退） 通过 navigator.u 阅读全文
摘要：
从JS基础到JS-web-API JS 基础规定 JS 语法，它是ECMA262组织规定的。 JS-web-API 是用于网页操作的API，它是由W3C规定的。 前者是后者的基础，两者结合才能真正实际应用。 js基础知识： 变量的类型和计算 原型和原型链 作用域和闭包 异步操作... JS-web- 阅读全文
摘要：
如何使用 ElementUI 自定义分页呢？ 尽管ElementUI比较全面的提供了分页，但实际开发中的需求是多种多样的。比如我需要把下图中的下拉选择每页的数据条数，换成可以手动输入的形式，并且把他的位置放到前往xx页的左边位置。 实现代码如下： <!-- 分页 --> <el-pagination 阅读全文
摘要：
在使用 elementUI 的 el-cascader 级联选择框进行省市联动效果时，有这么一个需求：该级联选择框一共有三级结构分别为国家-省份-城市，国家和省份为必选项，城市为可选项。具体实现如下： el-cascader 设置最后一级可选 可通过 props.checkStrictly = tr 阅读全文
摘要：
今天遇到了一个需求：进行级联选择框的表单验证，突然有点懵逼。感觉应该和正常的表单验证类似，但不是很清晰，后来还是在博客园找到了相关参考文章。 先上代码： <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100 阅读全文
摘要：
遇到个问题就是其中有个要展示的数据来自接口返回的两个字段。 原用法是： 原以为prop=" "中只能放一个字段的数据,想放两个字段数据的话，要把 <el-table-column></<el-table-column> 标签再用 <template></template> 标签包裹才行如下： <el 阅读全文
摘要：
el-table表格的代码： <template> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="180"> </el-table-column> <el 阅读全文
摘要：
最近在实习工作中遇到了一个需要问题：将后台返回的省市区 json 数据格式化以便前端渲染。这个问题真的是缠绕了我好几天，有思路但是思路特别模糊，今天终于解决了。 返回的数据格式如下： [ { "children": [ { "children": [ "东城区", "西城区", ... ], "na 阅读全文