持续更新中... 一、简单介绍 以下有什么不恰当的地方还请多多指教，因为公司业务需求，被迫看了浅学习了一下antv-g6，之前一直使用Echarts，感觉Echarts就很好用，可是看过g6之后，觉得确实很漂亮，而且也能实现一些业务中比较变态的要求。接下来我就从我刚入手的角度，谈一下自己的心得体会。  二、安装引用 1.在项目中直接NPM包引入 Step 1: 使用命令行在项目目录下执行以下命令： npm install --save @antv/g6 St

vue-router路由懒加载及实现方式。 文章目录 前言 一、路由懒加载 二、实现路由懒加载 1.Vue异步组件(异步加载) 2.推荐方式-ES6的import()  3.webpack提供的require.ensure()实现懒加载 前言 什么是路由懒加载？--延迟加载，在需要的时候才会进行加载。 一、路由懒加载          我们在路由中通常会定义很多不同的页面。如果不应用懒加载的话，很多页面都会打包到同一个js文件中，文件将会异常的

uni-app手机号一键登录是DCloud联合个推公司推出的，整合三大运营商网关认证能力的服务。 通过运营商的底层SDK，实现App端无需短信验证码直接获取手机号，实现一键登录功能。手机一键登录 替换了短信验证登录的方式，消除有短信验证模式等待时间较长，操作繁琐和容易泄露的痛点。 支持版本：HBuilderX 3.0+ 支持项目类型：uni-app的App端，5+App，Wap2App 支持系统平台：Android、IOS 支持运营商：中国移动、中国联通、中国电信 一、开通服务

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