element

Vue之element table 后端排序实现 1、如果需要后端排序，需将sortable设置为custom，同时在 Table 上监听sort-change事件，在事件回调中可以获取当前排序的字段名和排序顺序，从而向接口请求排序后的表格数据。 < el-table @ sort-change= 'tableSortChange'> < el-table-column sortable= 'custom' prop= "createTime" label= "创建时间"> </ el-table-column> </ el-table> 2、定义methods监听sort-change事件 tableSortChange(column) { this.listQuery.pageNo = 1 if (column.order === 'descending') { this.listQuery.sortby = column.prop this.listQuery.order = 'desc' } else { this.listQuery.sortby = column.prop this.listQuery.order = 'asc' } this.getList() } 3、通过axios提交请求数据到后端 getList() { this.listLoading =

selenium 网络请求 browser.find_element_by_id("id的name") browser.find_element("") browser.find_element_by_tag_name("标签name") browser.find_element_by_class_name("classname") browser.find_element_by_css_selector("css选择器，cssname") browser.find_element_by_partial_link_text("带有链接的文本，获取其跳转地址，后面跟click事件可以模拟跳转") from selenium import webdriver obj = webdriver.PhantomJS(executable_path="D:\Python27\Scripts\phantomjs.exe") obj.set_page_load_timeout(5) try: obj.get('http://www.baidu.com') print obj.find_element_by_id("cp").text # 获取元素的文本信息 obj.find_element_by_id('kw').clear() #用于清除输入框的内容 obj.find_element_by_id

什么是泛型？我们在工程代码中一定看过T，K，V等等，这个就是泛型了，那我们看看官网是怎么说的这个@泛型(Generic) When you take an element out of a Collection , you must cast it to the type of element that is stored in the collection. Besides being inconvenient, this is unsafe. The compiler does not check that your cast is the same as the collection's type, so the cast can fail at run time. Generics provides a way for you to communicate the type of a collection to the compiler, so that it can be checked. Once the compiler knows the element type of the collection, the compiler can check that you have used the collection consistently and can

泛型方法 你可以写一个泛型方法，该方法在调用时可以接收不同类型的参数。根据传递给泛型方法的参数类型，编译器适当地处理每一个方法调用。 下面是定义泛型方法的规则： 所有泛型方法声明都有一个类型参数声明部分（由尖括号分隔），该类型参数声明部分在方法返回类型之前（在下面例子中的<E>）。 每一个类型参数声明部分包含一个或多个类型参数，参数间用逗号隔开。一个泛型参数，也被称为一个类型变量，是用于指定一个泛型类型名称的标识符。 类型参数能被用来声明返回值类型，并且能作为泛型方法得到的实际参数类型的占位符。 泛型方法体的声明和其他方法一样。注意类型参数只能代表引用型类型，不能是原始类型 （像int,double,char的等）。 public class GenericMethodTest { // 泛型方法 printArray public static < E > void printArray( E[] inputArray ) { // 输出数组元素 for ( E element : inputArray ){ System.out.printf( "%s " , element ); } System.out.println(); } public static void main( String args[] ) { // 创建不同类型数组： Integer, Double 和

前言：这个网站持续更新中...，有网上预览，github上也有源码，喜欢记得star哦，欢迎留言讨论。 网站地址： 我的个人vue+element ui demo网站 github地址： yuleGH github (喜欢记得star哦) 附：element ui 文件下载地址 https://unpkg.com/element-ui@2.4.7/lib/theme-chalk/index.css https://unpkg.com/element-ui@2.4.7/lib/theme-chalk/fonts/element-icons.woff https://unpkg.com/element-ui@2.4.7/lib/theme-chalk/fonts/element-icons.ttf https://unpkg.com/element-ui@2.4.7/lib/index.js 这里就贴图展示一下（ps：图片可能不是最新的，建议直接看网站）： 一、关于我 关于网站：致力于将平时自己用到的记录下来，形成demo...查看源码请到github，喜欢记得star哦 二、表格相关 1、所有的打印数据，均在打印区里。 表格上是否有钱这列是el-checkbox，绑定了v-model 2、同样借用element官网上的demo数据，但是和官网上的不同 三、弹出框相关 1

一、一般的遍历数组的方法: var array = [1,2,3,4,5,6,7 ]; for ( var i = 0; i < array.length; i) { console.log(i,array[i]); } 二、 用for in的方遍历数组 for (let index in array) { console.log(index,array[index]); }; 三、 forEach array.forEach(v=> { console.log(v); }); array.forEach（function(v) { console.log(v); }); 四、 用for in不仅可以对数组,也可以对enumerable对象操作 var A = {a:1,b:2,c:3,d:"hello world" }; for (let k in A) { console.log(k,A[k]); } 五、 在ES6中,增加了一个for of循环,使用起来很简单 for (let v of array) { console.log(v); }; let s = "helloabc"; for(let c of s) { console.log(c); } 总结来说:for in总是得到对像的key或数组,字符串的下标,而for of和forEach一样,是直接得到值 结果for

Upload 上传组件 自定义上传 使用http-request属性 覆盖默认的上传行为，会向自己定义的方法传入一个当前上传实例， 要显示进度条就需要手动调用onProgress(e)方法 { action:"" data:undefined file:File filename:"file" headers:Object onError:onError(err) onProgress:onProgress(e) onSuccess:onSuccess(res) withCredentials:false } 实现进度条代码（这里贴出axios的代码） let form = new FormData(); //uploader为之前提到的实例 form.append("file", uploader.file); axios .post(url,form, { headers: { "Content-Type": "multipart/form-data" }, onUploadProgress: progressEvent => { let percent=(progressEvent.loaded / progressEvent.total * 100) | 0 //调用onProgress方法来显示进度条，需要传递个对象 percent为进度值 uploader

函数表达式 函数又两种定义方式: ①.函数声明 它有个特性叫 函数声明提升.可以把这个声明放到最后面,前面调用不会报错. var ret = abc(); function abc(){return "abc";} ②.就是本页重点说的 函数表达式 它不具有所谓的"提升",所以一定先定义好,再在下面调用才行. 函数表达式有几种方式: 赋给变量 , 作为返回值 , 作为函数参数 创建了一个匿名函数(也叫lambda函数,拉姆达) var func = function(){} //赋给变量. function outer(){ return function( arg ){ // 作为返回值 console.log(arg); } } 以下写法时极其不好的 : if(condition){function func_a(){}} else{function func_b(){}} 但可以用函数表达式改写 var func ; if(condition){func = function(){}} else{func = function(){}} 函数表达式 在递归中的写法 经典阶乘函数 提到过一种 使用 arguments.callee 的用法,用于把实现和函数名称解耦. 但是在严格模式下,会报错.因此可以用下面的形式来折衷处理. var func = (function

前提科普： 深拷贝/ 浅拷贝 有指针的情况下，浅拷贝只是增加了一个指针指向已经存在的内存，而深拷贝就是增加一个指针并且申请一个新的内存，使这个增加的指针指向这个新的内存。 加载因子 加载因子是表示Hsah表中元素的填满的程度.若:加载因子越大,填满的元素越多,好处是,空间利用率高了,但:冲突的机会加大了. 反之,加载因子越小,填满的元素越少,好处是:冲突的机会减小了,但:空间浪费多了. 冲突的机会越大,则查找的成本越高.反之,查找的成本越小.因而,查找时间就越小. 因此,必须在 "冲突的机会"与"空间利用率"之间寻找一种平衡与折衷. 这种平衡与折衷本质上是数据结构中有名的"时-空"矛盾的平衡与折衷. 一、继承层次图 二、List 使用方法说明 List 元素有序 可重复 允许null 1 ArrayList 方法说明（线程不安全） 1.1 方法 1 // 构造器 2 4 构造一个具有指定初始容量的空列表。 5 public ArrayList( int initialCapacity) 6 7 构造一个初始容量为 10 的空列表。 8 public ArrayList() 9 10 构造一个包含指定 collection 的元素的列表，这些元素是按照该 collection 的迭代器返回它们的顺序排列的。 11 public ArrayList(Collection<?