element

<el-date-picker v-model="searchData.params[search.value]" type="date" :placeholder="search.placeholder" :pickerOptions="search.pickerOptions" :value-format="search.valueFormat" ></el-date-picker> pickerOptions 值 choiceDate:null, pickerOptions:{ onPick: ({ maxDate, minDate }) => { // 把选择的第一个日期赋值给一个变量。 this.choiceDate = minDate.getTime(); // 如何你选择了两个日期了，就把那个变量置空 if (maxDate) this.choiceDate = ""; }, disabledDate: time => { // 如何选择了一个日期 if (this.choiceDate) { // 7天的时间戳 const one = 7 * 24 * 3600 * 1000; // 当前日期 - one = 7天之前 const minTime = this.choiceDate - one; // 当前日期 + one = 7天之后 const maxTime

vue双向绑定 简单理解 <!-- 模板 --> <div id ="test" > <input type ="text" v-model =" msg " ><br> <!-- 指令 --> <input type ="text" v-model =" msg " > <!-- 指令 --> <p> hello {{ msg }} </p> <!-- 大括号表达式 --> </div> <script type ="text/javascript" > const vm = new Vue({ // 配置对象 options // 配置选项 (option) el : '#test' , // element: 指定用 vue 来管理页面中的哪个标签区域 data : { msg : 'tomcat' } }) </script> 当在input输入框实时输入数据时，页面显示的数据也随着改变，这是View--->Dom Listeners --->Model的一个过程 从View到Model的这么一个过程，其实就是以前用Jquery时，给输入框架加上监听事件，Jquery获取监听事件进行一系列操作，把数据返回到后台。而现在VUE把这个监听给直接做好了，不需要我们手动的去绑定。 当后台数据显示到前台页面时，这是Model-->DataBinding-->View的过程，

from selenium import webdriver #import time driver = webdriver.Chrome() # 最小化窗口 # driver.minimize_window() driver.get( " https://www.douban.com/ " ) # time.sleep(4) # 定位iframe元素 iframe=driver.find_element_by_tag_name( " iframe " ) # 切换到iframe子网页 driver.switch_to.frame(iframe) 密码登录 =driver.find_element_by_xpath( ' //li[text()="密码登录"] ' ) 密码登录.click() 用户名 =driver.find_element_by_xpath( ' //input[@id="username"] ' ).send_keys( 'xxx ' ) 密码 =driver.find_element_by_xpath( ' //input[@id="password"] ' ).send_keys( "xxxx " ) 登录 =driver.find_element_by_xpath( ' //a[text()="登录豆瓣"] ' ).click() 来源： oschina

html部分 <el- select v -model="value" multiple collapse - tags ref ="select" @change ="changeLocationValue" //将用到此方法 style ="margin-left: 20px;" placeholder ="请选择角色"> <el- option v - for ="item in options" //options 数据源 :key ="item.id" :label ="item.roleName" //我的label是 roleName :value ="item.id"> //我的value 是 id </el-option> </el-select> data(){ return { options:[ {id: 1,roleName:'dafe' }, {id: 2,roleName:'gged' }, {id: 3,roleName:'dafgddvde' }, {id: 4,roleName:'hjrtb' }, {id: 5,roleName:'fgdcbd' } ], departmentIds:[], departmentNames:[] } } js部分 changeLocationValue(val){ this .departmentIds = [

小伙伴都知道，自动化最重的，又最“难”（因为实战中会碰到定位的各种坑）那就是定位元素。如果不熟练掌握定位，那只怕你比功能测式的小伙伴下班还会要晚！扎心了吧！ Selenium常用定位方式 　　我们在做WEB自动化时，最根本的就是操作页面上的元素，首先我们要能找到这些元素，然后才能操作这些元素。工具或代码无法像我们测试人员一样用肉眼来分辨页面上的元素。那么我们怎么来定位他们呢？ 来坑了！经常有开发人员，没有写元素的id,或者name，你要打开发吗？哈哈， 请一定熟练掌握xpath定位或css定位！！！否则你自动化寸步难行！！ Selenium之iframe定位 　　在 web 应用中经常会出现 iframe 嵌套的应用，假设网站是一栋房子，那么iframe则是房子中的某一个房间，如果你要从房间里拿到东西，那么必须要新进入房间，才能拿到相应的内容。 selenium提供了switch_to.frame()的方法来进入iframe这个房间 selenium提供switch_to_default_content()的方法来退出iframe这个房间 以163邮箱的网站为例，要求：输入用户名和密码，点击登录 网址：https://mail.163.com/ 重点：在iframe操作完，一定要释放该元素。 （简单理解就是说，我要从这个房间出去后才能去其它地方） Selenium之列表定位

在JavaScript中，数组是一个特殊的变量，用于存储不同的元素。它具有一些内置属性和方法，可用于根据需要添加，删除，迭代或操作数。并且了解JavaScript数组方法可以提升你的开发技能。 在本文中，我们将介绍15种关于JavaScript的数组方法，这些方法可以帮助你正确地处理数据。 1.some（） 2. reduce（） 3. Every（） 4. map（） 5. flat（） 6. filter（） 7. forEach（） 8. findIndex（） 9. find（） 10. sort（） 11. concat（） 12. fill（） 13. includes（） 14. reverse（） 15. flatMap（） 注意，大多数情况下，我们将简化作为参数传递的函数。 // Instead of using this waymyAwesomeArray.some(test => { if (test === "d") { return test }})// We'll use the shorter onemyAwesomeArray.some(test => test === "d") 1、some() 此方法为参数传递的函数测试数组。如果有一个元素与测试元素匹配，则返回true，否则返回false。 译者注： some() 不会对空数组进行检测；some

来源： http://rickharrison.github.com/validate.js/ Lightweight JavaScript form validation library inspired by CodeIgniter. No dependencies, just over 1kb gzipped, and customizable! validate.js (development - 10.5kb) validate.min.js (minified - 1.3kb) Example All of the fields were successfully validated! The required field is required. The password field is required. The password confirmation field is required. The terms of service field is required. Required field: Alphanumeric field: Password: Password Confirmation (match password): Email: Min length field (min. 8 chars): Required checkbox

话说这天，我们团队开会讨论了一个问题，不，与其说“讨论”，不如说“争吵”更合适。 背景是这样的： 我们要开发一个 xxx 后台管理系统，这个系统业务复杂、功能又多，大家的争吵集中在“这个系统是否应该用前后端分离的方案”。 这次争吵的问题比较典型，于是我就写了这篇文章。为了大家好理解，把“xxx 后台管理系统”泛化一下，变成： 开发一个大型后台管理系统，应该用前后端分离的技术方案吗？ 先说一下，本文中的观点肯定有人不认同，再加上我对前端技术掌握有限，所以大家批判的看吧。 1. 先审题，冷静的分析一下 前后端分离的优点多多，这不需要多说，大家人人都清楚。 来，讨论之前，我们先一起好好审审题。 结合“ 开发一个大型后台管理系统 ”这个约束条件，冷静的分析一下： • 什么是后台管理系统：首先后台管理系统这个称呼，意味着这是一个 B 端系统 。可以小到部门级应用（客户投诉登记系统、办公设备台账系统），大一点可以是大集团级核心系统（500 强保险公司客服、呼叫中心），可以是 ERP、CRM、OA（SAP、用友、泛微协同），可以是一个 B2C 电商的商城后台、支付网关管理控制台，可以是 Saas 的管理后台（Salesforce、Teambition、Jira），可以大到阿里云控制台…… • 什么是大型：我理解大型系统是指功能模块多、交互复杂，而不是访问量、TPS、数据量大。所以 CMS、OA

问题： In C, we can find the size of an int , char , etc. I want to know how to get size of objects like a string, integer, etc. in Python. 在C语言中，我们可以找到 int ， char 等的大小。我想知道如何在Python中获取对象的大小，例如字符串，整数等。 Related question: How many bytes per element are there in a Python list (tuple)? 相关问题： Python列表（元组）中每个元素有多少个字节？ I am using an XML file which contains size fields that specify the size of value. 我使用的XML文件包含指定值大小的大小字段。 I must parse this XML and do my coding. 我必须解析此XML并进行编码。 When I want to change the value of a particular field, I will check the size field of that value. 当我想更改特定字段的值时，我将检查该值的大小字段。 Here

面向对象的特性 ：封装、继承、多态。在自动化中一样适用，Selenium自动化测试中有一个名字常常被提及PageObject（思想与面向对象的特性相同），通过PO模式可以大大提高测试用例的维护效率。 传统测试脚本的弊端 测试脚本分离，维护成本高 可扩展性差 复用性低等 PageObject设计模式 PO的核心要素： 在PO模式中抽象封装成一个BasePage类，该基类应该拥有一个只实现webdriver实例的属性。 每个一个page都继承BasePage，通过driver来管理本page中元素，将page中的操作封装成一个个的方法。 TestCase继承unittest.Testcase类，并且依赖page类，从而实现相应的测试步骤。 加入我们，群，642830685，领取最新软件测试资料大厂面试和Python自动化、接口、框架搭建学习资料！ 案例 基础案例 前面基础场景选取的是baidu搜索页面（baidu页面简单，不需要搭建测试环境）baidu.py from selenium import webdriver from time import sleep driver = webdriver.Firefox() driver.get("http://www.baidu.com") driver.find_element_by_xpath("//input[@id='kw']"