2024年最新Vue2-9-Vant组件库与axios，2024年最新web前端开发6个常见面试问题_vue2组件库

最后

正值招聘旺季，很多小伙伴都询问我有没有前端方面的面试题！

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

plugins: [ // 插件配置

[‘import’, {

libraryName: ‘vant’, // 名字

libraryDirectory: ‘es’, // 目录名称

style: true // 自动引入样式

}, ‘vant’]

]

4. 创建utils文件夹下创建vant-import.js文件有两种使用方式

• 按需引入配置引入组件信息（推荐）

import Vue from ‘vue’

import {

Button,

Cell,

Calendar,

} from ‘vant’ // 从vant中拿到需要的组件

Vue.use(Button)

Vue.use(Cell)

Vue.use(Calendar) // 注册全局使用

• 一次性导入所有文件

import Vue from ‘vue’;

import Vant from ‘vant’;

import ‘vant/lib/index.css’; // 引入样式表，按需注册时会自动引入

Vue.use(Vant);

5. man.js入口文件处配置

import ‘./utils/vant-import’ // 引入vant组件

fetch

========================================================================

1. Fetch API 提供了一个 JavaScript 接口，用于访问和操纵 HTTP 管道的一些具体部分，例如请求和响应

2. 它还提供了一个全局 fetch() 方法，该方法提供了一种简单，合理的方式来跨网络异步获取资源

3. 语法：传入两个值（ 请求的url,控制不同配置的 init 对象）返回一个promise对象

fetch(url=‘http://example.com/movies.json’,[init])

.then(response => response.json())

.then(data => console.log(data));

4. App.vue中使用

const result = fetch(‘http://localhost:3000’)

console.log(‘result:’, result)

result

.then(res => res.json())

.then(data => {

console.log(‘数据：’, data)

})

// 带参写法

//const result = fetch(‘http://localhost:3000’,{

// method: ‘POST’,

// data: {

// id: 1

// }

})

//console.log(‘result:’, result)

//result

// .then(res => res.json())

// .then(data => {

// console.log(‘数据：’, data)

// })

/*

• 控制台打印

• result: Promise {} // 通过fetch返回的是一个promise对象，就可以继续回调

• 数据： (5) [{…}, {…}, {…}, {…}, {…}]

*/

axios

======================================================================================================

1. Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中

2. 安装npm install axios

3. utils下的新建request.js文件

import axios from ‘axios’

import { Toast } from ‘vant’ // 引入vant组件，发送请求时出现提示信息

最后

在面试前我花了三个月时间刷了很多大厂面试题，最近做了一个整理并分类，主要内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

• HTML5新特性，语义化

• 浏览器的标准模式和怪异模式

• xhtml和html的区别

• 使用data-的好处

• meta标签

• canvas

• HTML废弃的标签

• IE6 bug，和一些定位写法

• css js放置位置和原因

• 什么是渐进式渲染

• html模板语言

• meta viewport原理

• 开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

/img_convert/64590c67cb47cd552a892ba710477f64.png)

• 开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】