- element+vue树状结构
付不起钱的小白
elementtreevue.js
element+vue树状结构树状结构勾选父级不联动子级,勾选子级联动父级使用场景:element的树状结构满足不了项目的需求效果:父节点选中,其子节点不会全部选中父节点取消选中,子节点跟随取消子节点选中,父节点会跟着一起选中取消子节点选中,父节点不会取消选中主要参数:key(自定义节点的绑定值)chek-strictly(取消子父级联动======自定义)defaultArr(默认选中)chec
- element+vue 之自定义指令v-copy复制
jiojio冲冲冲
vue+elementvue.jsjavascript前端
1.新建一个copy.js文件import{Message}from'element-ui';exportdefault{bind(el,binding){//双击触发复制if(binding.modifiers.dblclick){el.addEventListener('dblclick',()=>handleClick(el.innerText))el.style.cursor='copy'
- 表格组件二次封装(element+vue)
syste_m_
vue.jsjavascript前端
后端管理系统中,常用表格展示数据,统一维护,统一表格风格,二次封装一个基于elementUI中的el-table封装一个简单的表格组件。封装组件分为四部分,表单查询条件、头部操作按钮、表格数据展示、数据分页操作。一、表格组件封装1、表单查询条件封装表单项,定义name、label,表单项默认为输入框,scopedSlots为表单项插槽。//表单项queryForms:[{dataKey:'nick
- element+vue 之 v-limit 按钮操作权限
jiojio在学习勒
elementvue.js前端javascript
1.新建一个permission.js文件importstorefrom'@/store'exportdefault{inserted:function(el,binding){const{perms:limits}=store.state.userconst{value:params}=bindingif(!limits.length)returnif(params&&Array.isArray
- element+vue 之图片放大器
jiojio在学习勒
elementvue.js前端javascript
1.安装插件npminstallvue-photo-zoom-pro2.main.js导入//放大镜importVuePhotoZoomProfrom'vue-photo-zoom-pro'Vue.use(VuePhotoZoomPro)3.页面使用changeImg(val){this.imgUrl=this.imgList[val];},```
请叫我欧皇i
vue2Elementvue.jsjavascriptelementui
目录1-关于el-table复选框中表头和内容不对齐问题2-日期选择器传值给后端格式不对3-获取表格的当前行数据#default="{row}"4-一键清空表单数据6.表格的排列7.关于某些时候el-table超出内容区后不显示进度条的问题8.关于el-button只用来跳转路由地址,不传参9-局部插件导入(连写)10.关于el-tabs进行组件切换的时候闪屏11.el-date-picker超出
- element+vue表格点击变成输入框并获取焦点(可编辑状态)
浪漫胡渣男孩
javascriptvue.js
完整html内容{{scope.row[val.value]}}data中定义内容rowIndex:-1,//行索引columnIndex:-1,//列索引currentPage:1,pageSize:10,total:0,theadList:[{name:'合同编号',value:'contractNo',w:'110'},{name:'合同简码',value:'contractShortCod
- element+vue table上移+下移 拖拽
jiojio在学习勒
elementvue.js前端javascript
//安装npminstallsortablejs--save上移下移//在需要编写排序的页面引入sortablejs依赖importSortablefrom'sortablejs';data(){return{sortable:null,orderSort:false,data:[],}}methods:{//上移handleUp(item,index){this.statisticsChexkb
- element+vue table表格全部数据和已选数据联动
jiojio在学习勒
elementvue.jsjavascript前端
1.组件TableChoose全部{{labelTitle}}已选择{{labelTitle}}禁用启用{{ROOM_TYPE[scope.row.type]}}{{ROOM_TYPE[scope.row.type]}}{{scope.row[item.prop]}}importtableMixinfrom"@/mixin/tableMixin";import{getDictionaries,di
- element+vue 表格行拖拽功能
biubiu学习日记
vue.js前端javascript
解决方案使用sortable.js步骤一:安装npminstallvuedraggable步骤二:引入importSortablefrom'sortablejs';步骤三:el-table添加row-key属性,外层包一层sortableDiv拖拽的盒子名字sortableDiv实例:下图的重点:1.el-table添加row-key属性,2.外层包一层sortableDiv,3.图标drag-i
- element+vue 之动态form
jiojio在学习勒
elementvue.js前端javascriptelementui
1.页面部分-->仅支持JPG、JPEG、PNG、BMP格式文件{{it.name}}2.数据格式"decisionConditionList":[{"conditionCode":"carHygiene",//表单键"conditionName":"车辆卫生",//表单名称"inputType":5,//表单类型"conditionValueList":["是"],//表单值"required"
- element+vue 之预览pdf组件
jiojio在学习勒
elementvue.jspdf前端
1.组件previewPdfexportdefault{props:{drawerName:{type:String},drawerVal:{type:Boolean,default:()=>false},url:{type:String,default:()=>''}},data(){return{direction:'rtl'}},methods:{drawerClose(){this.url
- element+vue之 路由嵌套 iframe
jiojio在学习勒
elementvue.jsjavascriptnode.js
在vue开发项目的过程中,需要在自己的页面框架中,引用别人做的页面功能第一步router.js第二步在view下建一个IFrame》》IFrame.vue页面第三步在store文件下建一个iframe.js文件第一步router.js/*eslint-disable*/importVuefrom'vue'importRouterfrom'vue-router'importErrorfrom"./.
- Element+Vue实现动态表单(多个下拉框组件)
LL金盆
Vue学习vue.jsjavascript前端
需求表单的内容为巡检计划,巡检计划可以选择多个巡检点位,每个巡检点位可以选择多个设备和对应操作。最终效果图点击加号图标增加一个下拉框减号图标删除对应下拉框下拉框备选项目相同点击设置动作按钮,弹出可编辑表格,可以为该巡检点位设置多个动作表格每行内容可编设别名称下拉框和设备动作下拉框联动操作按钮可对选项进行上下排序代码实现定义表单结构精简了无关代码patrolContent元素个数控制下拉框的个数循环
- 在vue中使用Echarts绘制叠堆折线面积图(可切换叠堆柱状图)
Wh1T3ZzT
EChartsechartsvue.jsjavascript
文章目录效果一、全局引入ECharts1.安装ECharts2.main.js全局引入二、页面中使用1.创建可视化图表的存放位置2.渲染ECharts总结toolboxECharts鼠标事件效果我这里用的框架是Element+vue,将可视化图表用card卡片包起来,这个叠堆折线面积图主要实现的功能有:1.默认进入时看到的是叠堆折线面积图,在点击对应的元素切换显示该元素的详情,比如我这里点仓库库存
- 自动化早已不是那个自动化了,谈一谈自动化测试现状和自我感受……
小兮说测试
自动化测试软件测试自动化python自动化测试软件测试
前言从2017年6月开始接触自动化至今,已经有好几年了,从17年接触UI自动化(unittest+selenium)到18年接触接口自动化(unittest+requests)再到18年自己编写自动化平台(后台使用python的flask,前端使用element+vue,没有第三方自动化框架),不断的学习成长,加深了对自动化测试的理解,这边就总结下自己对自动化测试的认识。首先,吐槽一下很多实际自动
- element+vue之 table树形数据
jiojio在学习勒
elementvue.js前端javascript
1.效果图2.后端数据数据allocateResult是作为树形结构得子级uuid是绑定row-key用的必须唯一且不能为空数据接收3.table部分
- 自动化早已不是那个自动化了,谈一谈自动化测试现状和自我感受……
不是Y君
前言从2017年6月开始接触自动化至今,已经有2年多了,从17年接触UI自动化(unittest+selenium)到18年接触接口自动化(unittest+requests)再到18年自己编写自动化平台(后台使用python的flask,前端使用element+vue,没有第三方自动化框架),不断的学习成长,加深了对自动化测试的理解,这边就总结下自己对自动化测试的认识。首先,吐槽一下很多实际自动
- 自动化早已不是那个自动化了,谈一谈自动化测试现状和自我感受……
静姐说测试
自动化测试软件测试技术分享自动化测试软件测试测试工程师职场和发展
前言从2017年6月开始接触自动化至今,已经有好几年了,从17年接触UI自动化(unittest+selenium)到18年接触接口自动化(unittest+requests)再到18年自己编写自动化平台(后台使用python的flask,前端使用element+vue,没有第三方自动化框架),不断的学习成长,加深了对自动化测试的理解,这边就总结下自己对自动化测试的认识。首先,吐槽一下很多实际自动
- springboot,mybatisPlus(MP),element+vue的axios实现条件分页查询功能
程序小白学编程
后端restfulspringbootvue.jselementui
分页功能的实现后端中使用的是springboot与mybatisPlus中的MP,省去了我们写sql语句,确实挺好用的。前端使用的是element+vue的axios异步来实现我们的分页。一、要在springboot中使用mabatisPlus我们需要引入mybatisPlus的坐标。我们使用https://start.spring.io的网址搭建springboot时里面没有mybatisPlu
- vue中对监听esc事件和退出全屏问题的解决方案
目录对监听esc事件和退出全屏问题的解决下面是全屏的完整代码element+vue全屏与退出全屏(监听ESC改样式)一、效果二、代码对监听esc事件和退出全屏问题的解决vue的项目中使用了h5的全屏API,在使用esc键退出全屏时,默认调用“document.exitFullScreen()”直接退出,想要做监听并设置业务,需要监听屏幕size变化来出发事件mounted(){ letth
- element+vue 动态多表头与动态插槽
一、需求满足用户自行配置表格,减少对系统代码维护量。二、参考文章https://blog.csdn.net/weixin_...三、效果表头json:说明:scope(字段名可另取)为是否对该列开启插槽。propChildren为多级表头。tableHead:[{key:'1',label:'日期',prop:'date',width:'100',headerAlign:'center',alig
- 使用Element+vue实现开始与结束时间限制
本文实例为大家分享了用Element+vue实现开始与结束时间限制的具体代码,供大家参考,具体内容如下效果pickerOptionsStart:{},pickerOptionsEnd:{},startDate:'',endDate:'',changeStart(){//限制开始时间if(this.endDate!=''){if(this.endDate{if(this.startDate){ret
- 自动化早已不是那个自动化了,谈一谈自动化测试现状和自我感受……
测试萌萌
从2017年6月开始接触自动化至今,已经有2年多了,从17年接触UI自动化(unittest+selenium)到18年接触接口自动化(unittest+requests)再到18年自己编写自动化平台(后台使用python的flask,前端使用element+vue,没有第三方自动化框架),不断的学习成长,加深了对自动化测试的理解,这边就总结下自己对自动化测试的认识。在这里插入图片描述首先,吐槽一
- 使用element+vue使用总结
浪漫胡渣男孩
1.表格默认展开,在两端同样代码的情况下一个为3默认展开,另一个不能默认展开(未解决原因),第一个吧箭头的css样式去掉了2.如果要使用的表单的重置方法需要给每个el-form-item添加正确的prop才可以使用3.用v-for循环el-form-item时候如果需要表单验证则不可以使用(验证会出错,可能无验证,可能符合一个字段的验证时也会出现错误提示)4.input使用:value时候不能输入
- 自动化早已不是那个自动化了,谈一谈自动化测试现状和自我感受……
测试猿David
测试软件测试工程师自动化测试测试工程师软件测试黑盒测试单元测试python
从2017年6月开始接触自动化至今,已经有2年多了,从17年接触UI自动化(unittest+selenium)到18年接触接口自动化(unittest+requests)再到18年自己编写自动化平台(后台使用python的flask,前端使用element+vue,没有第三方自动化框架),不断的学习成长,加深了对自动化测试的理解,这边就总结下自己对自动化测试的认识。首先,吐槽一下很多实际自动化经
- 百度网盘文件上传分析
7086cmd
HTML前端恰饭
今天高中复课,本小学生呆在家里没有事情可做,又去关注了最喜欢的前端。看到面试题,有一道是著名的“文件上传”,年幼无知的我以为如下图,文件托托上去就好了,没想到……以为也就是HTML代码,这里把网址改一下就可以了。其实不是的,使用Element+Vue以后,需要请求+服务端处理。还讲到了“秒传”,对,就是“臭名昭著”的限速者——百度网盘,其算法倒是可以。这个组件库,我感觉是使用elementUI做的
- 用我这些年的经历告诉你无力吐槽的自动化现状……
arthur
测试
从2017年6月开始接触自动化至今,已经有2年多了,从17年接触UI自动化(unittest+selenium)到18年接触接口自动化(unittest+requests)再到18年自己编写自动化平台(后台使用python的flask,前端使用element+vue,没有第三方自动化框架),不断的学习成长,加深了对自动化测试的理解,这边就总结下自己对自动化测试的认识。首先,吐槽一下很多实际自动化经
- element+vue鼠标右键显示菜单
前端杨小白
VUE.JS
加载新增配置删除关闭exportdefault{data(){return{menuVisible:false,productTypes:[],defaultProps:{children:'children',label:'name'}}},methods:{//加载树的数据loadTreeData(){this.$http.get("/product/productType/tree").th
- windows下源码安装golang
616050468
golang安装golang环境windows
系统: 64位win7, 开发环境:sublime text 2, go版本: 1.4.1
1. 安装前准备(gcc, gdb, git)
golang在64位系
- redis批量删除带空格的key
bylijinnan
redis
redis批量删除的通常做法:
redis-cli keys "blacklist*" | xargs redis-cli del
上面的命令在key的前后没有空格时是可以的,但有空格就不行了:
$redis-cli keys "blacklist*"
1) "blacklist:12:
[email protected]
- oracle正则表达式的用法
0624chenhong
oracle正则表达式
方括号表达示
方括号表达式
描述
[[:alnum:]]
字母和数字混合的字符
[[:alpha:]]
字母字符
[[:cntrl:]]
控制字符
[[:digit:]]
数字字符
[[:graph:]]
图像字符
[[:lower:]]
小写字母字符
[[:print:]]
打印字符
[[:punct:]]
标点符号字符
[[:space:]]
- 2048源码(核心算法有,缺少几个anctionbar,以后补上)
不懂事的小屁孩
2048
2048游戏基本上有四部分组成,
1:主activity,包含游戏块的16个方格,上面统计分数的模块
2:底下的gridview,监听上下左右的滑动,进行事件处理,
3:每一个卡片,里面的内容很简单,只有一个text,记录显示的数字
4:Actionbar,是游戏用重新开始,设置等功能(这个在底下可以下载的代码里面还没有实现)
写代码的流程
1:设计游戏的布局,基本是两块,上面是分
- jquery内部链式调用机理
换个号韩国红果果
JavaScriptjquery
只需要在调用该对象合适(比如下列的setStyles)的方法后让该方法返回该对象(通过this 因为一旦一个函数称为一个对象方法的话那么在这个方法内部this(结合下面的setStyles)指向这个对象)
function create(type){
var element=document.createElement(type);
//this=element;
- 你订酒店时的每一次点击 背后都是NoSQL和云计算
蓝儿唯美
NoSQL
全球最大的在线旅游公司Expedia旗下的酒店预订公司,它运营着89个网站,跨越68个国家,三年前开始实验公有云,以求让客户在预订网站上查询假期酒店时得到更快的信息获取体验。
云端本身是用于驱动网站的部分小功能的,如搜索框的自动推荐功能,还能保证处理Hotels.com服务的季节性需求高峰整体储能。
Hotels.com的首席技术官Thierry Bedos上个月在伦敦参加“2015 Clou
- java笔记1
a-john
java
1,面向对象程序设计(Object-oriented Propramming,OOP):java就是一种面向对象程序设计。
2,对象:我们将问题空间中的元素及其在解空间中的表示称为“对象”。简单来说,对象是某个类型的实例。比如狗是一个类型,哈士奇可以是狗的一个实例,也就是对象。
3,面向对象程序设计方式的特性:
3.1 万物皆为对象。
- C语言 sizeof和strlen之间的那些事 C/C++软件开发求职面试题 必备考点(一)
aijuans
C/C++求职面试必备考点
找工作在即,以后决定每天至少写一个知识点,主要是记录,逼迫自己动手、总结加深印象。当然如果能有一言半语让他人收益,后学幸运之至也。如有错误,还希望大家帮忙指出来。感激不尽。
后学保证每个写出来的结果都是自己在电脑上亲自跑过的,咱人笨,以前学的也半吊子。很多时候只能靠运行出来的结果再反过来
- 程序员写代码时就不要管需求了吗?
asia007
程序员不能一味跟需求走
编程也有2年了,刚开始不懂的什么都跟需求走,需求是怎样就用代码实现就行,也不管这个需求是否合理,是否为较好的用户体验。当然刚开始编程都会这样,但是如果有了2年以上的工作经验的程序员只知道一味写代码,而不在写的过程中思考一下这个需求是否合理,那么,我想这个程序员就只能一辈写敲敲代码了。
我的技术不是很好,但是就不代
- Activity的四种启动模式
百合不是茶
android栈模式启动Activity的标准模式启动栈顶模式启动单例模式启动
android界面的操作就是很多个activity之间的切换,启动模式决定启动的activity的生命周期 ;
启动模式xml中配置
<activity android:name=".MainActivity" android:launchMode="standard&quo
- Spring中@Autowired标签与@Resource标签的区别
bijian1013
javaspring@Resource@Autowired@Qualifier
Spring不但支持自己定义的@Autowired注解,还支持由JSR-250规范定义的几个注解,如:@Resource、 @PostConstruct及@PreDestroy。
1. @Autowired @Autowired是Spring 提供的,需导入 Package:org.springframewo
- Changes Between SOAP 1.1 and SOAP 1.2
sunjing
ChangesEnableSOAP 1.1SOAP 1.2
JAX-WS
SOAP Version 1.2 Part 0: Primer (Second Edition)
SOAP Version 1.2 Part 1: Messaging Framework (Second Edition)
SOAP Version 1.2 Part 2: Adjuncts (Second Edition)
Which style of WSDL
- 【Hadoop二】Hadoop常用命令
bit1129
hadoop
以Hadoop运行Hadoop自带的wordcount为例,
hadoop脚本位于/home/hadoop/hadoop-2.5.2/bin/hadoop,需要说明的是,这些命令的使用必须在Hadoop已经运行的情况下才能执行
Hadoop HDFS相关命令
hadoop fs -ls
列出HDFS文件系统的第一级文件和第一级
- java异常处理(初级)
白糖_
javaDAOspring虚拟机Ajax
从学习到现在从事java开发一年多了,个人觉得对java只了解皮毛,很多东西都是用到再去慢慢学习,编程真的是一项艺术,要完成一段好的代码,需要懂得很多。
最近项目经理让我负责一个组件开发,框架都由自己搭建,最让我头疼的是异常处理,我看了一些网上的源码,发现他们对异常的处理不是很重视,研究了很久都没有找到很好的解决方案。后来有幸看到一个200W美元的项目部分源码,通过他们对异常处理的解决方案,我终
- 记录整理-工作问题
braveCS
工作
1)那位同学还是CSV文件默认Excel打开看不到全部结果。以为是没写进去。同学甲说文件应该不分大小。后来log一下原来是有写进去。只是Excel有行数限制。那位同学进步好快啊。
2)今天同学说写文件的时候提示jvm的内存溢出。我马上反应说那就改一下jvm的内存大小。同学说改用分批处理了。果然想问题还是有局限性。改jvm内存大小只能暂时地解决问题,以后要是写更大的文件还是得改内存。想问题要长远啊
- org.apache.tools.zip实现文件的压缩和解压,支持中文
bylijinnan
apache
刚开始用java.util.Zip,发现不支持中文(网上有修改的方法,但比较麻烦)
后改用org.apache.tools.zip
org.apache.tools.zip的使用网上有更简单的例子
下面的程序根据实际需求,实现了压缩指定目录下指定文件的方法
import java.io.BufferedReader;
import java.io.BufferedWrit
- 读书笔记-4
chengxuyuancsdn
读书笔记
1、JSTL 核心标签库标签
2、避免SQL注入
3、字符串逆转方法
4、字符串比较compareTo
5、字符串替换replace
6、分拆字符串
1、JSTL 核心标签库标签共有13个,
学习资料:http://www.cnblogs.com/lihuiyy/archive/2012/02/24/2366806.html
功能上分为4类:
(1)表达式控制标签:out
- [物理与电子]半导体教材的一个小问题
comsci
问题
各种模拟电子和数字电子教材中都有这个词汇-空穴
书中对这个词汇的解释是; 当电子脱离共价键的束缚成为自由电子之后,共价键中就留下一个空位,这个空位叫做空穴
我现在回过头翻大学时候的教材,觉得这个
- Flashback Database --闪回数据库
daizj
oracle闪回数据库
Flashback 技术是以Undo segment中的内容为基础的, 因此受限于UNDO_RETENTON参数。要使用flashback 的特性,必须启用自动撤销管理表空间。
在Oracle 10g中, Flash back家族分为以下成员: Flashback Database, Flashback Drop,Flashback Query(分Flashback Query,Flashbac
- 简单排序:插入排序
dieslrae
插入排序
public void insertSort(int[] array){
int temp;
for(int i=1;i<array.length;i++){
temp = array[i];
for(int k=i-1;k>=0;k--)
- C语言学习六指针小示例、一维数组名含义,定义一个函数输出数组的内容
dcj3sjt126com
c
# include <stdio.h>
int main(void)
{
int * p; //等价于 int *p 也等价于 int* p;
int i = 5;
char ch = 'A';
//p = 5; //error
//p = &ch; //error
//p = ch; //error
p = &i; //
- centos下php redis扩展的安装配置3种方法
dcj3sjt126com
redis
方法一
1.下载php redis扩展包 代码如下 复制代码
#wget http://redis.googlecode.com/files/redis-2.4.4.tar.gz
2 tar -zxvf 解压压缩包,cd /扩展包 (进入扩展包然后 运行phpize 一下是我环境中phpize的目录,/usr/local/php/bin/phpize (一定要
- 线程池(Executors)
shuizhaosi888
线程池
在java类库中,任务执行的主要抽象不是Thread,而是Executor,将任务的提交过程和执行过程解耦
public interface Executor {
void execute(Runnable command);
}
public class RunMain implements Executor{
@Override
pub
- openstack 快速安装笔记
haoningabc
openstack
前提是要配置好yum源
版本icehouse,操作系统redhat6.5
最简化安装,不要cinder和swift
三个节点
172 control节点keystone glance horizon
173 compute节点nova
173 network节点neutron
control
/etc/sysctl.conf
net.ipv4.ip_forward =
- 从c面向对象的实现理解c++的对象(二)
jimmee
C++面向对象虚函数
1. 类就可以看作一个struct,类的方法,可以理解为通过函数指针的方式实现的,类对象分配内存时,只分配成员变量的,函数指针并不需要分配额外的内存保存地址。
2. c++中类的构造函数,就是进行内存分配(malloc),调用构造函数
3. c++中类的析构函数,就时回收内存(free)
4. c++是基于栈和全局数据分配内存的,如果是一个方法内创建的对象,就直接在栈上分配内存了。
专门在
- 如何让那个一个div可以拖动
lingfeng520240
html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml
- 第10章 高级事件(中)
onestopweb
事件
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/
- 计算两个经纬度之间的距离
roadrunners
计算纬度LBS经度距离
要解决这个问题的时候,到网上查了很多方案,最后计算出来的都与百度计算出来的有出入。下面这个公式计算出来的距离和百度计算出来的距离是一致的。
/**
*
* @param longitudeA
* 经度A点
* @param latitudeA
* 纬度A点
* @param longitudeB
*
- 最具争议的10个Java话题
tomcat_oracle
java
1、Java8已经到来。什么!? Java8 支持lambda。哇哦,RIP Scala! 随着Java8 的发布,出现很多关于新发布的Java8是否有潜力干掉Scala的争论,最终的结论是远远没有那么简单。Java8可能已经在Scala的lambda的包围中突围,但Java并非是函数式编程王位的真正觊觎者。
2、Java 9 即将到来
Oracle早在8月份就发布
- zoj 3826 Hierarchical Notation(模拟)
阿尔萨斯
rar
题目链接:zoj 3826 Hierarchical Notation
题目大意:给定一些结构体,结构体有value值和key值,Q次询问,输出每个key值对应的value值。
解题思路:思路很简单,写个类词法的递归函数,每次将key值映射成一个hash值,用map映射每个key的value起始终止位置,预处理完了查询就很简单了。 这题是最后10分钟出的,因为没有考虑value为{}的情