element

forEach for...of.... for.....in......

谁说我不能喝 提交于 2020-07-27 04:10:24
遍历 Array 可以采用下标循环,遍历 Map 和 Set 就无法使用下标。为了统一集合类型,ES6标准引入了新的 iterable 类型, Array 、 Map 和 Set 都属于 iterable 类型 . for...in...遍历数组时,实际上遍历的是数组的索引。 for....of... 遍历数组时,实际上遍历的是数组元素。 iterable 内置的 forEach 方法,它接收一个函数,每次迭代就自动回调该函数。 var a = [A, B, C] a.forEach(function (element, index, array) { // element: 指向当前元素的值 // index: 指向当前索引 // array: 指向Array对象本身 console.log(element + ', index = ' + index); }); 来源: oschina 链接: https://my.oschina.net/u/3949469/blog/4278889

Vue 在父(子)组件引用其子(父)组件方法和属性

大兔子大兔子 提交于 2020-07-27 02:59:37
Vue 在父 ( 子 ) 组件引用其子 ( 父 ) 组件方法和属性 by: 授客 QQ : 1033553122 开发环境 Win 10 element-ui "2.8.2" Vue 2.9.6 父组件代码 <template> <div> <button @click="callChildMethod()">父组件调用子组件方法</button> <button @click="getChildAttribute()">父组件获取子组件属性</button> <header-part ref="headerChild"></header-part> </div> </template> <script> import HeaderPart from "./HeaderPart"; export default { components: { HeaderPart }, data() { return { title: "父组件" }; }, methods: { callChildMethod() { console.log("父组件中调用子组件printName方法"); this.$refs.headerChild.printName(); }, getChildAttribute() { console.log( "父组件获取子组件title属性值:" + this.

Web自动化测试:对cookie的操作

痴心易碎 提交于 2020-07-27 00:50:50
Cookie,有时也用其复数形式 Cookies,指某些网站为了辨别用户身份、进行 session 跟踪而储存在用户本地终端上的数据(通常经过加密)。在自动化测试过程中,我们如果想要进行免登陆操作的话,可以通过写入cookie的方式来实现,需要注意的是,网站cookie有时效性,对于关闭浏览器后失效的临时cookie网站来说,无法使用cookie来实现免登陆。接下来具体看一看UI自动化中如何对网站cookie进行操作。 关于cookie的方法和使用 如图所示,通过F12查看浏览器所存储的cookie,一个网站存储的cookie有多个,每个cookie都有Nmae、Value、Domain等属性,我们在实际使用webdriver调用的时候,每条cookie存储为字典格式。 1.按名称获取单个cookie。如果找到则返回cookie,否则返回None driver.get_cookie(name) name: 单个的cookie名称 2.返回一组字典,对应于当前会话中可见的cookie。 driver.get_cookies() 3.在当前会话中添加cookie driver.add_cookie(cookie_dict) cookie_dict: 包含单个cookie信息的字典 name:cookie名称 value:cookie名称对应的值 domain:服务器域名 expiry

vue+element-ui JYAdmin后台管理系统模板-集成方案【项目搭建篇2】

青春壹個敷衍的年華 提交于 2020-07-27 00:02:03
项目搭建时间:2020-06-29 本章节:讲述基于vue/cli, 项目的基础搭建。 本主题讲述了: 1、跨域配置 2、axios请求封装 3、eslint配置 4、环境dev,test,pro(开发,测试,线上), run自动调用对应的接口(proxy多代理配置) vue+element-ui JYAdmin 后台管理系统模板-集成方案 从零到一的手写搭建全过程。 该项目不仅是一个持续完善、 高效简洁的后台管理系统模板, 还是一套企业级后台系统开发 集成方案,致力于打造一个 与时俱进、高效易懂、高复用、 易维护扩展的应用方案。 1、安装axios cnpm i axios --save    2、axios封装,调用以及api资源管理 @/serve/axiosResquest.js(axios封装) import axios from 'axios'; axios.interceptors.response.use( response => { return response }, error => { if (error && error.response) { const ERR_CODE_LIST = { //常见错误码列表 [400]: "请求错误", [401]: "登录失效或在其他地方已登录", [403]: "拒绝访问", [404]: "请求地址出错",

Web自动化测试:switch_to包详解:切换handle、frame、alert

风流意气都作罢 提交于 2020-07-26 18:00:20
之前章节,分别对窗口切换(handle)、frame切换、弹窗(alert)切换做了详细的解释,但是我们在写代码的时候发现,这些方法都被编辑器划伤了一条横线,但是方法还是可以正常使用,只是目前的pycharm不推荐你继续这样使用了(有新的方法可以替代它),那如果我们不使用这些方法的话,我们该怎么去完成切换窗口、frame这些操作呢?所以我们来学习一下替代这几个方法的switch_to包。 一、switch_to包的方法详解 在switch_to的基础上,有这么几个方法,鉴于基本上都是之前曾经讲过的,这次把等价的方法也列出来,供大家参考 driver.switch_to.parent_frame() 这是switch_to中独有的方法,可以切换到上一层的frame,对于层层嵌套的frame很有用 案例展示: 163邮箱登录的例子来用新的switch_to方法写一下,并通过观察,我们发现进入这个页面后焦点直接就定位到输入框里了,所以我们可以通过active_element()来定位。 from selenium import webdriver from time import sleep driver = webdriver.Chrome() # 进入163邮箱首页 driver.get(" http://mail.163.com/ ") sleep(2) #

Collection

夙愿已清 提交于 2020-07-26 15:58:05
Collection继承关系图 Collection类 Set、List、Map、Queue使用场景梳理 1 方法摘要 2 boolean add(E e) 3 确保此 collection 包含指定的元素(可选操作)。 4 boolean addAll(Collection<? extends E> c) 5 将指定 collection 中的所有元素都添加到此 collection 中(可选操作)。 6 void clear() 7 移除此 collection 中的所有元素(可选操作)。 8 boolean contains(Object o) 9 如果此 collection 包含指定的元素,则返回 true 。 10 boolean containsAll(Collection<?> c) 11 如果此 collection 包含指定 collection 中的所有元素,则返回 true 。 12 boolean equals(Object o) 13 比较此 collection 与指定对象是否相等。 14 int hashCode() 15 返回此 collection 的哈希码值。 16 boolean isEmpty() 17 如果此 collection 不包含元素,则返回 true 。 18 Iterator<E> iterator() 19 返回在此

【LeetCode】169. Majority Element

假装没事ソ 提交于 2020-07-26 11:48:27
我的个人 微信公众号: Microstrong 微信公众号ID: MicrostrongAI 微信公众号介绍:Microstrong(小强)同学主要研究机器学习、深度学习、计算机视觉、智能对话系统相关内容,分享在学习过程中的读书笔记!期待您的关注,欢迎一起学习交流进步! 知乎主页:https://www.zhihu.com/people/MicrostrongAI/activities Github:https://github.com/Microstrong0305 个人博客:https://blog.csdn.net/program_developer 169. Majority Element Given an array of size n , find the majority element. The majority element is the element that appears more than ⌊ n/2 ⌋ times. You may assume that the array is non-empty and the majority element always exist in the array. Example 1: Input: [3,2,3] Output: 3 Example 2: Input: [2,2,1,1,1,2,2]

使用内置DOM方法或原型从HTML字符串创建新的DOM元素

走远了吗. 提交于 2020-07-26 11:38:36
问题: I have an HTML string representing an element: '<li>text</li>' . 我有一个表示元素的HTML字符串: '<li>text</li>' 。 I'd like to append it to an element in the DOM (a ul in my case). 我想将其附加到DOM中的元素(以我的情况为 ul )。 How can I do this with Prototype or with DOM methods? 如何使用Prototype或DOM方法做到这一点? (I know i could do this easily in jQuery, but unfortunately we're not using jQuery.) (我知道我可以在jQuery中轻松完成此操作,但不幸的是,我们没有使用jQuery。) 解决方案: 参考一: https://stackoom.com/question/24Y3/使用内置DOM方法或原型从HTML字符串创建新的DOM元素 参考二: https://oldbug.net/q/24Y3/Creating-a-new-DOM-element-from-an-HTML-string-using-built-in-DOM-methods-or

如何判断DOM元素在当前视口中是否可见?

点点圈 提交于 2020-07-26 05:48:51
问题: Is there an efficient way to tell if a DOM element (in an HTML document) is currently visible (appears in the viewport )? 有没有一种有效的方法来判断DOM元素(在HTML文档中)当前是否可见(显示在 视口中 )? (The question refers to Firefox) (问题是指Firefox) 解决方案: 参考一: https://stackoom.com/question/WFz/如何判断DOM元素在当前视口中是否可见 参考二: https://oldbug.net/q/WFz/How-to-tell-if-a-DOM-element-is-visible-in-the-current-viewport 来源: oschina 链接: https://my.oschina.net/u/4432649/blog/4319688

Vue 根据鼠标悬停目标元素上方显示、隐藏指定元素交互实现

為{幸葍}努か 提交于 2020-07-25 17:43:33
Vue 根据鼠标悬停目标元素上方显示、隐藏指定元素交互实现 By:授客 QQ:1033553122 开发环境 win10 element-ui "2.13.1" vue "2.6.10" 需求描述 如下,鼠标移动到左侧标签名称时,右侧展示删除按钮,否则不显示 关键实现代码如下: <template> <el-dialog title="项目配置" ...略 > <div class="project-settings-dialog-div"> ...略 <el-tab-pane label="环境配置" name="envSettings"> ...略 <el-tabs ...略 tab-position="left" > <el-tab-pane :key="item.envName" v-for="(item, index) in projectEnvs" :label="item.label" :name="item.envName" > <span slot="label" @mouseenter="onMouseoverEnvDelBtn($event)" @mouseleave="onMouseleaveEnvDelBtn($event)" > <span>{{item.label}}</span> <span class="env-del-btn-span"> <i