摘要:
一、背景:为什么需要微前端? 前端代码已经变得越来越重: 几个 G 的前端代码库 数百号前端开发人员 几 MB 的 Bundle Size 也越来越复杂: 层出不穷的框架、类库 各式各样的工程化体系 别具特色的跨端实践 因而需要一种分解复杂度、提升协作效率、支持灵活扩展的架构模式,于是,微前端登上了 阅读全文
摘要:
一、react项目技术架构组成 基础技术react版本18.2.0 路由插件react-router 数据仓库react-redux reduxjs/toolkit:redux工具类 redux-saga:异步操作中间件 redux-persist:redux持久化解决方案,解决state数据仓库数 阅读全文
摘要:
前两篇主要讲述qiankun集成vue和react子应用,这篇文章讲述主应用和子应用的通信。这里就贴一下官网的例子 主应用 import { initGlobalState, MicroAppStateActions } from 'qiankun'; // 初始化 state const acti 阅读全文
摘要:
前一篇文章讲了qiankun集成vue子应用,这篇随笔讲集成react子应用。 1、创建react子应用 用react脚手架初始化一个react项目,至于项目的数据仓库store和路由、以及UI组件库这里就不做讲解,可以自己自行网上找资料配置。 create-react-app my-react-a 阅读全文
摘要:
一、背景 ‘熵增’问题一直是所有软件开发中都会遇到的问题,不管是前端还是后端都会遇到,老的系统在需求不断变更或者迭代,代码量会越来越大,最终都会形成一座‘屎山’,今天主要讨论前端对于这种情况的解决方案。 目前前端的解决方案有比较古老的iframe,但是iframe是完全隔绝了应用,导致应用之间的通信 阅读全文
摘要:
1、问题出现场景 脚手架用的是electron-vite,渲染进程是vue3+pinia+vue-router,http请求是使用的axios,在发起请求时发现控制台报csp问题 2、原因分析 csp其实就是跨域问题,不支持非同源的资源访问,以往开发普通的vue项目时因为有脚手架里的代理,所以不会出 阅读全文
摘要:
首先去除浏览器版本校验 用编辑器打开resources\scripts\player\axplayer.js,删掉下面的 第二步找到路径:resources\css\default.css 将下面的opacity设置为:1 !important 阅读全文
摘要:
早就听说过Docker,一直不清楚是个啥,今天捣鼓了一下,这里做个记录。 一,Docker简介 百科说:Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,然后发布到任何流行的Linux机器上,也可以实现虚拟化,容器是完全使用沙箱机制,相互之间不会有任何 阅读全文
摘要:
1 下载并安装MySQL官方的 Yum Repository [root@localhost ~]# wget -i -c http://dev.mysql.com/get/mysql57-community-release-el7-10.noarch.rpm 使用上面的命令就直接下载了安装用的Yu 阅读全文
摘要:
什么是分布式锁 在学习Java多线程编程的时候,锁是一个很重要也很基础的概念,锁可以看成是多线程情况下访问共享资源的一种线程同步机制。这是对于单进程应用而言的,即所有线程都在同一个JVM进程里的时候,使用Java语言提供的锁机制可以起到对共享资源进行同步的作用。如果分布式环境下多个不同线程需要对共享 阅读全文