最近看了几个微前端框架的源码（single-spa[1]、

web前端怎么样才能入门，首先我们要从什么是初级web前端工程师说起：

按照我的想法，我把前端工程师分为了入门、初级、中级、高级这四个级别，

入门级别指的是了解到底什么是前端，了解基本的html、css和javascript语法。

在经历过入门的阶段，已经了解了前端要做什么，并且把基本的语法学习过了可以独立做一些简单的页面了，那么就要继续学习达到初级前端工程师的水平，对于初级的前端工程师需要了解的就特别多了，需要对整个前端有一个清晰的认识，并且熟练使用各种技术。

大家好，很高兴又见面了，我是"

本文主要内容如下：

前端路由 前端路由是后来发展到SPA（单页应用）时才出现的概念。 SPA 就是一个WEB项目只有一个 HTML 页面，一旦页面加载完成，SPA 不会因为用户的操作而进行页面的重新加载或跳转。 前端路由在SPA项目中是必不可少的，页面的跳转、刷新都与路由有关，通过不同的url显示相应的页面。 优点：前后端的彻底分离，不刷新页面，用户体验较好，页面持久性较好。 后端路由 当在地址栏切换不同的url时，都会向服务器发送一个请求，服务器接收并响应这个请求，在服务端拼接好html文件返回给页面来展示。 优点：减轻了前端的压力，html都由后端拼接； 缺点：依赖于网络，网速慢，用户体验很差，项目比较庞大时，服务器端压力较大， 不能在地址栏输入指定的url访问相应的模块，前后端不分离。 路由模式 前端路由实现起来其实很简单，本质是监听 URL 的变化，然后匹配路由规则，在不刷新的情况下显示相应的页面。 hash模式（对应HashHistory）

最近做了一个这样的业务处理，在uniapp 项目中使用第三方页面，需要在当前的页面中把一些数据传给第三方，第三方处理后返回一些数据给当前页面，后续其他的操作会用到当前的数据。

当前页面-发送数据(iframe页面）

iframe 包括第三方地址把需要传递的数据拼接到url 地址

在vue2中 vue-router 通过插件的形式进行工作，回顾下具体操作步骤如下：

在router文件中

// 在router文件中引入 
import Router from 'vue-router'
// 使用Router
Vue.use(Router)
    
let routes = [
  {
    path: '/',
    name: 'HelloWorld',
    component: HelloWorld
  },
  {
    path: '/test',
    name: 'test',
    component: test
  }
];
// 导出Router对象
export default new Router({
  routes: routes,
  mode: 'hash',
})


在main.js中使用router对象
import router from './router'
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

添加图片注释，不超过 140 字（可选）

什么是跨域

跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。

广义的跨域：

1）资源跳转：A链接、重定向、表单提交

2）资源嵌入：<link>、<script>、<img>、<frame>等dom标签，还有样式中background:url()、@font-face()等文件外链

3）脚本请求：js发起的ajax请求、dom和js对象的跨域操作等