文末
js前端的重头戏,值得花大部分时间学习。
推荐通过书籍学习,《 JavaScript 高级程序设计(第 4 版)》你值得拥有。整本书内容质量都很高,尤其是前十章语言基础部分,建议多读几遍。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
另外,大推一个网上教程 现代 JavaScript 教程 ,文章深入浅出,很容易理解,上面的内容几乎都是重点,而且充分发挥了网上教程的时效性和资料链接。
学习资料在精不在多,二者结合,定能构建你的 JavaScript 知识体系。
面试本质也是考试,面试题就起到很好的考纲作用。想要取得优秀的面试成绩,刷面试题是必须的,除非你样样精通。
这是288页的前端面试题
🎯axios安装与使用
Github开源地址: https://github.com/axios/axios
- 使用CDN链接axios(这种方式较少使用,目前基本上都是脚手架创建项目后采用ES6 Modules引入需要的插件,但是这里的小demo可以使用这个,非常方便)
- 使用 jsDelivr CDN:
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
- 使用 unpkg CDN:
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
- 使用 npm安装:
$ npm install axios
- 使用 cnpm安装:
$ cnpm install axios
- 使用 yarn安装:
$ yarn add axios
🧩axios请求方法
- **get:**获取数据
- **post:**提交数据(表单提交 + 文件上传,一般用于提交数据,如上传图片或上传 Excel 文件等)。
- **put:**更新数据(所有数据推送到后端)。
- **patch:**更新数据(只将修改的数据推送到后端)
- **delete:**删除数据
- 这5个请求方法都是由后端定义的,也就是说,因为请求的接口都是请求到后端,然后由后端去操作数据库,把数据进行存储、修改和删除,所以具体的请求方法都是由后端来确定的。
- 具体就不介绍每个方法的使用案例了
🧩axios的使用方法(以get为例子)
方法一
axios.get("url").then(function (res) { console.log(res); }), function (err) { console.log(err); }
方法二
axios({ method: "get", url: "url" }).then(res => { console.log(res); }), (err) => console.log(err)
🎯demo介绍
- 布局和样式就是一个按钮加一个显示文字的区域,这不是重点,重点通过axios获取到数据。
- 功能就是点击按钮后,通过axios获取到数据,然后显示在方框中。
- 使用的接口如下:
🎯完整代码
<!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>Document</title> </head> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> <style> </style> <body> <div id="app"> <input type="button" @click="getJoke" value="点击获取笑话数据"> <div style="width: 400px;height: 400px; border: 1px solid; overflow: auto;">{{joke}}</div> </div> </body> <!-- 通过CDN链接axios --> <script src="https://unpkg.com/axios/dist/axios.min.js"></script> <script> //vue2写法 // var app =new Vue({ // el:'#app', // data:{ // }, // methods:{ // } // }).mount('#app'); const { createApp } = Vue createApp({ data() { return { joke: "通过axios获取笑话" } }, methods: { getJoke: function () { //axios获取后端接口数据方法一 // console.log(this.joke); var that = this axios.get("https://autumnfish.cn/api/joke").then( function (res) { console.log(res.data); // console.log(that.joke); that.joke = res.data }), function (err) { console.log(err); } //axios获取后端接口数据方法二 // axios({ // method: "get", // url: "https://autumnfish.cn/api/joke" // }).then(res => { // console.log(res); // }), (err) => console.log(err) } }, }).mount('#app')
总结
前端资料汇总
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
-
框架原理真的深入某一部分具体的代码和实现方式时,要多注意到细节,不要只能写出一个框架。
-
算法方面很薄弱的,最好多刷一刷,不然影响你的工资和成功率😯
-
在投递简历之前,最好通过各种渠道找到公司内部的人,先提前了解业务,也可以帮助后期优秀 offer 的决策。
-
要勇于说不,对于某些 offer 待遇不满意、业务不喜欢,应该相信自己,不要因为当下没有更好的 offer 而投降,一份工作短则一年长则 N 年,为了幸福生活要慎重选择!!!
喜欢这篇文章文章的小伙伴们点赞+转发支持,你们的支持是我最大的动力!