coder-Tom

一个喜欢代码, 音乐,读书, 跑步, 记录生活的程序员

0%

axios发送请求过程详解

先来看一下axios的一个基本的使用

1
2
3
4
5
6
7
8
9
// axios的发送请求
axios({
method: "GET",
url:"http://localhost:3000/posts"
}).then(response => {
console.log(response)
}).catch(err => {
console.log(err)
})

我们还是按照之前创建的本地服务作为例子来进行一个说明,下面这幅图是返回的结果:

阅读全文 »

程序员的自我修养

国庆期间, 读了这本《程序员的自我修养》,学到了很多东西, 下面分享给大家。

享受职业素养

​ 我在招聘时常问的一个问题是:在你过去的工作中,遭遇过哪些印象深刻的困难,最后是怎么解决的?依我的经验,简历写得再漂亮的人,如果这个问题答不好,大都可以直接忽略。为什么会有这种结论?因为我们需要招聘的不是“经历丰富”的人,而是“有职业素养的人”。你遇到的问题可能很容易也可能很难,但我看重的并不是问题的难度,而是解决问题的方式、步骤以及反思的深度。拿恢复误删数据来说,这可能算非常简单的任务。我更感兴趣的是怎样分析问题,找了怎样的资料,采取了怎样的步骤,此后做了哪些措施来避免这种错误再次出现。在我看来,相比问题本身的难度,解决问题的方式和步骤以及反思的深度,都体现出一个人的职业素养。

阅读全文 »

axios源码分析

打开之后, 它算是一个工程,里面有很多文件夹和文件,同学们可以一边看源码一边看我的分析。

阅读全文 »

vite的基本使用

vite是下一代的前端构建工具

vite是一个法语单词,它的意思就是quick, 翻译过来就是快的意思;vite是一个被强烈建议的web开发工具, 通过ES module的这种方式来导入。

官网文档地址: https://vitejs.dev/guide

阅读全文 »

函数防抖和节流

什么是函数防抖?

短时间内多次触发同一事件,只执行最后一次,或者只执行最开始的一次,中间的不执行

而我们的函数防抖分为立即执行版和非立即执行版:

非立即执行版:

1
2
3
4
5
6
7
8
9
10
11
 function debounce(func, wait) {
let timeout;
return function () {
const context = this;
const args = [...arguments];
if (timeout) clearTimeout(timeout);
timeout = setTimeout(() => {
func.apply(context, args)
}, wait);
}
}
阅读全文 »

你必须要知道的meta标签知识

meta标签是html标记语言head区一个非常有用的一个辅助性标签,在所有网页中都可以看到以下代码:

1
2
3
4
5
6
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
阅读全文 »

深入了解eslint

我们在学一个东西之前, 必须清楚的知道它是干什么的, 怎么用? 之后我们才能将它融会贯通,学以致用

JavaScript的编程风格

在前端工程愈演愈大的情况下,JavaScript占的比例也很足,需要良好的书写风格,才能在多人协作code时提高效率,何况代码还是需要人来读的,所以可读性、可维护性高的代码很多时候有重要意义。这个时候我们的eslint横空出世

阅读全文 »

与优秀的人在一起, 真的很重要

孟母三迁的故事告诫我们,一个人的生活环境真的非常重要,跟优秀的人在一起,你也会变得优秀;而跟懒惰的人在一起,你也同样会被同化成懒惰之人。

阅读全文 »