element

使用jQuery获取元素的类列表

蹲街弑〆低调 提交于 2020-08-09 22:42:23
问题: Is there a way in jQuery to loop through or assign to an array all of the classes that are assigned to an element? jQuery中是否有一种方法可以循环或将分配给元素的所有类分配给数组? ex. 例如 <div class="Lorem ipsum dolor_spec sit amet">Hello World!</div> I will be looking for a "special" class as in "dolor_spec" above. 我将在上面的“ dolor_spec”中寻找“特殊”类。 I know that I could use hasClass() but the actual class name may not necessarily be known at the time. 我知道我可以使用hasClass(),但是实际的类名可能在那时不一定是已知的。 解决方案: 参考一: https://stackoom.com/question/59Gw/使用jQuery获取元素的类列表 参考二: https://oldbug.net/q/59Gw/Get-class-list-for-element-with-jQuery 来源:

vue elementUi中uolad文件上传和v-viewer相结合实现图片的预览下载和删除功能

泪湿孤枕 提交于 2020-08-09 22:34:07
1.首先安装element ui 和 v-viewer(可以使用cnpm)   npm i element-ui -S   npm i v-viewer -S 2.全局配置element ui 和 v-viewer(main.js中)   import ElementUI from 'element-ui'   import 'element-ui/lib/theme-chalk/index.css'     Vue.use(ElementUI)   import Viewer from 'v-viewer'   import 'viewerjs/dist/viewer.css'   Vue.use(Viewer, {     defaultOptions: {       zIndex: 9999     }   }) 3.页面中使用 <template>   <div>     <el-upload action="action" ref="upload" list-type="picture-card" :auto-upload="false"     accept=".jpg, .jpeg, .png, .gif, .bmp, .JPG, .JPEG, .PBG, .GIF, .BMP" >       <i slot="default" class="el-icon

Python+Selenium练习篇之13-执行JavaScript/多窗口之间切换

我只是一个虾纸丫 提交于 2020-08-09 20:59:53
执行JavaScript 前面文章介绍了ActionChains下的鼠标悬停和右键操作,其实ActionChains还有其他方法,你可以 action = ActionChains,通过这,先初始化一个ActionChains实例对象,然后在action后面输入一个点号,查看支持哪些action方法。本文开始介绍如何执行JS脚本,会用两个例子说明。 示例一,执行js脚本触发一个alert弹出框。 相关脚本代码如下: # coding=utf-8 import time from selenium import webdriver driver = webdriver.Chrome() driver.maximize_window() driver.implicitly_wait( 6 ) driver.get( " https://www.baidu.com " ) time.sleep( 1 ) driver.execute_script( " window.alert('这是一个alert弹框。'); " ) # 注意这里的分号是英文输入法的分号,不能用中文 示例二,执行js脚本来控制浏览器竖向滚动条( 海量免费学习资料, 软件测试交流:1140267353, 还会有同行一起技术交流 ) 打开百度贴吧,然后拖动滚动条到左侧 “地区" # coding=utf-8 import

恕我直言你可能真的不会java第10篇-集合元素归约

痞子三分冷 提交于 2020-08-09 20:39:43
Stream API为我们提供了 Stream.reduce 用来实现集合元素的归约。reduce函数有三个参数: Identity标识 :一个元素,它是归约操作的初始值,如果流为空,则为默认结果。 Accumulator累加器 :具有两个参数的函数:归约运算的部分结果和流的下一个元素。 Combiner合并器(可选) :当归约并行化时,或当累加器参数的类型与累加器实现的类型不匹配时,用于合并归约操作的部分结果的函数。 注意观察上面的图,我们先来理解累加器: 阶段累加结果作为累加器的第一个参数 集合遍历元素作为累加器的第二个参数 Integer类型归约 reduce初始值为0,累加器可以是lambda表达式,也可以是方法引用。 List<Integer> numbers = Arrays.asList(1, 2, 3, 4, 5, 6); int result = numbers .stream() .reduce(0, (subtotal, element) -> subtotal + element); System.out.println(result); //21 int result = numbers .stream() .reduce(0, Integer::sum); System.out.println(result); //21 String类型归约

巧用 display: contents 增强页面语义

烂漫一生 提交于 2020-08-09 20:36:57
display: contents 是一个比较陌生的属性,虽然属于 display 这个基本上是最常见的 CSS 属性,但是 contents 这个取值基本不会用到。但是它早在 2016 年就已经得到了 Firefox 的支持。 本文将深入一下这个有意思的属性值。 基本用法 根据 W3C 对 display: contents 的定义。 The element itself does not generate any boxes, but its children and pseudo-elements still generate boxes and text runs as normal. For the purposes of box generation and layout, the element must be treated as if it had been replaced in the element tree by its contents (including both its source-document children and its pseudo-elements, such as ::before and ::after pseudo-elements, which are generated before/after the element

LeetCode分类题解

℡╲_俬逩灬. 提交于 2020-08-09 20:31:30
欢迎访问个人博客 http://home.znfang.ml 说明 本文主要是将 14种分类题解 进行翻译。这篇博文主要讲了14中类型的LeetCode的题解问题,本文也是在此基础上进行了翻译而已。同时如果要看具体的题目和题解,可以查看本人写的所有分类问题的题目解答- LeetCode分类题解 数组 此类型的题目,没有固定的模式,只能看自己的经验 其中每道题都存在一种暴力解法,如果实在没有更好的解法,可以尝试暴力解法 经典题目(英文) First Missing Positive Rotate Image Spiral Matrix Set Matrix Zeroes Word Search Longest Consecutive Sequence Single Number Contains Duplicate Product of Array Except Self Missing Number Find the Duplicate Number Find All Duplicates in an Array Find All Numbers Disappeared in an Array Circular Array Loop Shortest Unsorted Continuous Subarray Number of Matching Subsequences 滑动窗口

LINQ之路 4:LINQ方法语法

允我心安 提交于 2020-08-09 20:15:34
书写LINQ查询时又两种语法可供选择:方法语法(Fluent Syntax)和查询语法(Query Expression)。 LINQ方法语法是非常灵活和重要的,我们在这里将描述使用链接查询运算符的方式来创建复杂的查询,方法语法的本质是通过扩展方法和Lambda表达式来创建查询。C# 3.0对于LINQ表达式还引入了声明式的查询语法,通过查询语法写出的查询比较类似于SQL查询。本篇会对LINQ方法语法进行详细的介绍。 当然,.NET公共语言运行库(CLR)并不具有查询语法的概念。所以,编译器会在程序编译时把查询表达式转换为方法语法,即对扩展方法的调用。所以使用方法语法会让我们更加接近和了解LINQ的实现和本质,并且一些查询只能表示为方法调用,如检索序列中的最大值、最小值元素的查询,他们在查询语法中就没有对应的实现。但另一方面,查询语法通常会比较简单和易读。不管怎样,这两种语法和互相补充和兼容的,我们可以在一个查询中混合使用方法语法和查询语法。 链接查询运算符 在LINQ介绍中,我们示范了使用单个查询运算符创建的查询。如果需要创建更加复杂的查询,我们可以在表达式之后添加其他查询运算符,产生一个查询链。如下例:查询出所有含有字母”a”的姓名,按长度进行排序,然后把结果全部转换成大写格式。 static void Main( string [] args) { string []

从 0 开始手写一个 Mybatis 框架,三步搞定!

∥☆過路亽.° 提交于 2020-08-09 19:14:46
来源:oschina my.oschina.net/liughDevelop/blog/1631006 继上一篇手写SpringMVC之后《 从0开始手写一个 SpringMVC 框架,向高手进阶! 》,我最近趁热打铁,研究了一下Mybatis。MyBatis框架的核心功能其实不难,无非就是动态代理和jdbc的操作,难的是写出来可扩展,高内聚,低耦合的规范的代码。 本文完成的Mybatis功能比较简单,代码还有许多需要改进的地方,大家可以结合Mybatis源码去动手完善。 1、Mybatis框架流程简介 在手写自己的Mybatis框架之前,我们先来了解一下Mybatis,它的源码中使用了大量的设计模式,阅读源码并观察设计模式在其中的应用,才能够更深入的理解源码(ref:Mybatis源码解读-设计模式总结)。 我们对上图进行分析总结: 1、mybatis的配置文件有2类 mybatisconfig.xml,配置文件的名称不是固定的,配置了全局的参数的配置,全局只能有一个配置文件。 Mapper.xml 配置多个statemement,也就是多个sql,整个mybatis框架中可以有多个Mappe.xml配置文件。 2、通过mybatis配置文件得到SqlSessionFactory 3、通过SqlSessionFactory得到SqlSession

对element-upload二次封装文件图片上传,贼拉好使,不好使吃皮鞋。

依然范特西╮ 提交于 2020-08-09 17:26:07
这个数字………… 起因: 由于最近做的是CMS系统,上传文件,图片功能太多,使用element的文件上传组件,但是每次都需要写,感觉太繁琐,于是有了男人的想法………对 element 的文件上传组件进行了封装 个人认为还是挺全的,如果各位小哥有更好的建议或意见欢迎评论区提出,我会根据实际情况进行更改组件 组件已经上传到了 github 和 npm 组件优势---------->使用方便,比例(80*80),大小(MB),校验(必填项)等,一个参数搞定,记得点赞藏哦 1:增加上传为空校验,可选择是否是必填项 2:自定义为空提示 2:增加上传图片的比例尺寸校验,例如图片:支持图片 === | >= || <= 80*80,80是使用的时候传的 3:规定文件上传大小 4:自定义上传主题:图片或文件 5:自定义上传个数 6:指定文件上传完毕后是否继续显示上传按钮 7:增加一键清空按钮,可以根据参数让他显示不显示 8:文件上传成功后,可自动对你的参数进行赋值 9:是否开启剪裁(还在开发,请持续关注) 10:Hppt: 上传的端口,本地环境,测试环境,上线环境 单选、多选、支持发送 cookie 凭证信息等 github 地址 https://github.com/jasen666/uploadmodel npm 地址 https://www.npmjs.com/package/jasen

docker导出全部镜像

喜你入骨 提交于 2020-08-09 17:14:25
背景 由于工作需要,要一次性导出机器上全部的镜像。 导出命令 #!/bin/sh #docker save $(docker images --format '{{.Repository}}:{{.Tag}}') -o allinone.tar IMAGES=$(docker images --format '{{.Repository}}:{{.Tag}}') for element in ${IMAGES[@]} do echo "saving ${element} ..." docker save ${element} >> allinone.tar echo "${element} saved" done 注意: 1、docker images name 和 tag都为none会报错: Error response from daemon: invalid reference format 参考资料及附录 How to save all Docker images and copy to another machine shell 数组遍历的3种方法 本文由 qingchuwudi 译制或原创,除非另有声明,在不与原著版权冲突的前提下,本作品采用 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 进行许可。 来源: oschina 链接: