2.值的比较—字符串和数字可以比较,===
===可以排除类型不同的情况,
// 字符串和数字是可以比较的
console.log('1’1); // true
console.log(11);
// 排除类型相等的问题
console.log(‘1’===1); // false
JSON对象【重要】—{} + []
s和其他语言通讯 用JSON对象:数组对象[] 和 普通对象{},可以互相嵌套,甚至套本身
{} ====对应java中的实体类,或者map;
[] ====对应java中的List 和 数组;
{}表示一个对象,用键值对定义,用. 就可以获得— JSON对象
// js和其他语言通讯 用JSON对象:数组对象[] 和 普通对象{},可以互相嵌套,甚至套本身
// {} ====对应java中的实体类,或者map;
// [] ====对应java中的List 和 数组;
// {}表示一个对象,用键值对定义,用. 就可以获得— JSON对象
let person = {
“name”:“peter”,“age”:28,“gender”:“男”,
“address”:[{“1001”:‘南京’},{“1002”:‘背景’}]
}
console.log(person.name)
// 获得第一套房子
console.log(person.address[0])
// 表示多个人
let persons = [{“name”:“p”},{“name”:“s”}];
console.log(persons);
js操作标签—控制html元素
方法 | 函数 |
---|---|
根据id获取元素 | document.getElementById(“username”) |
用选择器获取 | document.querySelector(“#username”) |
用name获取–多个 | ddocument.getElementsByName(“hobby”) |
案例:让选择框 都变成未选择的状态:
// 3.用name获取–多个
let h = document.getElementsByName(“hobby”);
h.forEach(ho=>ho.checked=false);
完整代码:
常用事件
1.鼠标单击事件–onclick–eat.innerText
鼠标单击一下,增加一个apple,eat.innerText
add
1.案例:开灯关灯案例—light.src.includes(“off.gif”)
思路,本质是监测鼠标单击,如果单击了就换一下图片
方法一:用includes方法,不能用==,猜测是对比引用指向同一对象?
![](imgs/on.gif)
方案二:顶一个Boolean类型的flag,每次取反
![](imgs/on.gif)
2.鼠标失去焦点时间–onblur
usernameInput.onblur
3.两个textarea同步–oninput
jianInput.oninput
3.案例:两个框同步,类似百度翻译
4.案例:按钮弹框window.alert() + 二次确定confirm(“确定删除”);
删除
5.案例:操作页面—控制浏览器window.open(),close()
openBtn.onclick = function () {
console.log(“open~~~~~~~~”);
openW = window.open(“https://baidu.com”)
}
closeBtn.onclick = function (){
console.log(“close~~~~~~~~”);
openW.close();
}
6.案例:刷新页面—location.reload()
openBtn.onclick = function () {
console.log(“open~~~~~~~~”);
location.href = “https://baidu.com”;
}
reload.onclick = function () {
console.log(“reload”);
location.reload();
}
7.案例:10s后跳转到百度—location.href = “https://www.baidu.com”;
10秒后跳转到百度
8.案例:购物网站首页图自动切换–setInterval(fun,1000)
![](imgs/1.jpg)
应用案例
1.支付完成后5,4,3,2,1,0跳转到界面
要点:
(1)setInterval(fun,1000);要放在后面;
(2)用document.write不好看,一行一行打印,要用span
document.write(“
支付完整后”+i+“s后跳转
”);let fun = function (){
if (i<=0){
alert(“pay success!”);
}else{
// document.write(“
支付完整后”+i+“s后跳转
”);// alert(“after”+i+“s,while response”);
msg.innerText = " after "+i+“s, will response to alert”;
i–;
}
}
// 第一个参数,准备循环执行的方法,第二个参数,间隔的毫秒数
setInterval(fun,1000);
}
2.做一个多选框效果
要点:
(1)如果下面的全选,上面的要自动勾选;
(2)如果全部勾选,则全部勾选,此时一个不勾选,全选就变成不勾选;
游戏
足球
编程
// 一个点击事件
selectAll.onclick = function () {
console.log("selectAll: "+selectAll.checked)
if (selectAll.checked){
h.forEach(ho=>ho.checked=true);
}else {
h.forEach(ho=>ho.checked=false);
}
}
// 如果有一个function能够统计选中几个
function check(h) {
let result = 0;
for (const ho of h) {
if (ho.checked){
result+=1;
}
}
return result;
}
// 2.如果下面的全选,上面自动勾选
for (const ho of h) {
ho.onclick = function () {
// 如果选中的数量等于框的数量
if (h.length==check(h)){
console.log(“全选”);
selectAll.checked = true;
}else{
selectAll.checked = false;
}
}
}
3.js网络请求初步案例:简体繁体转换—axios
ZhChangeServlet.java的代码如下,
易错点:
(1)req.getParameter(“jian”); 这里的参数,容易搞错;是前端get的/day06/zh/change?jian=中的jian;
(2)String jianStrs = req.getParameter(“jian”);只有这个输入不为null的时候才能进行简体繁体转换;
知识点:
(1)@Test注解的使用,把方法转成直接运行版;
(2)IOUtils.readLines()方法,更详细的参考下面博客:
Java基础(maven)——maven新建项目 & 常用IO工具 & Durid数据库工具 & 案例
package com.tianju.servlet;
import com.tianju.util.StringUtils;
import org.apache.commons.io.IOUtils;
import org.junit.Test;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.io.IOException;
import java.io.InputStreamReader;
import java.util.HashMap;
import java.util.List;
/**
* 简体中文转成繁体中文的servlet
*/
@WebServlet(“/zh/change”)
public class ZhChangeServlet extends HttpServlet {
@Override
protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
// 1.调用方法获得hasMap;
HashMap<String,String> map = zhMap();
// 2.进行简体繁体转换,如果没有找到,为null,则用原来的简体
// 获取前端传的值
String jianStrs = req.getParameter(“jian”);
System.out.println(jianStrs);
if (!StringUtils.isBlank(jianStrs)){
StringBuilder fanStrs = new StringBuilder();
for (int i = 0; i < jianStrs.length(); i++) {
String fan = map.get(jianStrs.charAt(i)+“”);
if (fan==null){
fanStrs.append(jianStrs.charAt(i));
}else{
fanStrs.append(fan);
}
}
// 3.resp到前端
resp.getWriter().write(String.valueOf(fanStrs));
}
}
private HashMap<String,String> zhMap() throws IOException {
// 1.读取简体繁体对应的文件,转换成hasMap
List stringList = IOUtils.readLines(
new FileInputStream(“D:\Myprogram\idea-workspace\javaweb0606\javaweb0606\src\main\resources\jf_map_utf8.txt”),
“UTF-8”);
HashMap<String,String> map = new HashMap<>();
for(String s:stringList){
map.put(s.split(“:”)[0],s.split(“:”)[1]);
}
return map;
}
// @Test
// public void testZhDemo() throws IOException {
// // 1.读取简体繁体对应的文件,转换成hasMap
// List stringList = IOUtils.readLines(
// new FileInputStream(“D:\Myprogram\idea-workspace\javaweb0606\javaweb0606\src\main\resources\jf_map_utf8.txt”),
// “UTF-8”);
// HashMap<String,String> map = new HashMap<>();
// for(String s:stringList){
// map.put(s.split(“:”)[0],s.split(“:”)[1]);
// }
// System.out.println(map.get(“万”));
// System.out.println(map.get(“wang”));
// String strs = “我是一只小柯基”;
// StringBuilder fanStrs = new StringBuilder();
// for (int i = 0; i < strs.length(); i++) {
// String fan = map.get(strs.charAt(i)+“”);
// if (fan==null){
// fanStrs.append(strs.charAt(i));
// }else{
// fanStrs.append(fan);
// }
// }
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数软件测试工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年软件测试全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上软件测试开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V获取:vip1024b (备注软件测试)
一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
深知大多数软件测试工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!*
因此收集整理了一份《2024年软件测试全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
[外链图片转存中…(img-l8KFVrkM-1713016593314)]
[外链图片转存中…(img-AMZ6Kyn9-1713016593315)]
[外链图片转存中…(img-VBn0rDTo-1713016593316)]
[外链图片转存中…(img-Elju8QfR-1713016593316)]
[外链图片转存中…(img-kr1JcE1Z-1713016593317)]
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上软件测试开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V获取:vip1024b (备注软件测试)
[外链图片转存中…(img-Yhz2ryX9-1713016593317)]
一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!