element

前言 　　最近项目需要批量上传附件，查了下资料，网上很多但看着一脸懵，只贴部分代码，介绍也不详细，这里记录一下自己的采坑与多种实现，以免以后忘记。 　　这里先介绍下FormData对象，以下内容摘自：https://developer.mozilla.org/zh-CN/docs/Web/API/FormData 　　XMLHttpRequest Level 2添加了一个新的接口 FormData .利用 FormData对象 ,我们可以通过JavaScript用一些键值对来模拟一系列表单控件,我们还可以使用XMLHttpRequest的 send() 方法来异步的提交这个"表单".比起普通的ajax,使用 FormData 的最大优点就是我们可以异步上传一个二进制文件. 　　在我的 自定义input文件上传样式 里就已经实现里单文件上传，并且实现了自定义input样式；如果构造FormData对象是传入表单js对象，formData会自动注入表单里的值；如果是new一个空对象，然后手动append的表单类型为file时要注意：这里append进去的是File对象，而不是FileList对象 　　 效果 　　先看一下大概效果： 代码编写 　　controller有两种方法：三种方式调的都是用一个接口 /** * 批量上传 */ @PostMapping("upload")

ArrayList的特性 ArrayList内部使用数据作为存储结构，ArrayList可以理解为数组的扩展对象，封装了常用的和非常用的操作数组的方法。以及当数组长度不足以保存数组时，自动扩容数组，通常ArrayList有如下特点： 数据按顺序存储； 根据索引查询数据的时间复杂度是O(1)； 在数组中间部分根据索引写入或删除元素效率低； 写入数组时若数组长度不足则会触发扩容； ArrayList允许保存NULL； ArrayList是非线程安全的设计； 下面来阅读源码，证明这几个特性。 ArrayList源码分析 重要成员变量 /** * ArrayList默认的容量长度 */ private static final int DEFAULT_CAPACITY = 10; /** * 定义一个空数组对象 */ private static final Object[] EMPTY_ELEMENTDATA = {}; /** * 当ArrayList中没有任何对象时，使用该变量赋值，是一个默认的缺省空数组对象 * 用于无参构造函数为elementData赋值，或判断数组是否是缺省值 */ private static final Object[] DEFAULTCAPACITY_EMPTY_ELEMENTDATA = {}; /** * ArrayList中真正保存数据的数组 */

关于scroll 使用scroll可以动态得到元素的大小、滚动距离等。 element.scrollTop——返回被卷去的上侧距离，返回数值不带单位； element.scrollLeft——返回卷去的左侧距离，返回数值不带单位； element.scrollWidth——返回自身实际宽度，不含边框，不带单位； element.scrollHeight——返回自身实际高度，不含边框，不带单位。 案例分析： 1.原先侧边栏是绝对定位； 2.当页面滚动到一定位置，侧边栏改为固定定位； 3.页面继续滚动，会让返回顶部显示出来。 4.需要用到页面滚动事件scroll，因为是页面滚动，所以事件源是document； 5.滚动到某个位置，就是判断页面被卷去的上部值； 6. 页面 被卷去的头部可以通过window.pageYOffset获得 ，如果被卷去的是左侧用window.pageXOffset； 7.注意， 元素 被卷去的头部是element.scrollTop 。 效果： 代码： 1 <! DOCTYPE html > 2 < html lang ="en" > 3 < head > 4 < meta charset ="UTF-8" > 5 < title ></ title > 6 < style > 7 * { 8 margin : 0 ; 9 padding : 0 ; 10 }

element-ui中有详细的各种表格及表格方法。也有表格展开出现二级的样式，但是却没有表格嵌套二级表格的方案，于是就自己写了一个，样式图如下： 展开后如下 这就是一个普通的二级表格嵌套，用的是el-table中的type="expand"； HTML代码如下： <div class = " service-center " > <el- table border :data = " tableData " @expand -change= " expandChange " v -loading= " loading " style = " width: 100% " > <el-table-column type= " expand " > <template slot-scope= " scope " > <el-table :data= " scope.row.children " style= " width: calc(100% - 47px) " class = " two-list " > <el-table-column type= " selection " width= " 55 " ></el-table-column> <el-table-column prop= " city_name " label= " 城市 " ></el-table-column>

问题： It is possible to toggle the visibility of an element, using the functions .hide() , .show() or .toggle() ? 是可能的切换元件的可见性，使用函数 .hide() .show() 或 .toggle() How would you test if an element is visible or hidden? 您将如何测试元素是可见还是隐藏？ 解决方案： 参考一： https://stackoom.com/question/kOD/如何检查jQuery中是否隐藏了元素 参考二： https://oldbug.net/q/kOD/How-do-I-check-if-an-element-is-hidden-in-jQuery 来源： oschina 链接： https://my.oschina.net/u/4438370/blog/4446434

转载自： https://blog.csdn.net/FrankieHello/article/details/103510118 一：基本概念 （一）点积（dot product) 又称为数量积、标量积（scalar product）或者内积（inner product） 它是指实数域中的两个向量运算得到一个实数值标量的二元运算。 举例： （二）矩阵乘法 两个运算的矩阵需要满足矩阵乘法的规则，即需要前一个矩阵的列与后一个矩阵的行相匹配。 总之：上面的两个概念都是针对向量或者矩阵的运算，需要和标量的计算区分开来。 二：dot运算 如果参与运算的两个一维数组，那么得到的结果是两个数组的内积（inner product）； 可以看着没有进行转置的矩阵乘法。 注意：两个向量必须同维度 如果参与运算的是两个二维数组，那么得到的结果是矩阵乘积（matrix multiplication），两个参与运算的矩阵需要满足矩阵乘法的规则，但是官方更推荐使用np.matmul()和@用于矩阵乘法。 三： np.multiply() 和 * 星号和np.multiply()方法是针对的是标量的运算，当参与运算的是两个数组时，得到的结果是两个数组进行对应位置的乘积（element-wise product），输出的结果与参与运算的数组或者矩阵的大小一致。 四： np.matmul() 和 @

Jmeter是一款优秀的开源测试工具， 是每个资深测试工程师，必须掌握的测试工具，熟练使用Jmeter能大大提高工作效率。 熟练使用Jmeter后， 能用Jmeter搞定的事情，你就不会使用LoadRunner了。 【小坦克Jmeter教程】，将会覆盖Jmeter的各个功能，并且会通过丰富的实例，让读者快速掌握Jmeter的各种用法 。 本文将通过一个实际的测试例子， 来讲解Jmeter的基本用法。本文的最后提供了本篇文章的脚本。 不喜欢看文章的同学直接看脚本也能看懂 阅读目录 Jmeter介绍 如何学好Jmeter Jmeter下载和运行 实际测试的例子 第一步: 新建Thread Group 第二步: 新建HTTP Request 第三步: 新建HTTP Header Manager 第四步: 新建 View Results Tree 第五步: 运行测试，查看结果 第六步: 添加Assertion和Assertion Results 第七步: 使用用户自定义变量 第八步: 关联 源代码下载 Jmeter 介绍 Jmeter 是一款使用Java开发的，开源免费的，测试工具， 主要用来做功能测试和性能测试（压力测试/负载测试）. 而且用Jmeter 来测试 Restful API, 非常好用。 如何学好Jmeter 如果你用Jmeter去对Web进行功能测试，或者性能测试。

　　　我们在做自动化的时候应该都听过PO模型，那么什么是PO模型呢？PO模型在自动化中的作用是什么呢？ PO模型 PO其实就是：、Page Object Model，也称作为POM模型，PO其实是一种设计模式，已经在自动化测试中流行起来，以增强测试维护并减少代码重复。页面对象是面向对象的类，用作页面的接口和被测设备。 然后，只要测试需要与该页面的UI进行交互，这些测试便会使用该页面对象类的方法，其好处在于，如果页面的UI发生了更改，则无需更改测试本身，只需更改其中的代码即可。页面对象需要更改。 随后，所有支持该新UI的更改都位于一个位置。其实说到低就是一句话：把每一个页面当作一个类，把页面上的元素信息和代码操作分离开，然后方面后面我们进行管理代码和元素内容 PO分层 PO分层也就是对我们自动化代码进行分层具体可以分为以下基层 1、基础层：封装一些定位方法，点击，输入，滑动等操作 2、公用层：获取元素方法，操作元素方法，获取CMD信息等方法 3、业务层：页面元素信息。 4、逻辑层：一些功能，比如登录，注册。 5、数据层：测试信息存放地方 emmm，这里是安静这边自身的了解，当然可能每个人对PO分层的理解不同，可能大佬们分的比我这里更加详细。（一起分享，共同学习） 这里安静简单拿项目来进行实际介绍下PO内容 首先我们先看以前如何编写测试用例的 # coding:utf-8 from

内容概述 本系列“vue项目中使用bpmn-xxxx”分为七篇，均为自己使用过程中用到的实例，手工原创，目前陆续更新中。主要包括vue项目中bpmn使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。如果转载或通过爬虫直接爬的，格式特别丑，请来原创看： 我是作者原文 前情提要 上一节我们讨论了将xml中的节点属性，转成前端常用的json格式。这一篇，我们来讨论更改了json后，如何写入到xml中去。首先，我们通过一张图看看流程图xml和json结构的对应关系。一定要仔细看，这张图理解了，这篇文章就理解一半了。 思路分析 xlm中，属性包裹在<bpmn:extensionElements>中，下一层分别是<camunda:inputOutput>和<camunda:inputParameter>，inputParameter的下一层，会有三种格式。上一节我们读取属性也是按照这个顺序，层层遍历拿到的属性值。 所以，我们本次的出发点，是根据json各字段的属性类型，从里向外为<bpmn:extensionElements>添加内容。步骤如下： 1.elementRegistry.get 和节点id找到节点实例element，因为写入xml的时候需要知道为哪个节点写属性 2.bpmnFactory.create ，顾名思义，作用为创建标签

作者：徐麟 历年录取率 可能很多经历过高考的人都不知道高考的全称，高考实际上是普通高等学校招生全国统一考试的简称。从1977年国家恢复高考制度至今，高考经历了许多的改革，其中最为显著的变化就是录取率的显著提升，曾经的“千军万马过独木桥”的场景得到了一定程度的缓解。 我们首先看下1977-2018年历年的录取人数和未录取（落榜）人数变化情况，本文数据均来自于网络公开高考数据： 可以看到1977年恢复高考之后的几年，由于种种原因，高考人数到达了一个比较高的点，随后有所下降。到2000年之后，高考的人数有了进一步的提升，录取人数也随之大幅提升，2008、2009达到了顶峰，2010年之后参与高考的人数趋于平稳。 通过上图也可以发现，早期的高考难度之高，未录取人数是录取人数的数倍之多，而且早期的高考实际上在开始之前有预选的过程，能够参加高考的考生实际上已经经过了一轮大浪淘沙的过程。随着教育改革，越来越多的考生有机会通过高考接受更进一步的教育。 我们通过下面的百分比图，对于录取率的变化进一步加深认知： 部分代码如下： ``` setwd('D:/爬虫/高考') data = read_excel('历年录取率.xlsx') data_year = melt(data,id.vars = '年份',measure.vars = c('录取','未录取'), variable.name=