vue路由传参的四种方式 一、router-link路由导航方式传参 父组件：<router-link to="/跳转到的路径/传入的参数"></router-link> 子组件：this.$route.params.content接受父组件传递过来的参数 例如： 路由配置： bashbash{path:'/father/son/:num',name:A,component:A}``` 地址栏中的显示： http://localhost:8080/#/f

本文整理 vue2 项目接入 vite2 需要注意的事项。 基本配置 首先我们需要在项目中安装 vite；其次，要支持 vue2 还需要安装 vite-plugin-vue2。 npm install vite vite-plugin-vue2 -D 然后，需要新建一个 vite.config.js 文件替换掉 vue.config.js 文件。其基础内容如下： import { defineConfig } from 'vite'; import { createVuePlugi

前言 Vue3出了已经有一段时间了，之前做的项目基本都是Vue2+webpack做的，正好现在马上要接一个新的项目，先手撸一套脚手架试试水~ 技术栈 开发工具：VSCode 代码管理：Git 前端框架：Vue3 构建工具：Vite 路由：vue-router 4x 状态管理：vuex 4x AJAX：axios UI库：element-plus 数据模拟：mockjs 代码规范：eslint 代码格式化：Prettier css预处理：sass 开始构建 1. 初始化项目

前言 在实习过程中，由于业务需要慢慢接触到了微微前端架构，主要是蚂蚁的微前端架构qiankun。 qiankun 孵化自蚂蚁金融科技基于微前端架构的云产品统一接入平台，是一个基于 single-spa 的微前端实现库。 什么是微前端 微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。 微前端的特点主要包括： 与技术栈无关：主应用和子应用用什么技术栈都可以。比如，主应用使用react，第一个子应用使用vue，第二个子应用使用Angu

Umi4已于今年6月份发布，同时支持 Vite 和 Webpack 两种构建方式，对诟病已久的mufs做了优化，另外还支持vue。那我们就来上手搭建下吧。 一、首先找个地方建个空目录 二、创建项目 可以通过pnpm、npm、yarn来安装。官方推荐pnpm，国内安装速度较快。三者命令不一样，不过最终结果都一样，这里我选择的是yarn。   三、选择项目模版  1.Simple App  你可以理解为纯净版的Umi，包含umi4文档上关于Guides下的所有功能，但是不包括Um

有的人可能会回答local storage 和session storage，其实不是这个。浏览器缓存和存储不是一回事。 4、使用CDN 浏览器第一次打开页面时，缓存是起不了作用的。这个时候，CDN就上场了。 5、DNS预解析 一、资源压缩合并，减少http请求 合并图片（css sprites）、CSS和JS文件合并、CSS和JS文件压缩 图片较多的页面也可以使用 lazyLoad 等技术进行优化。 精灵图等 二、非核心代码异步加载 异步加载的方式：（这里不说框架，只说原理）

前言 ❤️ 当落日余晖照在身上，没有污秽没有杂尘，只有光和希望 ❤️ 一、前端路由的概念与原理 （1）什么是路由 路由（英文：router）就是对应关系。 （2）SPA 与前端路由 SPA 指的是一个 web 网站只有唯一的一个 HTML 页面，所有组件的展示与切换都在这唯一的一个页面内完成。此时，不同组件之间的切换需要通过前端路由来实现。 😃结论😃：在 SPA 项目中，不同功能之间的切换，要依赖于前端路由来完成！ （3）什么是前端路由 通俗易懂的概念：Hash

前言 随着公司项目建设，各系统出现了用户、角色、组织、权限等系统基础功能重复开发的问题，为了不重复开发、减少成本，也为了整合项目，提升用户体验，也为了之前单独开发的系统能够统一访问。所以我们使用“微前端”。 什么是微前端？ 微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。 微前端借鉴了微服务的架构理念，将一个庞大的前端应用拆分为多个独立灵活的小应用，每个应用都可以独立开发、独立运行、独立部署，再将这些小型应用联合微一个完整的应用。微前端既可以

目录 一、前言 完整内容请关注： 开始前的准备：  二、slot插槽的基本使用 子组件： 父组件： 展示效果： 三、域名插槽的基本使用 子组件: 父组件: 效果展示: 注意： 四、如何通过slot从子组件获取内容 子组件 父组件 效果展示： 五、作用域插槽案例 子组件 父组件 效果展示： 一、前言 完整内容请关注： https://blog.csdn.net/yzq0820/category_11934130.html?spm=1001.201

目录 1、js的数据类型 2、值类型与引用类型的区别 3、什么是闭包，闭包的应用场景，闭包的缺点 4、什么是原型，什么是原型链 5、JS如何实现继承 6、Call，apply，bind的区别 7、new关键字做了什么？ 8、深拷贝 9、浅拷贝 深拷贝和浅拷贝的区别 10. js检测对象类型  11. 事件流  12. 事件代理 13. 数组去重 14. 异步和同步 15. 手写ajax  15.1、Promise 你在哪些地方用到promise

文章目录 目录 前言 一、效果图 1.登录界面 2. 用户管理组件  3.权限管理组件  4.商品管理组件  5.订单管理组件  6.系统设置组件 二、安装包 1.打开项目，安装依赖 2. 运行项目 三.配置路由 1.在项目中安装vue-router  2.在src文件夹下创建router文件夹 3.配置index.js文件 4.将router挂载到main.js文件中   四.基于路由渲染登录组件

1、antd下拉框位置出错 功能介绍：当前使用了antd的tabs控件（蓝色边框区域），然后里面有一个a-form（红色边框区域）控件，然后在表单里面使用了Select/TreeSelect插件 原始界面如下：  展开一个下拉框（第二排第一个）界面如下  这时下拉框的位置从整个tabs的顶端开始往下放 解决方法：给a-form设置滚动属性 <a-form v-else layout="inline" style="border:1px solid red;overflo