05 2022 档案
摘要:前言 通过 jQuery,可以很容易地添加和删除元素。 添加元素 添加元素主要用到四个方法 append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() - 在被选元素之前插入内容 append() 方
阅读全文
摘要:前言 jQuery 可以获取和修改HTML元素的属性和文本内容 text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) attr() - 获取或设置属性 val() - 设置或返回表单字段的值 获取文本 text() 和 html() te
阅读全文
摘要:前言 jQuery 是一个轻量级的"写的少,做的多"的 JavaScript 库。极大地简化了 JavaScript 编程 jQuery 库包含以下功能: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJA
阅读全文
摘要:前言 HTML DOM 可以创建一个新元素,并插入到指定元素的位置 createElement 创建元素 document.createElement() 可以创建一个元素 document.createTextNode() 创建一个文本节点 appendChild() 方法可向节点的子节点列表的末
阅读全文
摘要:前言 textContent、innerText 和 innerHTML 三个方法的使用场景和区别 textContent 和 innerText IE 浏览器最早引入了innerText, 虽然是IE浏览器私有属性,但是其他很多浏览器也支持了。提到IE,必然是坑! 火狐浏览器把innerText换
阅读全文
摘要:前言 根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点: 整个文档是一个文档节点 每个 HTML 元素是元素节点 HTML 元素内的文本是文本节点 每个 HTML 属性是属性节点 注释是注释节点 属性节点 比如有一个p标签元素节点 <p id="p2" class="te
阅读全文
摘要:题目: 给定2个数组(不是有序的),再给定一个目标值target,找到两个数组元素和小于等于目标值target的最大值的所有组合 示例一: 数组a 为[3, 8,5] 数组b 为[2, 1,4] 目标值10 输出:(8,2) 因为 8+2<=10 示例二 数组a为 [5, 7, 2] 数组b为[4,
阅读全文
摘要:前言 通过 HTML DOM,JavaScript 能够访问 HTML 文档中的每个元素,并且可以修改这些元素的属性和文本值 修改 HTML = 改变元素、属性、样式和事件 修改 HTML 元素 修改 HTML DOM 意味着许多不同的方面: 改变 HTML 内容 改变 CSS 样式 改变 HTML
阅读全文
摘要:前言 DOM0 级事件就是 html 元素添加onclick 属性,或者给元素添加onclick事件,但是同元素的同一事件只能绑定一个函数,否则后面的事件会覆盖前面的事件。 如果我们想一个元素绑定多次同一个时间,比如我想绑定2个onclick事件,2个都要生效,于是就有了DOM2 级事件,通过add
阅读全文
摘要:前言 HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。 常用的一些事件 事件名称 作用 onload 通常用于 元素,在页面完全载入后(包括图片、css文件等等。)执行脚本代码。 onunload 用户退出页面。 ( 和 ) onclick 当用户点击某个对象
阅读全文
摘要:2022年《JMeter 性能实战课程》课程,6月15号开学 上课方式:微信群视频在线教学,方便交流 本期上课时间:2022年6月15号 - 2022年9月2号(详情看上课表) 报名费:报名费3500一人(老学员可享优惠价) 联系微信/QQ:283340479 上课表 上课时间安排大小周,小周周三晚
阅读全文
摘要:题目: 小王同学晚上下班打出租车,以他多年的编码经验,发现出租车的计费表有点问题,总是偏大。 后来出租车司机解释说是不喜欢数字4,所以改了计费表,任何跟数字4相关的就直接跳过,其余功能正常: 3再多一块钱就变成5; 23再多一块钱就变成25; 399再多一块钱就变成500 那么问题来了:根据计费表的
阅读全文
摘要:前言 我们平常说的查找元素 和 节点到底有什么区别?为什么有时候返回HTMLCollection ,有时候返回NodeList? HTMLCollection 和 NodeList 的区别又是什么?带着这些问题进入本篇的学习。 节点与元素 根据 W3C 的 HTML DOM 标准,HTML 文档中的
阅读全文
摘要:题目: 输入一个由n个大小写字母组成的字符,按Ascii码值从小到大排序,查找字符串中第k个最小Ascii码值的字母(k>=1) 输入要求: 第一行输入大小写组成的字符串 第二行输入k, k必须大于0,k可以大于字符串长度 输出要求: 输出该字母所在字符串的位置索引,字符串第一个位置索引是为0, k
阅读全文
摘要:前言 如何查找和访问 HTML 页面中的节点元素?也就是我们经常说的定位元素的一些方法。 查询 HTML 节点(元素)一些方法 查找 html 页面上的元素,可以用以下方法 方法 节点类型 getElementById() 通过 id 查找 HTML 元素 getElementsByClassNam
阅读全文
摘要:前言 DOM (Document Object Model) 文档对象模型,通过 HTML DOM,JavaScript 能够访问和改变 HTML 文档的所有元素。 简介 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。 HTML DOM 模型被结构化为
阅读全文
摘要:前言 Symbol 是 ES6 中新添加的特性,生成一个唯一标识符,可用于属性名称、也可用于属性值。目的是消除属性名称冲突。 Symbol 简介 JavaScript 提供了7种基本数据类型:Number 、 String 、 Boolean 、 Object、 null 和 undefined ,
阅读全文
摘要:前言 闭包是面试最喜欢问的一个问题了,面试官最喜欢问: 1.什么是闭包?2.闭包的作用是什么? 什么是闭包? 闭包(closure)是一种保护私有变量的机制,在函数执行时形成私有的作用域,保护里面的私有变量不受外界干扰,即形成一个不销毁的栈环境。 闭包的特性: 函数嵌套函数 内部函数可以访问外部函数
阅读全文
摘要:前言 JavaScript 函数有 4 种调用方式, 每种方式的不同在于 this 的指向不一样。 在Javascript中 this 是保留关键字,一般而言,this指向函数执行时的当前对象。 函数调用 通常情况下我们可以用函数名称加圆括号()调用函数 function fun1(x, y,) {
阅读全文
摘要:前言 JavaScript 函数对参数的值(arguments)没有进行任何的检查。 JavaScript 函数参数与大多数其他语言的函数参数的区别在于:它不会关注有多少个参数被传递,不关注传递的参数的数据类型。 函数未定义参数 如果一个函数为定义参数,但是函数内部却用到了2个参数a和b,那么在调用
阅读全文
摘要:前言 RegExp:是正则表达式(regular expression)的简写。RegExp 对象用于规定在文本中检索的内容。 创建 RexExp 对象 创建正则表达式有两种方式: 第一种:使用字面量创建 RegExp 对象的语法: var p = /pattern/attributes; 第二种:
阅读全文
摘要:前言 JavaScript Date日期对象用于处理日期和时间。 创建日期 有四种方式初始化日期 new Date() // 当前日期和时间 new Date(milliseconds) //返回从 1970 年 1 月 1 日至今的毫秒数 new Date(dateString) new Date
阅读全文
摘要:前言 JavaScript 不区分整数和浮点数,只有一种Number 数字类型。 Number 数字类型 小数点后面的.0的数字会自动省略 var a = 12; // 12 var b = 12.0; // 12 var c = 12.00; // 12 var d = 12.2; // 12.2
阅读全文
摘要:前言 Math 对象允许您执行数学任务。 Math 不是构造函数。Math 的所有属性/方法都可以通过使用 Math 作为对象来调用,而无需创建它 Math 属性 Math 提供了一些属性,可以快速得到一个数学里面的值,如圆周率π(约为3.14),2的平方根约1.414 const x = Math
阅读全文
摘要:前言 JavaScript ES6新增了扩展运算符的语法,扩展运算符(spread)是三个点(...)。 该运算符主要用于,将一个数组转为用逗号分隔的参数序列, 通常用于函数的调用传参。 数组合并 把数组转为分割的参数序列 let a = ["hello", "world", "yoyo"]; co
阅读全文
摘要:前言 ES6 允许在大括号{}里面,直接写入变量和函数,作为对象的属性和方法,书写更加简洁 变量 当做对象的属性 函数 当做对象的方法 对象简化写法 之前我们写一个对象是这样的 const person = { name: 'yoyo', age: 20, address: function ()
阅读全文
摘要:前言 JavaScript ES6 新增解构赋值,可以快读从数组或对象中取出成员 解构: 将对象或者数组中的某个成员取出来 赋值: 取出来的成员按顺序赋值给变量 python里面的解构赋值 如果有python语法基础,可以回顾一下python里面的解构赋值 a, b, c = [1, 2, 3] p
阅读全文
摘要:前言 JavaScript 中的对象(Object),实际上就是键值对的集合,但是有一个局限性,键(属性)只能是字符串,不能是数字等其他类型。 字典是一种很常见的数据类型,键值对的结构,键应该可以是数字,也可以是字符串。为了解决这个问题,ES6 提供了Map数据结构。 它类似于对象,也是键值对的集合
阅读全文
摘要:前言 集合是无序的,并且集合中的元素是唯一的。JavaScript ES6 提供了新的数据结构 Set, 可以创建集合对象。 Set 集合 创建一个set实例,使用new Set() const s1 = new Set(); // 空集合 console.log(s1) // Set(0) 可以传
阅读全文
摘要:前言 JavaScript 在ES6 新增了模板字符串(Template Strings)语法,其作用是可以在字符串中换行,以及将变量和表达式插入字符串。 Internet Explorer 不支持模板字面量。 模板字符串(Template Strings) 模板字面量使用反引号 (``) 而不是单
阅读全文
摘要:前言 JavaScript 中定义字符串可以用单引号或双引号,用于存储一系列字符。 字符串 声明一个变量的值是字符串类型,可以用单引号和双引号 var x ='hello world'; // 单引号 var y = "hello world"; // 双引号 如果字符串中有引号,可以用单双交替的方
阅读全文
摘要:前言 const 用于声明一个或多个常量,声明时必须进行初始化,且初始化后值不可再修改。 const 声明常量 const定义常量与使用let 定义的变量相似: 二者都是块级作用域 都不能和它所在作用域内的其他变量或函数拥有相同的名称 两者还有以下两点区别: const声明的常量必须初始化,而let
阅读全文
摘要:前言 ES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。 let 声明的变量只在 let 命令所在的代码块内有效。 const 声明一个只读的常量,一旦声明,常量的值就不能改变。 在 ES6 之前,JavaScript 使用var声明变量只有两种作用
阅读全文
摘要:前言 ES6 中引入了箭头函数() =>。箭头函数不需要使用function关键字,允许我们编写更短的函数. 箭头函数 之前使用function 定义函数 fun1 = function() { return "Hello World!"; } console.log(fun1()); // Hel
阅读全文
摘要:前言 JavaScript中函数定义基本分3种方式:函数声明,函数表达式,构造函数。 函数声明 函数声明使用function 关键字, 格式如下 function 函数名称([参数]) { // 执行代码 } 函数声明后,它不会自己执行,需要调用才会执行,调用函数使用函数名称加括号,如 functi
阅读全文
摘要:前言 在JavaScript中的序列化和反序列化。 对象的序列化 当我们需要像后端传json字符串的时候,需将JavaScript的对象转成json格式,这个过程就是序列化。 var person = { name: "yoyo", age: 22, address: "上海市" }; consol
阅读全文
摘要:前言 对象(object)是 JavaScript 最重要的数据类型,也是JavaScript的核心内容。JavaScript 中一切皆对象,比如String、 Array、Date等对象。 在 JavaScript 中,对象是非常重要的,当你理解了对象,就可以了解 JavaScript 。 对象的
阅读全文
摘要:前言 Array 数组遍历的几种方式 普通for循环 循环遍历基础语法 for(var i = 0; i < arr.length; i++){ ... } 使用示例 var arr1 = ['hello', 'world', 'aa']; for (var i=0; i<arr1.length;
阅读全文
摘要:前言 JavaScript 中Array 数组的一些基本操作方法 Array数组定义 可以直接使用中括号定义一个数组, 数组里面的成员可以是任意类型 var x = ['hello', 'world', true, 22.2, [1, 2,3 ]]; console.log(x); 定义一个空数组,
阅读全文
摘要:前言 JavaScript 数据类型可以分为基本类型和对象类型两大类 基本类型:字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)、Symbol。 对象类型:对象(Object)、数组(Array)、函数(Function),还有两个特
阅读全文
摘要:前言 JavaScript 是 Web 的编程语言。所有现代的 HTML 页面都使用 JavaScript。 JavaScript 简介 JavaScript 的学习分三个部分: 1、核心(ECMAScript):JavaScript的核心,描述了语言的基本语法和数据类型。ECMAScript 是一
阅读全文
摘要:前言 元素定位可以说是学自动化的小伙伴遇到的一道门槛,学会了定位也就打通了任督二脉,前面分享过selenium的18般武艺,再加上五种js的定位大法。 这些还不够的话,今天再分享一个定位神器jquery,简直逆天了! 一、jquery搜索元素 1.按F12进控制台 2.点全部按钮 3.右侧如果没出现
阅读全文
摘要:前言 当我写了一个登录的接口用例后,后面会继续写查询个人信息的接口,但是查询个人信息接口是依赖于先登录(获取token)。 像这种业务上操作有先后关系的情况,可以把登录当一个step来引用。 httprunner3.x 框架弱化了API层的概念,直接写testcase了,如果是单个接口的用例,可以当
阅读全文
摘要:前言 httprunner 2.x版本在参数化的时候,希望每个用例显示不同的标题,方便查看报告 参数化标题引用变量 先写一个demo.yml config: name: demo case base_url: http://192.168.1.0:8000 variables: msg: 成功suc
阅读全文
摘要:前言 使用 httprunner 2.x版本,validate校验的时候引用变量,在测试报告会显示LazyString($msg)。 问题描述 httprunner 版本是2.5.7 demo.yml文件用例先定义变量,在validate引用变量 config: name: demo case ba
阅读全文
摘要:2022年第 11 期《python接口web自动化+测试开发》课程,6月5号开学(课程全面升级!) 主讲老师:上海-悠悠 上课方式:微信群视频在线教学,方便交流 本期上课时间:2022年6月5号 - 2022年9月12号,第一个月上课时间在周日上午9:00-11:00 后面每周六、周日晚上20:3
阅读全文
摘要:前言 Python 在 3.5 版本中引入了关于协程的语法糖 async 和 await, 在 python3.7 版本可以通过 asyncio.run() 运行一个协程。 所以建议大家学习协程的时候使用 python3.7+ 版本,本文示例代码在 python3.8 上运行的。 什么是协程? 网上
阅读全文
摘要:前言 aiohttp 请求生命周期对比requests库使用的区别 aiohttp 客户端 API 当你第一次使用 aiohttp 时,你会注意到一个简单的 HTTP 请求不是一次执行的,而是最多三个步骤: async with aiohttp.ClientSession() as session:
阅读全文
摘要:前言 导航条是在您的应用或网站中作为导航页头的响应式基础组件。它们在移动设备上可以折叠(并且可开可关),且在视口(viewport)宽度增加时逐渐变为水平展开模式。 navbar 试下如下图的样式 <nav class="navbar navbar-default"> <div class="con
阅读全文
摘要:前言 Bootstrap3 实现轮播图滚动显示 轮播图(Carousel) 只需替换成自己本地图片/static/a1.png即可实现轮播图 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</ti
阅读全文
摘要:前言 position 属性规定元素的定位方式,任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。 position 属性 position 属性规定元素的定位类型, 默认值是static 默认值: static 继承
阅读全文