AJAX进阶掌握不好，你该来学习这篇了

于 2023-07-05 17:51:00 发布
阅读量172 收藏 1
点赞数
分类专栏： 2023年前端—入门到精通 文章标签： ajax 学习 okhttp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/itcast_cn/article/details/131560612
版权

AJAX进阶

知识点自测

  1. 看如下标签回答如下问题？

    <select>
    <option value="北京">北京市</option>
    <option value="南京">南京市</option>
    <option value="天津">天津市</option>
</select>

    • 当选中第二个 option 时, JS 中获取下拉菜单 select 标签的 value 属性的值是多少?

      答案
      • 南京

    • 页面上看到的是北京, 还是北京市等？

      答案
      • 北京市

  2. 我给 select 标签的 value 属性赋予"南京"会有什么效果？

    答案
    • 什么效果都没有, 没有没有一个option选项的value能匹配

目录

  • 同步代码和异步代码
  • 回调函数地狱和 Promise 链式调用
  • async 和 await 使用
  • 事件循环-EventLoop
  • Promise.all 静态方法
  • 案例 - 商品分类
  • 案例 - 学习反馈

学习目标

  1. 区分异步代码，回调函数地狱问题和所有解决防范（Promise 链式调用）
  2. 掌握 async 和 await 使用
  3. 掌握 EventLoop 的概念
  4. 了解 Promise.all 静态方法作用
  5. 完成省市区切换效果

01.同步代码和异步代码

目标

能够区分出哪些是异步代码

讲解

  1. 同步代码：逐行执行，需原地等待结果后，才继续向下执行

  2. 异步代码：调用后耗时，不阻塞代码继续执行（不必原地等待），在将来完成后触发回调函数传递结果

  3. 回答代码打印顺序：发现异步代码接收结果，使用的都是回调函数

    const result = 0 + 1
console.log(result)
setTimeout(() => {
  console.log(2)
}, 2000)
document.querySelector('.btn').addEventListener('click', () => {
  console.log(3)
})
document.body.style.backgroundColor = 'pink'
console.log(4)

    结果：1， 4， 2

    按钮点击一次打印一次 3

小结

  1. 什么是同步代码?

    答案
    • 逐行执行，原地等待结果后，才继续向下执行

  2. 什么是异步代码?

    答案
    • 调用后耗时，不阻塞代码执行，将来完成后触发回调函数

  3. JS 中有哪些异步代码?

    答案
    • setTimeout / setInterval，事件，AJAX

  4. 异步代码如何接收结果?

    答案
    • 依靠回调函数来接收

02.回调函数地狱

目标

了解回调函数地狱的概念和缺点

讲解

  1. 需求：展示默认第一个省，第一个城市，第一个地区在下拉菜单中

    在这里插入图片描述

  2. 概念：在回调函数中嵌套回调函数，一直嵌套下去就形成了回调函数地狱

  3. 缺点：可读性差，异常无法捕获，耦合性严重，牵一发动全身

    axios({ url: 'http://hmajax.itheima.net/api/province' }).then(result => {
  const pname = result.data.list[0]
  document.querySelector('.province').innerHTML = pname
  // 获取第一个省份默认下属的第一个城市名字
  axios({ url: 'http://hmajax.itheima.net/api/city', params: { pname } }).then(result => {
    const cname = result.data.list[0]
    document.querySelector('.city').innerHTML = cname
    // 获取第一个城市默认下属第一个地区名字
    axios({ url: 'http://hmajax.itheima.net/api/area', params: { pname, cname } }).then(result => {
      document.querySelector('.area').innerHTML = result.data.list[0]
    })
  })
})

小结

  1. 什么是回调函数地狱?

    答案
    • 在回调函数一直向下嵌套回调函数，形成回调函数地狱

  2. 回调函数地狱问题?

    答案
    • 可读性差，异常捕获困难，耦合性严重

03.Promise-链式调用

目标

了解 Promise 链式调用特点和语法

讲解

  1. 概念：依靠 then() 方法会返回一个新生成的 Promise 对象特性，继续串联下一环任务，直到结束

  2. 细节：then() 回调函数中的返回值，会影响新生成的 Promise 对象最终状态和结果

  3. 好处：通过链式调用，解决回调函数嵌套问题

    在这里插入图片描述

  4. 按照图解，编写核心代码：

    /**
 * 目标：掌握Promise的链式调用
 * 需求：把省市的嵌套结构，改成链式调用的线性结构
*/
// 1. 创建Promise对象-模拟请求省份名字
const p = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('北京市')
  }, 2000)
})

// 2. 获取省份名字
const p2 = p.then(result => {
  console.log(result)
  // 3. 创建Promise对象-模拟请求城市名字
  // return Promise对象最终状态和结果，影响到新的Promise对象
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(result + '--- 北京')
    }, 2000)
  })
})

// 4. 获取城市名字
p2.then(result => {
  console.log(result)
})

// then()原地的结果是一个新的Promise对象
console.log(p2 === p)

小结

  1. 什么是 Promise 的链式调用?

    答案
    • 使用 then 方法返回新 Promise 对象特性，一直串联下去

  2. then 回调函数中，return 的值会传给哪里?

    答案
    • 传给 then 方法生成的新 Promise 对象

  3. Promise 链式调用有什么用?

    答案
    • 解决回调函数嵌套问题

04.Promise-链式调用_解决回调地狱

目标

了解 Promise 链式调用解决回调地狱

讲解

  1. 目标：使用 Promise 链式调用，解决回调函数地狱问题

  2. 做法：每个 Promise 对象中管理一个异步任务，用 then 返回 Promise 对象，串联起来

    在这里插入图片描述

  3. 按照图解思路，编写核心代码：

    /**
 * 目标：把回调函数嵌套代码，改成Promise链式调用结构
 * 需求：获取默认第一个省，第一个市，第一个地区并展示在下拉菜单中
*/
let pname = ''
// 1. 得到-获取省份Promise对象
axios({url: 'http://hmajax.itheima.net/api/province'}).then(result => {
  pname = result.data.list[0]
  document.querySelector('.province').innerHTML = pname
  // 2. 得到-获取城市Promise对象
  return axios({url: 'http://hmajax.itheima.net/api/city', params: { pname }})
}).then(result => {
  const cname = result.data.list[0]
  document.querySelector('.city').innerHTML = cname
  // 3. 得到-获取地区Promise对象
  return axios({url: 'http://hmajax.itheima.net/api/area', params: { pname, cname }})
}).then(result => {
  console.log(result)
  const areaName = result.data.list[0]
  document.querySelector('.area').innerHTML = areaName
})

小结

  1. Promise 链式调用如何解决回调函数地狱?

    答案
    • then 的回调函数中 return Promise对象，影响当前新 Promise 对象的值

05.async 函数和 await

目标

掌握 async 和 await 语法来编写简洁的异步代码

讲解

  1. 概念：在 async 函数内，使用 await 关键字取代 then 函数，等待获取 Promise 对象成功状态的结果值

  2. 做法：使用 async 和 await 解决回调地狱问题

  3. 核心代码：

    /**
 * 目标：掌握async和await语法，解决回调函数地狱
 * 概念：在async函数内，使用await关键字，获取Promise对象"成功状态"结果值
 * 注意：await必须用在async修饰的函数内（await会阻止"异步函数内"代码继续执行，原地等待结果）
*/
// 1. 定义async修饰函数
async function getData() {
  // 2. await等待Promise对象成功的结果
  const pObj = await axios({url: 'http://hmajax.itheima.net/api/province'})
  const pname = pObj.data.list[0]
  const cObj = await axios({url: 'http://hmajax.itheima.net/api/city', params: { pname }})
  const cname = cObj.data.list[0]
  const aObj = await axios({url: 'http://hmajax.itheima.net/api/area', params: { pname, cname }})
  const areaName = aObj.data.list[0]


  document.querySelector('.province').innerHTML = pname
  document.querySelector('.city').innerHTML = cname
  document.querySelector('.area').innerHTML = areaName
}

getData()

    使用 await 替代 then 的方法

小结

  1. await 的作用是什么？

    答案
    • 替代 then 方法来提取 Promise 对象成功状态的结果

06.async 函数和 await 捕获错误

目标

了解用 try catch 捕获同步流程的错误

讲解

  1. try 和 catch 的作用：语句标记要尝试的语句块，并指定一个出现异常时抛出的响应

    try {
  // 要执行的代码
} catch (error) {
  // error 接收的是，错误消息
  // try 里代码，如果有错误，直接进入这里执行
}

    try 里有报错的代码，会立刻跳转到 catch 中

  2. 尝试把代码中 url 地址写错，运行观察 try catch 的捕获错误信息能力

    /**
 * 目标：async和await_错误捕获
*/
async function getData() {
  // 1. try包裹可能产生错误的代码
  try {
    const pObj = await axios({ url: 'http://hmajax.itheima.net/api/province' })
    const pname = pObj.data.list[0]
    const cObj = await axios({ url: 'http://hmajax.itheima.net/api/city', params: { pname } })
    const cname = cObj.data.list[0]
    const aObj = await axios({ url: 'http://hmajax.itheima.net/api/area', params: { pname, cname } })
    const areaName = aObj.data.list[0]

    document.querySelector('.province').innerHTML = pname
    document.querySelector('.city').innerHTML = cname
    document.querySelector('.area').innerHTML = areaName
  } catch (error) {
    // 2. 接着调用catch块，接收错误信息
    // 如果try里某行代码报错后，try中剩余的代码不会执行了
    console.dir(error)
  }
}

getData()

小结

  1. try 和 catch 有什么作用？

    答案
    • 捕获同步流程的代码报错信息

07.事件循环

目标

掌握事件循环模型是如何执行异步代码的

讲解

  1. 事件循环（EventLoop）：掌握后知道 JS 是如何安排和运行代码的

    请回答下面 2 段代码打印的结果，并说明原因

    console.log(1)
setTimeout(() => {
  console.log(2)
}, 2000)

    console.log(1)
setTimeout(() => {
  console.log(2)
}, 0)
console.log(3)

  2. 作用：事件循环负责执行代码，收集和处理事件以及执行队列中的子任务

  3. 原因：JavaScript 单线程（某一刻只能执行一行代码），为了让耗时代码不阻塞其他代码运行，设计了事件循环模型

  4. 概念：执行代码和收集异步任务的模型，在调用栈空闲，反复调用任务队列里回调函数的执行机制，就叫事件循环

    /**
 * 目标：阅读并回答执行的顺序结果
*/
console.log(1)
setTimeout(() => {
  console.log(2)
}, 0)
console.log(3)
setTimeout(() => {
  console.log(4)
}, 2000)
console.log(5)

    具体运行过程，请参考 PPT 动画和视频讲解

    在这里插入图片描述

小结

  1. 什么是事件循环？

    答案
    • 执行代码和收集异步任务，在调用栈空闲时，反复调用任务队列里回调函数执行机制

  2. 为什么有事件循环？

    答案
    • JavaScript 是单线程的，为了不阻塞 JS 引擎，设计执行代码的模型

  3. JavaScript 内代码如何执行？

    答案
    • 执行同步代码，遇到异步代码交给宿主浏览器环境执行 异步有了结果后，把回调函数放入任务队列排队 当调用栈空闲后，反复调用任务队列里的回调函数

08.事件循环-练习

目标

了解事件循环的执行模型

讲解

  1. 需求：请根据掌握的事件循环的模型概念，分析代码执行过程

    /**
 * 目标：阅读并回答执行的顺序结果
*/
console.log(1)
setTimeout(() => {
  console.log(2)
}, 0)
function myFn() {
  console.log(3)
}
function ajaxFn() {
  const xhr = new XMLHttpRequest()
  xhr.open('GET', 'http://hmajax.itheima.net/api/province')
  xhr.addEventListener('loadend', () => {
    console.log(4)
  })
  xhr.send()
}
for (let i = 0; i < 1; i++) {
  console.log(5)
}
ajaxFn()
document.addEventListener('click', () => {
  console.log(6)
})
myFn()

    在这里插入图片描述

结果：1 5 3 2 4 点击一次document就会执行一次打印6

小结

暂无

09.宏任务与微任务

目标

掌握微任务和宏任务的概念和区分

讲解

  1. ES6 之后引入了 Promise 对象， 让 JS 引擎也可以发起异步任务

  2. 异步任务划分为了

    • 宏任务：由浏览器环境执行的异步代码
    • 微任务：由 JS 引擎环境执行的异步代码

  3. 宏任务和微任务具体划分：

    在这里插入图片描述

  4. 事件循环模型

    具体运行效果，参考 PPT 动画或者视频

    /**
 * 目标：阅读并回答打印的执行顺序
*/
console.log(1)
setTimeout(() => {
  console.log(2)
}, 0)
const p = new Promise((resolve, reject) => {
  resolve(3)
})
p.then(res => {
  console.log(res)
})
console.log(4)

    在这里插入图片描述

注意：宏任务每次在执行同步代码时，产生微任务队列，清空微任务队列任务后，微任务队列空间释放！

下一次宏任务执行时，遇到微任务代码，才会再次申请微任务队列空间放入回调函数消息排队

总结：一个宏任务包含微任务队列，他们之间是包含关系，不是并列关系

小结

  1. 什么是宏任务？

    答案
    • 浏览器执行的异步代码 例如：JS 执行脚本事件，setTimeout/setInterval，AJAX请求完成事件，用户交互事件等

  2. 什么是微任务？

    答案
    • JS 引擎执行的异步代码 例如：Promise对象.then()的回调

  3. JavaScript 内代码如何执行？

    答案
    • 执行第一个 script 脚本事件宏任务，里面同步代码 遇到 宏任务/微任务 交给宿主环境，有结果回调函数进入对应队列 当执行栈空闲时，清空微任务队列，再执行下一个宏任务，从1再来

在这里插入图片描述

10.事件循环 - 经典面试题

目标

锻炼事件循环模型的使用

讲解

  1. 需求：请切换到对应配套代码，查看具体代码，并回答打印顺序（锻炼事件循环概念的理解，阅读代码执行顺序_）

    // 目标：回答代码执行顺序
console.log(1)
setTimeout(() => {
  console.log(2)
  const p = new Promise(resolve => resolve(3))
  p.then(result => console.log(result))
}, 0)
const p = new Promise(resolve => {
  setTimeout(() => {
    console.log(4)
  }, 0)
  resolve(5)
})
p.then(result => console.log(result))
const p2 = new Promise(resolve => resolve(6))
p2.then(result => console.log(result))
console.log(7)

    在这里插入图片描述

小结

暂无

11.Promise.all 静态方法

目标

了解 Promise.all 作用和使用场景

讲解

  1. 概念：合并多个 Promise 对象，等待所有同时成功完成（或某一个失败），做后续逻辑

    在这里插入图片描述

  2. 语法：

    const p = Promise.all([Promise对象, Promise对象, ...])
p.then(result => {
  // result 结果: [Promise对象成功结果, Promise对象成功结果, ...]
}).catch(error => {
  // 第一个失败的 Promise 对象，抛出的异常对象
})

  3. 需求：同时请求“北京”，“上海”，“广州”，“深圳”的天气并在网页尽可能同时显示

    在这里插入图片描述

  4. 核心代码如下：

    <!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Promise的all方法</title>
</head>

<body>
  <ul class="my-ul"></ul>
  <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  <script>
    /**
     * 目标：掌握Promise的all方法作用，和使用场景
     * 业务：当我需要同一时间显示多个请求的结果时，就要把多请求合并
     * 例如：默认显示"北京", "上海", "广州", "深圳"的天气在首页查看
     * code：
     * 北京-110100
     * 上海-310100
     * 广州-440100
     * 深圳-440300
    */
    // 1. 请求城市天气，得到Promise对象
    const bjPromise = axios({ url: 'http://hmajax.itheima.net/api/weather', params: { city: '110100' } })
    const shPromise = axios({ url: 'http://hmajax.itheima.net/api/weather', params: { city: '310100' } })
    const gzPromise = axios({ url: 'http://hmajax.itheima.net/api/weather', params: { city: '440100' } })
    const szPromise = axios({ url: 'http://hmajax.itheima.net/api/weather', params: { city: '440300' } })

    // 2. 使用Promise.all，合并多个Promise对象
    const p = Promise.all([bjPromise, shPromise, gzPromise, szPromise])
    p.then(result => {
      // 注意：结果数组顺序和合并时顺序是一致
      console.log(result)
      const htmlStr = result.map(item => {
        return `<li>${item.data.data.area} --- ${item.data.data.weather}</li>`
      }).join('')
      document.querySelector('.my-ul').innerHTML = htmlStr
    }).catch(error => {
      console.dir(error)
    })
  </script>
</body>

</html>

小结

  1. Promise.all 什么时候使用？

    答案
    • 合并多个 Promise 对象并等待所有同时成功的结果，如果有一个报错就会最终为失败状态，当需要同时渲染多个接口数据同时到网页上时使用

12.案例-商品分类

目标

完成商品分类效果

讲解

  1. 需求：尽可能同时展示所有商品分类到页面上

    在这里插入图片描述

  2. 步骤：

    1. 获取所有的一级分类数据

    2. 遍历id，创建获取二级分类请求

    3. 合并所有二级分类Promise对象

    4. 等待同时成功，开始渲染页面

  3. 核心代码：

    /**
 * 目标：把所有商品分类“同时”渲染到页面上
 *  1. 获取所有一级分类数据
 *  2. 遍历id，创建获取二级分类请求
 *  3. 合并所有二级分类Promise对象
 *  4. 等待同时成功后，渲染页面
*/
// 1. 获取所有一级分类数据
axios({
  url: 'http://hmajax.itheima.net/api/category/top'
}).then(result => {
  console.log(result)
  // 2. 遍历id，创建获取二级分类请求
  const secPromiseList = result.data.data.map(item => {
    return axios({
      url: 'http://hmajax.itheima.net/api/category/sub',
      params: {
        id: item.id // 一级分类id
      }
    })
  })
  console.log(secPromiseList) // [二级分类请求Promise对象，二级分类请求Promise对象，...]
  // 3. 合并所有二级分类Promise对象
  const p = Promise.all(secPromiseList)
  p.then(result => {
    console.log(result)
    // 4. 等待同时成功后，渲染页面
    const htmlStr = result.map(item => {
      const dataObj = item.data.data // 取出关键数据对象
      return `<div class="item">
    <h3>${dataObj.name}</h3>
    <ul>
      ${dataObj.children.map(item => {
        return `<li>
        <a href="javascript:;">
          <img src="${item.picture}">
          <p>${item.name}</p>
        </a>
      </li>`
      }).join('')}
    </ul>
  </div>`
    }).join('')
    console.log(htmlStr)
    document.querySelector('.sub-list').innerHTML = htmlStr
  })
})

小结

暂无

13.案例-学习反馈-省市区切换

目标

完成省市区切换效果

讲解

  1. 需求：完成省市区切换效果

    在这里插入图片描述

  2. 步骤：

    1. 设置省份数据到下拉菜单

    2. 切换省份，设置城市数据到下拉菜单，并清空地区下拉菜单

    3. 切换城市，设置地区数据到下拉菜单

  3. 核心代码：

    /**
 * 目标1：完成省市区下拉列表切换
 *  1.1 设置省份下拉菜单数据
 *  1.2 切换省份，设置城市下拉菜单数据，清空地区下拉菜单
 *  1.3 切换城市，设置地区下拉菜单数据
 */
// 1.1 设置省份下拉菜单数据
axios({
  url: 'http://hmajax.itheima.net/api/province'
}).then(result => {
  const optionStr = result.data.list.map(pname => `<option value="${pname}">${pname}</option>`).join('')
  document.querySelector('.province').innerHTML = `<option value="">省份</option>` + optionStr
})

// 1.2 切换省份，设置城市下拉菜单数据，清空地区下拉菜单
document.querySelector('.province').addEventListener('change', async e => {
  // 获取用户选择省份名字
  // console.log(e.target.value)
  const result = await axios({ url: 'http://hmajax.itheima.net/api/city', params: { pname: e.target.value } })
  const optionStr = result.data.list.map(cname => `<option value="${cname}">${cname}</option>`).join('')
  // 把默认城市选项+下属城市数据插入select中
  document.querySelector('.city').innerHTML = `<option value="">城市</option>` + optionStr

  // 清空地区数据
  document.querySelector('.area').innerHTML = `<option value="">地区</option>`
})

// 1.3 切换城市，设置地区下拉菜单数据
document.querySelector('.city').addEventListener('change', async e => {
  console.log(e.target.value)
  const result = await axios({url: 'http://hmajax.itheima.net/api/area', params: {
    pname: document.querySelector('.province').value,
    cname: e.target.value
  }})
  console.log(result)
  const optionStr = result.data.list.map(aname => `<option value="${aname}">${aname}</option>`).join('')
  console.log(optionStr)
  document.querySelector('.area').innerHTML = `<option value="">地区</option>` + optionStr
})

小结

暂无

14.案例-学习反馈-数据提交

目标

完成学习反馈数据提交

讲解

  1. 需求：收集学习反馈数据，提交保存

    在这里插入图片描述

  2. 步骤：

    1. 监听提交按钮的点击事件

    2. 依靠插件收集表单数据

    3. 基于 axios 提交保存，显示结果

  3. 核心代码如下：

    /**
 * 目标2：收集数据提交保存
 *  2.1 监听提交的点击事件
 *  2.2 依靠插件收集表单数据
 *  2.3 基于axios提交保存，显示结果
 */
// 2.1 监听提交的点击事件
document.querySelector('.submit').addEventListener('click', async () => {
  // 2.2 依靠插件收集表单数据
  const form = document.querySelector('.info-form')
  const data = serialize(form, { hash: true, empty: true })
  console.log(data)
  // 2.3 基于axios提交保存，显示结果
  try {
    const result = await axios({
      url: 'http://hmajax.itheima.net/api/feedback',
      method: 'POST',
      data
    })
    console.log(result)
    alert(result.data.message)
  } catch (error) {
    console.dir(error)
    alert(error.response.data.message)
  }
})

小结

暂无

今日重点(必须会)

  1. 掌握 async 和 await 的使用

  2. 理解 EventLoop 和宏任务微任务执行顺序

  3. 了解 Promise.all 的作用和使用场景

  4. 完成案例-学习反馈

今日作业(必完成)

参考作业文件夹里md文档的要求

参考文献

  1. async和await的mdn讲解

本文章对应教程：

黑马程序员前端AJAX入门到实战全套教程，包含学前端框架必会的（ajax+node.js+webpack+git）

黑马程序员官方
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
博客
自学前端需要达到什么水平才能去找工作？来看看这套前端学习路线图
11-26 2万+
自学前端需要达到什么水平？当然是水平越高，越容易找到工作。在竞争这么激烈的2020年，就需要更加的努力，充实自己，让自己不被代替！看了好多的回答，大家都是再说学到什么水平能找到工作，我就来分享干货吧！祝看到这篇干货的小伙伴，工作步步高升！黑马程序员学习路线图及能掌握的能力（总，以下会分阶段，加上配套学习视频，小伙伴可继续往下看！）第一阶段：HTML5+css配套学习视频：前端小白零基础入门HTML5+CSS3完整视频：http://yun.itheima.co.
博客
软件测试全套教程，2020年全新软件测试学习路线图
05-04 1万+
2020年全新的软件测试学习路线图来袭，零基础入行入职必备学习教程，高质量免费资源在线学习！还在等什么，想学习软件测试的小伙伴，快来点击进入学习状态吧！一、基础入门课程亮点1. 熟悉计算机相关概念。2. 掌握基础的测试理论。3. 熟练掌握HTML常用标签input。4. 掌握使用CSS选择器。配套学习视频：软件测试基础入门之HTML基础​软件测试基础入门......
博客
Java多线程编程，来看这篇就够了！全新Java多线程教程！
06-25 6770
对于Java程序员来讲，Spring全家桶几乎可以搞定一切，Spring全家桶便是精妙的招式，多线程就是内功心法很重要的一块，线上出现性能问题，多线程更是不可回避的问题。因此多线程基础知识对于高级程序员的重要性不必言语！很多公司在面试高级程序员时候，多线程相关知识也必定是考核的标准之一。那我们为什么要学习多线程呢？掌握Java多线程可以：应对面试、优化之路、深入理解。应对面试在面试中，求职...
博客
QT教程，QT从入门到实战教程完整版
06-17 6万+
Qt是一个跨平台开发框架，可以使用C++和Qml开发，同时它又不仅仅只是开发框架，它也是一种技术策略，可以让你快速、高效地设计、开发、部署和维护软件，同时在所有设备上提供无缝的用户体验。因而，对于C/C++工程师而言，QT是必须要学习的一个跨平台开发框架，今天分享一个QT教程！课程亮点1，知识体系完备，内容精炼2，脉络清晰，讲解过程把握知识主线。3，结合工作实践及分析应用，培养...
博客
软件测试人员应该如何介绍自己测试过的项目
05-09 4万+
测试人员在找工作的过程中，通常有一个问题是很难绕开的。就是要如何向别人介绍自己之前做过的项目。下面我们就这个问题简单的做一些分析。要解决这个问题，大体上可以分为如下几个步骤：1、对项目进行基本介绍2、说明自己负责测试的模块3、针对部分模块展开进行说明一. 对项目进行基本介绍以下就以一个简单的项目进行介绍说明：最近测试的Tpshop项目是一个B/S架构的Web项...
博客
软件测试全套教程，软件测试自学线路图
07-09 19万+
软件测试：软件测试是为了发现程序中的错误而执行程序的过程。通俗的说，软件测试需要在发布软件之前，尽可能的找软件的错误，尽量避免在发布之后给用户带来不好的体验，并要满足用户使用的需求。现在市面上这么多软件，每个软件背后都有软件测试工程师的功劳，这也造就了软件测试行业前景非常好，今天我就分享一下自学线路图，及全套教程！软件测试学习线路图点击查看大图第一阶段：该...
博客
Python入门教程完整版（懂中文就能学会）
09-28 18万+
今天本宝宝给大家带来了干货，Python入门教程完整版，完整版啊！完整版！言归正传，我来给大家介绍一下这套教程，希望每个小伙伴都沉迷学习，无法自拔！本套教程学习时间15天1-3天内容：为Linux基础命令4-13天内容：为Python基础教程14-15 天内容：为飞机大战项目演练第一阶段（1-3天）：该阶段首先通过介绍不同领域的三种操作系统，操作系统的发展简史以及...
博客
Java学习路线图，全套Java基础视频教程
09-07 23万+
深知广大爱好Java的人学习是多么困难，没视频没资源，上网花钱还老被骗。为此我呕心沥血整理了这套Java教程，不管你是不懂电脑的小白，还是已经步入开发的大牛，这套路线路你都值得拥有，小白看上面的视频可以成功学会Java并且顺利工作，大神看了上面的资源肯定会谆谆乐道，教程的宗旨就是分享，专业，便利，让喜爱Java的人，都能平等的学习。首先建立好开发环境非常重要，工欲善其事，必先利其器。做任何开发.........
博客
Python学习：各阶段知识点详细汇总
04-26 322
Python 是一种目前非常流行且应用广泛的编程语言，它不仅开发快速，易于学习，还拥有广泛的应用场景和吸引人的薪资前景。无论是数据分析、网络编程还是自动化，Python 都能派上用场。下面，我将分享我的 Python 学习经验，帮助你高效入门并逐步深入。
博客
鸿蒙开发培训：0到1带你学习具体项目
04-25 158
作为一个经验丰富的开发，每一次在学习的时候都是通过项目驱动的方式。这种方法已经陪伴我从VC、Delphi，到PHP、Java，再到Android和Python等。今天，我将分享如何通过一个具体项目—“HarmonyOS 手机通讯录开发”—来学习鸿蒙操作系统。在开始编写“HarmonyOS 手机通讯录”这个项目之前，首先要进行需求分析。由于这是一个较小的案例，可以很快就在脑海中形成了一个原型。基于我过去的项目经验，我会先考虑如果使用Android或Vue实现会是怎样的步骤。尽管Android和Vue的语法不同
博客
Java基础知识以及面向对象总结
04-24 739
面向对象编程（OOP）是一种流行的软件设计模式，它与面向过程编程和面向切面编程等其他设计理念相对立。OOP的核心在于使用接近人类思维模式的方法来设计软件，通过将系统中的各个部分抽象为类，并将这些类整合以构建复杂的系统。例如，在设计一个电脑时，使用OOP方法，我们可能会定义如CPU、硬盘、显示器和内存等组件的类，并将它们集成到一个总体的Computer类中。相对于面向过程的方法，后者通常会把问题拆分成一系列函数，这些函数按特定顺序执行以解决问题。
博客
鸿蒙开发培训，详细鸿蒙学习路线图
04-24 871
2024年被誉为“鸿蒙元年”，随着1月18日鸿蒙Next预览版向开发者正式开放申请，这个由中国自主研发的操作系统，正踏上了独立发展的新征程。鸿蒙生态的迅速发展，不仅标志着技术的进步，也为全球开发者社区带来了前所未有的机遇。根据最新数据，截至2023年底，HarmonyOS在中国的市场份额已达到16%，全球市场份额也达到了4%，仅次于Android和iOS，成为全球第三大手机操作系统。随着市场份额的不断扩大，对鸿蒙开发人才的需求也在激增。
博客
Python学习：入门到精通的完整学习路线图
04-18 845
了解数据处理的基本概念和流程，学习使用csv模块读写csv文件，使用json模块读写json文件，以及使用pickle模块实现对象的序列化和反序列化。
博客
华为，真的是亲戚眼中的神
04-12 800
有条高赞回答是这样说的：计算机虽然不是唯一路径，但确实更适合没有人脉、没有背景的农村孩子，这是一条实实在在，看得见摸得着的道路。感觉以前跟爸妈说在互联网工作，他们一头雾水，不理解也不认同，但是现在，如果谁家孩子是在华为这样的大公司工作，相比电网、烟草、石油等行业，大厂很少看家庭背景出身，技术在手，天下我有，技术是你最有力的底牌。这样的收入，无论在哪个城市都能过得非常舒适，即使在“北上广深”，也明显高于当地的平均薪资。播妞发现，不单单是华为，在任何一家互联网大厂工作，在父母眼中孩子都是“有出息了”。
博客
TIOBE 4月编程排行榜出炉！PHP意外跌落神坛！
04-11 308
例如国外的Google、YouTube、Facebook、NASA、IBM，国内的腾讯、阿里、网易、知乎、豆瓣、汽车之家、美团等等。可以说，无论你是叱咤IT界的“行业卷王”，还是跃跃欲试的“青铜选手”，想要在不断变化的技术环境中保持领先，相信大家都听过这个梗，“PHP是世界上最好的编程语言”，就是这门语言，在本月意外巨幅下滑至第17位，Python能够轻松地实现复杂的算法和模型，众多流行的机器学习框架和库都是用它编写的。Python的高薪不仅停留在北京这样的一线城市，众多非一线城市的薪资也在迅速赶超。
博客
2024年怎么学Python？
04-10 511
在开始学习Python之前，希望各位打算要学习的小伙伴先来搞清楚Python的用途是什么。数据科学：Python 广泛用于数据分析和可视化，其中 Pandas、NumPy 和 Matplotlib 等库特别有用。Web开发：Django 和 Flask 等框架用于后端 Web 开发。软件开发：你可以在软件开发中使用 Python 进行脚本编写、自动化和测试。游戏开发：你甚至可以使用 PyGame 和 tkinter 等库将其用于游戏开发。
博客
厉害了，一家6人都来黑马！表姐月薪3万，还是单身哦~
04-02 559
虽然一些城市的薪资不及顶尖的一二线城市，但与众多其他行业相比，Java工程师的薪资仍然非常有竞争力。黑马Java课程的同学，在毕业时的能力可以对标有2-3年工作经验的高级开发工程师，根据2023年就业数据，2024年，高校毕业生人数再创历史新高，小纯同学和许多应届毕业生一样，没有工作经验就像是一张白纸，“她说“作为科班生，我的专业课成绩还算不错，小纯同学坦言：“我来到黑马是必然，毕业后，我希望留在杭州找一份Java工程师的工作，小纯同学家五位亲戚，一个接一个都在IT行业中找到了自己的舞台，他们的成功，
博客
211计算机专业，5个应届生最真实求职情况！
04-01 925
通过对比分析可以发现，面对当前的就业市场，大学里学到的专业知识非常有限，各位朋友，在求职的海洋中，我们无法控制风浪，但我们可以提升自己的航船技巧，乘风破浪，勇往直前！上面三位网友，都是24届的计算机毕业生，尤其是计算机相关专业，编程是一门强调实践的学科，考试分数高，不一定编程能力就强。针对很多应届毕业生零面试经验的情况，我们的课程还配有十分完善的就业指导服务，黑马一位大数据的学长说“可以肯定的说，来黑马学习是我做过的最明确的决定，后来，经过一番深入交流我才知道，原来他是24届的毕业生，软件工程专业，
博客
Java黄埔班就业率高达98%，更有学员入职数字马力和比亚迪！
03-28 918
为了满足更多学生站在更高起点就业的需求，也为了顺应互联网发展新形势，引领互联网职业教育走向高质量发展，培养更多符合企业需求的学生，黑马程序员决定开设黄埔训练营！打破固定的教学模式，黑马黄埔训练营是一次大胆的创新，也带来了意想不到的效果，仅开设两期就收到了不少的好评，并吸引不少学生慕名而来。良好的学习习惯是一生的财富，为了帮助学生克服先天的惰性，以及自驱力不足等问题，黄埔训练营严格采用黑马程序员半军事化管理制度，众所周知，影响国家一个时代的黄埔军校作为教育的先驱，被称为“将帅摇篮”，其赫赫威名早已扎根人心。
博客
华为“全球最大研发中心”今年建成！预计招聘3.5万人！
03-27 378
据《中国集成电路产业人才发展报告》显示，2023年全行业人才需求达到76.65万人左右，这一数字，不仅凸显了集成电路产业的蓬勃发展，也揭示了该领域对专业人才的迫切需求。他们坚持将每年收入的10%以上投入到研发中，截至2022年底，华为公司研发员工超过11.4万名，占员工数量的55.4%。首先，这可不是什么网友爆料的“小道消息”，华为上海青浦研发中心是华为公司全球战略布局的重要项目之一，芯片，又称集成电路，被喻为“工业粮食”，是所有整机设备的“心脏”。最近，华为的一条招聘帖子在网络上爆了，

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值