XHR

也可查看我的公开笔记： https://www.yinxiang.com/everhub/note/325e6d46-9255-45de-bad3-58689a2022a4 ITMS- 90809 : Deprecated API Usage - Apple will stop accepting submissions of apps that use UIWebView APIs. 当前 cordova-ios 最新版本 5.1.1 下一个主要版本 cordova-ios 将删除 UIWebView 代码中的所有引用。该标志也将在下一个主要版本中被删除，WKWebView 将是 Cordova 的默认 Web 视图。 一、添加 cordova-ios 平台环境 cordova platform add ios@ 5.1 . 1 --save 二、添加 WKWebView 插件 https://www.npmjs.com/package/cordova-plugin-wkwebview-engine Cordova 项目中添加 cordova-plugin-wkwebview-engine 插件（当前最新版本1.2.1） cordova plugin add cordova-plugin-wkwebview-engine config.xml 中添加配置 <platform

也可查看我的公开笔记： https://www.yinxiang.com/everhub/note/325e6d46-9255-45de-bad3-58689a2022a4 ITMS- 90809 : Deprecated API Usage - Apple will stop accepting submissions of apps that use UIWebView APIs. 当前 cordova-ios 最新版本 5.1.1 下一个主要版本 cordova-ios 将删除 UIWebView 代码中的所有引用。该标志也将在下一个主要版本中被删除，WKWebView 将是 Cordova 的默认 Web 视图。 一、添加 cordova-ios 平台环境 cordova platform add ios@ 5.1 . 1 --save 二、添加 WKWebView 插件 https://www.npmjs.com/package/cordova-plugin-wkwebview-engine Cordova 项目中添加 cordova-plugin-wkwebview-engine 插件（当前最新版本1.2.1） cordova plugin add cordova-plugin-wkwebview-engine config.xml 中添加配置 <platform

把要异步加载的页面中，需要执行的js，写在load（）方法的回调函数中执行： $( selector ).load( url,data,function(response,status,xhr )) $('.layui-tab-content').load("../index.html", function () { 　　　　　　　　　　　　　　//这里是异步加载的index.html页面 需要执行的js }); 来源： oschina 链接： https://my.oschina.net/u/4381645/blog/4278128

MVVM 概念 MVVM 表示的是 Model-View-ViewModel 。 Model：模型层，负责处理业务逻辑以及和服务器端进行交互 View：视图层：负责将数据模型转化为UI展示出来，可以简单的理解为HTML页面 ViewModel：视图模型层，用来连接Model和View，是Model和View之间的通信桥梁 View层和Model层并没有直接联系，而是通过ViewModel层进行交互。ViewModel层通过双向数据绑定将View层和Model层连接了起来，使得View层和Model层的同步工作完全是自动的。 实现数据绑定的方式及代表有： 发布订阅模式（Backbone） 数据劫持或代理（VueJS，AvalonJS） 通过 Object.defineProperty 或 Proxy ,前者 不能监听数组变化 ， 必须遍历对象的每个属性 ， 嵌套对象必须深层遍历 ； 后者可以 监听数组变化 ，仍然 需要深层遍历嵌套对象 ，兼容性不如前者。 数据脏检查（AngularJs，RegularJS） 在 可能触发 UI 变更的时候 进行脏检查，如DOM事件，XHR响应事件、定时器等。 实现 双向数据绑定需要实现以下三个类： Observer 监听器：用来监听属性的变化,并通知订阅者 Watcher 订阅者：接受属性变化的通知，然后更新视图 Compile 解析器：解析指令

前言 Cypress提供了一个很好的测试运行器, 它为你提供了一套可视化结构的测试和断言套件, 很快你也会看到命令, 页面事件, 网络请求等. 当你还没熟练掌握元素定位时，在运行器界面点开探测器，会自动帮我们定位好元素，甚至写好部分代码。 调试 Cypress提供了调试工具来帮你理解一个测试,能够做下面事情的能力: 适时的追溯每一个命令的快照. 查看发生的特殊的页面事件. 接收关于每个命令的额外输出. 在多个命令间向前/后移动. 将命令暂停并且反复的单步调试它们. 当发现隐藏的或者多个元素的时候可视化它们. 让我们使用现有的测试代码看看其中的一些实际操作. 时间旅行 将鼠标悬停在命令日志中的 GET 命令上,会看到右边定位到的元素位置 Cypress自动回溯到该命令解析之时的快照. 此外, 因为 cy.get() 在页面找到了 DOM 元素, Cypress 还突出显示元素并将其滚动到视图中 虽然登录之后，跳转到了一个新的url地址 http://49.235.1.x:8080/zentao/my/ 但是当我们把鼠标悬浮在 GET 上时, Cypress 返回快照被记录时出现的URL. 快照 命令也是交互式的. 继续去点击一下CLICK命令. 注意到它高亮成紫色. 它做了三件值得注意的事… 固定快照 我们现在已经固定了这个快照. 悬浮在其他命令之上将不会返回它们.

【一、项目目标】 获取 QQ 音乐指定歌手单曲排行指定页数的歌曲的歌名、专辑名、播放链接。 由浅入深，层层递进，非常适合刚入门的同学练手。 【二、需要的库】 主要涉及的库有：requests、json、openpyxl 【三、项目实现】 1.了解 QQ 音乐网站的 robots 协议 只禁止播放列表，可以操作。 2.进入 QQ 音乐主页 https://y.qq.com/ 3.输入任意歌手，比如邓紫棋 4.打开审查元素（快捷键 Ctrl+Shift+I） 5.分析网页源代码 Elements，发现无歌曲信息，无法使用 BeautifulSoup，如下图所示，结果为空。 6.点击 Network，看数据在不在 XHR（无刷新更新页 面），我的经验是先看 Size 最大的，然后分析 Name， 查看 Preview，果然在里面！ 7.点击 Headers，拿到相关参数。如下图，仔细观察 url 与 Query String Parameters 参数的关系，发现 url 中的 w 代表歌手名，p 代表页数。 8.通过 json 代码实现，首先小试牛刀，爬取第一页 的数据，url 直接复制过来。成功！ 9.引入 params 参数，实现指定歌手、指定页数的查询。 注意代码url为上一步url中“？”之前的部分， params两边的参数都需要加 ’’,requests.get 添加

AJAX 简介 ​ AJAX = 异步 JavaScript 和 XML； 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行数据交换，可以使网页实现异步更新（不重新加载整个网页） 创建 XMLHttpRequest 对象 ​ 语法: variable = new XMLHttpRequest( ); ​ 老版本：variable = new ActiveXObject(“Microsoft.XMLHTTP”); //兼容浏览器 var xmlhttp ; if ( window . XMLHttpRequest ) { // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 xmlhttp = new XMLHttpRequest ( ) ; } else { // IE6, IE5 浏览器执行代码 xmlhttp = new ActiveXObject ( "Microsoft.XMLHTTP" ) ; } 向服务器发送请求请求 使用 XMLHttpRequest 对象的 open() 和 send() 方法 xmlhttp . open ( "GET" , "ajax_info.txt" , true ) ; //ajax_info.txt 是文件在服务器上的地址（url） xmlhttp . send ( ) ; open方法

前言 接口自动化中最常见的问题就是参数关联：如何把上个接口返回数据传个下个接口当入参。 cy.request() 发请求时，可以用 .as() 方法保存上个接口返回的对象，方便后面的接口调用数据。 cy.request() cy.request() 可以发送 XHR 请求 访问接口地址： https://jsonplaceholder.cypress.io/comments 接口返回数据 [ { "postId": 1, "id": 1, "name": "id labore ex et quam laborum", "email": "Eliseo@gardner.biz", "body": "laudantium enim quasi est quidem magnam voluptate ..." }, { "postId": 1, "id": 2, "name": "quo vero reiciendis velit similique earum", "email": "Jayne_Kuhic@sydney.com", "body": "est natus enim nihil est dolore omnis voluptatem ..." } ..... ] 使用 cy.request() 发get请求，对 response 结果断言 /** * Created by

<!doctype html > < html lang ="en" > < head > < meta charset ="UTF-8" > < meta name ="viewport" content ="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" > < meta http-equiv ="X-UA-Compatible" content ="ie=edge" > < title > Document </ title > < style > #progress { width : 300px ; height : 20px ; background-color : #f7f7f7 ; box-shadow : inset 0 1px 2px rgba ( 0 , 0 , 0 , 0.1 ); border-radius : 4px ; background-image : linear-gradient ( to bottom , #f5f5f5 , #f9f9f9 ); } #finish { background-color : #149bdf ; background-image : linear-gradient (

第一章：常用API 1.1-ajax方法使用格式 $.ajax({ // 请求地址 url: 'http://localhost/find', // 请求方式 type: 'POST', // 一对“文件名-文件值”在本机设置XHR对象。例如，如果需要的话，你可以用它来设置withCredentials为true的跨域请求。 xhrFields: {widthCredentials:true}, // 请求发送之前的处理函数 beforeSend: function(){}, // 响应成功后的处理函数 success: function(response){}, // 异常处理函数 error: function(ex){}, // 请求参数 可以是“key=value&key=value”、{key:value,key:value}、FormData对象 data: formData, // 是否缓存 cache: false, // 发送给服务器的编码类型，默认application/x-www-form-urlencoded contentType: 'application/x-www-form-urlencoded', // JSONP跨域 dataType: 'JSONP', // (默认: true) 默认情况下，通过data选项传递进来的数据，如果是一个对象