两年经验前端带你重学前端框架必会的ajax+node.js+webpack+git等技术

最新推荐文章于 2024-08-28 11:59:16 发布

编程大师12

最新推荐文章于 2024-08-28 11:59:16 发布

阅读量241

点赞数 4

文章标签：前端 node.js 前端框架

本文链接：https://blog.csdn.net/2401_86778468/article/details/141478756

版权

文章目录
两年经验前端带你重学前端框架必会的ajax+node.js+webpack+git等技术第一章
大致课程安排
AJAX
达到视频中效果课使用的插件
安装插件
使用插件
注意视频中其实是开了一个浏览器，然后实现一半一半屏幕
快速入门小案例
URL介绍
axios为什么这么写介绍
axios参数
axios查询参数
axios请求方法参数
小案例实践
小案例报错！代码看着没问题但显示TypeError: Cannot read properties of undefined (reading 'protocol')
axios错误处理
HTTP
HTTP请求协议
通过请求报文查错
通过请求找bug思路
**一：复现bug**
二：查看报错信息或请求信息
三：根据信息找到相关代码，以此为切入点，理解一部分项目，从而进行代码修改
HTTP响应协议
image-20240706144317927
接口文档
结天案例
form-seralize插件
大致课程安排

AJAX

达到视频中效果课使用的插件
安装插件
Preview on Web Server
1

使用插件

注意视频中其实是开了一个浏览器，然后实现一半一半屏幕

然后通过open in browser来
快速入门小案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>axios基本使用</title>
</head>
<body>
<p class="my-p"></p>
</body>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script>
axios({
url:'http://hmajax.itheima.net/api/province'
}).then(result => {
console.log(result)
console.log(result.data.list)
document.querySelector('.my-p').innerHTML = result.data.list.join('<br>')
})
</script>
</html>