摘要: Shell是linux下的脚本语言解析器,拥有丰富且强大的底层操作权限。Shelljs就是基于node的一层命令封装插件,让前端开发者可以不依赖linux也不依赖类似于cmder的转换工具,而是直接在我们最熟悉不过的javascript代码中编写shell命令实现功能, npm install sh 阅读全文
posted @ 2020-04-23 13:52 queenDream 阅读(225) 评论(0) 推荐(0) 编辑
摘要: semver 是 语义化版本(Semantic Versioning)规范 的一个实现, npm install --save semver 阅读全文
posted @ 2020-04-23 13:51 queenDream 阅读(97) 评论(0) 推荐(0) 编辑
摘要: chalk.js(node终端样式库) npm install chalk 为了使输出不再单调,添加文字背景什么的,改变字体颜色什么的const chalk= require('chalk');console.log(chalk.red('this is red!')); 阅读全文
posted @ 2020-04-23 13:50 queenDream 阅读(2016) 评论(0) 推荐(0) 编辑
摘要: success: () => { this.tableDatas = this.rows.slice(0, 10); }, //分页 changePage(page) { let pre = (page - 1)*10; let next = page * 10; this.tableDatas = 阅读全文
posted @ 2020-04-23 13:48 queenDream 阅读(79) 评论(0) 推荐(0) 编辑
摘要: .table { border-left:1px solid #dedede; border-top:1px solid #dedede; } .td { border-right:1px solid #dedede; border-bottom:1px solid #dedede; } 阅读全文
posted @ 2020-04-23 13:47 queenDream 阅读(363) 评论(0) 推荐(0) 编辑
摘要: 对象去重 var arr = [{reportRole: "检验员"},{reportRole: "检验员"},{reportRole: "检验员"}] var hash = {}; arr = arr.reduce((preVal, curVal) => { hash[curVal.reportR 阅读全文
posted @ 2020-04-23 13:46 queenDream 阅读(599) 评论(0) 推荐(0) 编辑
摘要: Table表中添加下拉框 { title: '告警方式', key: 'alarmMethod', width: 300, render: (h, params) => { var alarmModeChild = this.alarmModeChild; return h('Select', { 阅读全文
posted @ 2020-04-23 13:45 queenDream 阅读(1754) 评论(0) 推荐(0) 编辑
摘要: 1.如果是在页面关闭的时候,事件里面包含数据变化和form表单验证,则可以通过把form表单验证延迟200ms执行(setTimeout),因为form表单验证是异步的, eg:做保存传值得时候,先获取saveTo,在延时200ms; 2.如果是父组件传给子组件的props,则网上有解决办法3.父组 阅读全文
posted @ 2020-04-23 13:43 queenDream 阅读(2091) 评论(0) 推荐(0) 编辑
摘要: 兄弟组件传值 A传向B 步骤1.创建Bus的事件:(总线) import Vue from 'vue'; let Bus = new Vue(); export default Bus;2.A组件 使用的文件中引用该js文件 import Bus from '@~~~/Bus'; 在该文件中使用:B 阅读全文
posted @ 2020-04-23 13:39 queenDream 阅读(377) 评论(0) 推荐(0) 编辑
摘要: 效果 注意: 图片文件夹命名为:imgs 图片命名为:imgs + 数字 + .jpg 格式点击切换图片时可看着 F12 控制面板 如果没有这张图片,没有效果, 图片是随机的,可能会提示找不到图片,正常现象 (亲,也可以自己改变图片路径,在代码的最下面 refreshImg 函数里面) 我是在桌面新 阅读全文
posted @ 2020-04-23 13:19 queenDream 阅读(826) 评论(0) 推荐(0) 编辑
摘要: 效果 <template> <div class="jc-component__range"> <div class="jc-range" :class="rangeStatus?'success':''" > <i @mousedown="rangeMove" style="touch-actio 阅读全文
posted @ 2020-04-23 13:06 queenDream 阅读(1194) 评论(0) 推荐(0) 编辑
摘要: 预览 基于滑动式的验证码,免于字母验证码的繁琐输入 用于网页注册或者登录 github文档地址: https://github.com/monoplasty/vue-monoplasty-slide-verifygitee镜像地址:https://gitee.com/monoplasty/vue-m 阅读全文
posted @ 2020-04-23 13:00 queenDream 阅读(4226) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html><head> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <style> .aa{ position: fixed; left: 阅读全文
posted @ 2020-04-23 12:46 queenDream 阅读(186) 评论(0) 推荐(0) 编辑