优化封装方案测试| 学习笔记

简介: 快速学习优化封装方案测试。

开发者学堂课程【Ajax 前端开发入门与实战优化封装方案测试】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/595/detail/8538


优化封装方案测试


目录

一、myAjax2 的测试

二、该方法使用在 Email 中

三、该方法使用在手机中

 

一、myAjax2 的测试

当 myAjax2 这个方法做出后我们要对其进行测试看是否可以使用,新建文件夹将Ajax01 复制为 Ajax02 ,打开 Ajax02 ,对于这个代码我们可以不用严格按照步骤执行。 

myAjax2({(在这个对象当中,我们是先写 get 还是 url 不重要,只需想到什么就写什么)

url:url

type:type(这里可写可不写,因为在 Ajax02 中如果没有加入相关的一些 type 的话就将会使用 defaults 中已经定义好的值)

data:{uname:usernameValue},(括号内为参数)

dataType: ”text”(默认是一个 json 属性,但不是 json 的格式,所以必须强制写一些 dataType,否则的话将会在最后做一个 json,pares 的操作)

success:functin(result)

} );

刷新看是否测试正常。

myAjax(false,type,url,params,datatype,function(result){

var usename-result=document,querySelector(“#username- result”)

if(result ==“ok")

username_result.innerText="用户名可以使用”;

}else {

username_result.innerText=“用户名已经被注册”;

});

};

 

二、该方法使用在 Email 中:

email.onblur=function(){

var emailValue =email.value;

var type= "post";

var url=”. /server/checkEnail.php”;

var parans =”e“emailValue;

var dataType ="text";

data:{

e:emailValue

}

myAjax(type,url,params,dataType,function(result){

var email-result =document.querySelector("#email_result");

if(result ==image.png )  {

//邮箱可用

emai result.innerText="邮箱可以使用”;

} elset {

email-result.innerText= "邮箱不可以使用”;

),true);

}

};

 

三、该方法使用在手机中:

phone.onblur =function(){

var phonevalue =phone.value;

var type =“post”;

var url =”./server/checkPhone.php" ;

var parans ="phonenumber="+phoneValue;

var datalype = "json";

myAjhox2({

url:url,

type: post  我们以对象的方式进行组织

data:{

phonenumber:phoneValue

} 请求同步可以不写

success: function(result){

var phone_result =docurent,querySelector("#phone_result");

if(result.status== image.png)  {

//代表手机号码可用

phone_result.innerText =result.message.tips=“,”=

result.message.phonefrom;

}  else if(result.status ==1) {

//代表手机号码不可用

phone_result.innerText =result.nessage:

}

}

})

相关文章
|
11月前
|
人工智能 搜索推荐 数据管理
探索软件测试中的自动化测试框架选择与优化策略
本文深入探讨了在现代软件开发流程中,如何根据项目特性、团队技能和长期维护需求,精准选择合适的自动化测试框架。
443 11
|
2月前
|
机器学习/深度学习 人工智能 自然语言处理
如何让AI更“聪明”?VLM模型的优化策略与测试方法全解析​
本文系统解析视觉语言模型(VLM)的核心机制、推理优化、评测方法与挑战。涵盖多模态对齐、KV Cache优化、性能测试及主流基准,助你全面掌握VLM技术前沿。建议点赞收藏,深入学习。
663 8
|
10月前
|
数据可视化 前端开发 测试技术
接口测试新选择:Postman替代方案全解析
在软件开发中,接口测试工具至关重要。Postman长期占据主导地位,但随着国产工具的崛起,越来越多开发者转向更适合中国市场的替代方案——Apifox。它不仅支持中英文切换、完全免费不限人数,还具备强大的可视化操作、自动生成文档和API调试功能,极大简化了开发流程。
|
7月前
|
JSON 测试技术 API
优化你的 REST Assured 测试:设置默认主机与端口、GET 请求与断言
REST Assured 是一个强大的 Java 库,用于简化 RESTful API 测试。本文详解了其核心功能:设置默认主机和端口以减少代码重复、发起 GET 请求并验证响应结果,以及通过断言确保接口行为符合预期。同时推荐 Apipost 工具,助力开发者提升 API 测试效率,实现更高效的接口管理与团队协作。掌握这些技巧,可显著优化测试流程与代码质量。
|
11月前
|
定位技术 开发者
游戏开发者如何使用独享静态代理IP进行测试与优化
随着互联网技术的发展,使用代理IP的人数逐渐增加,特别是在业务需求中需要使用静态代理IP的情况越来越多。本文探讨了独享静态代理IP是否适用于游戏行业,分析了其优势如稳定性、不共享同一IP地址及地理位置选择等,同时也指出了需要注意的问题,包括可能的延迟、游戏兼容性和网络速度等。总体而言,选择合适的代理服务并正确配置,可以有效提升游戏体验。
201 2
|
8月前
|
缓存 JavaScript 中间件
如何测试中间件优化后的 Pinia 状态管理?
如何测试中间件优化后的 Pinia 状态管理?
242 64
|
5月前
|
自然语言处理 算法 数据可视化
文本聚类效果差?5种主流算法性能测试帮你找到最佳方案
本文探讨了自然语言处理中句子嵌入的聚类技术,使用Billingsmoore数据集(925个英语句子)进行实验。通过生成句子嵌入向量并可视化分析,对比了K-Means、DBSCAN、HDBSCAN、凝聚型层次聚类和谱聚类等算法的表现。结果表明,K-Means适合已知聚类数量的场景,DBSCAN和HDBSCAN适用于未知聚类数量且存在异常值的情况,而谱聚类在句子嵌入领域表现不佳。最终建议根据数据特征和计算资源选择合适的算法以实现高质量聚类。
295 0
文本聚类效果差?5种主流算法性能测试帮你找到最佳方案
|
8月前
|
数据可视化 JavaScript 前端开发
利用Postman和Apipost进行API测试的实践与优化-动态参数
在API测试中,Postman和Apipost是常用的工具。Postman内置变量功能有限,面对复杂场景时需编写JavaScript脚本,增加了维护成本。而Apipost提供丰富的内置变量、可视化动态值配置和低代码操作,支持生成真实随机数据,如邮箱、手机号等,显著提升测试效率和灵活性。对于复杂测试场景,Apipost是更好的选择,能有效降低开发与维护成本,提高测试工作的便捷性和可维护性。
|
11月前
|
监控 测试技术 定位技术
HTTP代理IP响应速度测试方案设计与指标体系
随着数字化发展,网络安全、隐私保护及内容访问自由成为核心需求。HTTP代理因其技术优势成为热门选择。本文介绍HTTP代理IP响应速度测试方案,包括基础性能、稳定性、地理位置、实际应用、安全性测试及监控指标,推荐测试工具,并提供测试结果评估标准。
247 2
|
12月前
|
并行计算 算法 测试技术
C语言因高效灵活被广泛应用于软件开发。本文探讨了优化C语言程序性能的策略,涵盖算法优化、代码结构优化、内存管理优化、编译器优化、数据结构优化、并行计算优化及性能测试与分析七个方面
C语言因高效灵活被广泛应用于软件开发。本文探讨了优化C语言程序性能的策略,涵盖算法优化、代码结构优化、内存管理优化、编译器优化、数据结构优化、并行计算优化及性能测试与分析七个方面,旨在通过综合策略提升程序性能,满足实际需求。
415 1