2024年Web前端最新Vue（九）http-proxy跨域、插槽，BAT面试文档

最后

好了，这就是整理的前端从入门到放弃的学习笔记，还有很多没有整理到，我也算是边学边去整理，后续还会慢慢完善，这些相信够你学一阵子了。

做程序员，做前端工程师，真的是一个学习就会有回报的职业，不看出身高低，不看学历强弱，只要你的技术达到应有的水准，就能够得到对应的回报。

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

学习从来没有一蹴而就，都是持之以恒的，正所谓活到老学到老，真正懂得学习的人，才不会被这个时代的洪流所淘汰。

… …

devServer: {

proxy: {

‘/’: {

target: http://服务器端接口地址统一前缀部分,

changeOrigin: true,

}

}

}

（2）配置代理程序后，main.js中就不用再配置axios.defautls.baseURL了；

（3）重启npm run serve。

小结（高频笔试面试）：

跨域方式共有3种：cors、jsonp、http代理；

前端工程师最常用的方式：http代理；

如果不用ajax，还能怎么发请求：(1)jsonp的

二、插槽（slot）

在程序中有如多个提示框布局风格一致只是内部内容不同的情况，为了避免重复编写代码，就可以用到插槽。

插槽就是组件中一块可动态改变HTML片段内容的区域，今后编程中如果有多个组件，拥有相同的结构框架，只是内部HTML片段有不同时就都应该使用插槽。

插槽的使用（以对话框举例来了解插槽的过程）：点击按钮后页面分别弹出对应的对话框

1.先定义一个组件包含统一的外壳结构

新建一个外壳组件，将任意一个现有对话框代码整体复制到组件中，删除组件中将来可能发生变化的大片HTML片段位 置，并用标签占位组件中个别可能变化的文本，改为绑定语法，并在props成员中添加外来属性。

2.再在每次使用组件时，动态改变组件中插槽 区域的HTML片段内容

2.1在原对话框中引入带插槽的外壳组件

import Waike from “./Waike”

export default {

… …,

总结

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

从转行到现在，差不多两年的时间，虽不能和大佬相比，但也是学了很多东西。我个人在学习的过程中，习惯简单做做笔记，方便自己复习的时候能够快速理解，现在将自己的笔记分享出来，和大家共同学习。

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

个人将这段时间所学的知识，分为三个阶段：

第一阶段：HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

• 推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；如果因为我的笔记太过简陋不理解，可以关注我以后我还会继续分享。

• 大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。