很久以前的前端，没有太多工具化工程化思想，一堆代码塞进去完事儿。如今前端已经很卷，卷到了一个开发环境都够你折腾一宿。那么我们抛开类似nextjs、create-react-app这类的工具或框架，我们该如何从零部署一个属于自己的开发环境呢？这篇文章将讲述如何配置一个基础的脚手架，支持React、TypeScrit和单元测试等必要的功能。在这个基础上，大家能够很方
转载
2024-06-13 21:36:45
59阅读
1. 前言随着开发的进展，我们用到的接口会越来越多，我们需要将各个接口统一起来，方便管理。于是我们需要将接口模块化。2. 前端修改在src目录下，新建api文件夹，新建http.js，新建api.js。2.1 编写http.js这个js文件，我们封装请求方法，拦截方法。这样就可以把main.js文件中的请求拦截器和响应拦截器删掉了。import axios from 'axios'
//请求拦截
转载
2024-01-04 05:35:57
63阅读
单体架构 ：页面和业务造成了耦合需要拆开耦合度 由此产生出了前后端分离的架构（特点：用大量的JSP，而JSP是要在前端页面写的，这样的话就会造成一个问题，就是我前端都写好了，但是后端因为自己的需求需要改，很麻烦）前后端分离架构：把一个服务器拆分成了前端服务和后端服务。1、向前端服务器发送页面请求。2、返回页面3、请求数据（前端和数据库连接，不需要逻辑判断用前端访问，比如IO）4、由后端返回数据（后
转载
2023-07-08 16:35:13
189阅读
保持心中的那道光 未来有人可能借助这道光走出黑暗.前言：我们使用前端框架为ElementUI，和bootstrap差不多，但更适合VUE双向数据绑定和组件化的特性。ElementUI官网： https://element.eleme.cn/#/zh-CN/component/installation熟悉bootstrap的话，上手很快，ElementUI基本就是在bootstrap的基
目录前言正文一、介绍微前端qiankun二、快速上手☛主应用① 安装 qiankun② 在主应用中注册微应用☛微应用 ① 导出相应的生命周期钩子② 配置微应用的打包工具三、项目实战☛主应用 ① 安装 qiankun② 注册微应用并启动③ 主应用添加路由☛微应用① 新增 public-path.js② 建议使用 history 模式③ 引入 
我的微服务项目断断续续也有一年了，还没上过线，之前尝试过很多次，总是遇见各种问题，最后跌跌撞撞还是部署上去了。一、前言与其说这是知识分享，不如说是我的部署掉坑记录，所以很多坑都是独属于我的项目的，可能对其他人的参考性不大，所以这必然不会是一篇普适性强的的教学博客，而是纪录博客。这篇博客的主要作用是为了方便我自己以后参考。我的这个微服务项目本来刚开始架构的时候设计了非常多的模块，但是随着写着写着，发
转载
2024-02-06 15:34:37
38阅读
基于Vue-cli3.0的qiankun（乾坤）前端微服务说明官方文档地址：qiankun.umijs.org/zh主服务1.安装乾坤依赖(子服务不需要安装，只需要暴露生命周期方法)2.在入口文件js中添加如下代码import {registerMicroApps, start} from "qiankun";
let microProject = [
{
//项目名称，应当与子服务中
转载
2023-08-24 16:12:49
336阅读
single-spa 文档https://zh-hans.single-spa.js.org/docs/getting-started-overviewsingle-spa 实现技术特点1.项目独立部署 2.兼容技术栈不同多语言 vue react 3.新旧代码版本并行single-SPA实现原理 ：路有劫持 和应用加载 没有处理css样式和js 会导致样式重叠 和脏
转载
2023-08-30 23:06:25
46阅读
前端和后端的区别是什么？随着科技发展，许多人慢慢对计算机语言产生了浓厚的兴趣，都想进一步了解，可能刚接触到这方面都不太懂，当有些小伙伴刚接触到前端和后端，都会有这样的疑问：前端和后端的区别是什么？下面小朗就来大家简单的说一下： 前端和后端的区别是什么？一、展示的方式不同前端称为客户端开发，你可以在应用程序或网站的屏幕上看到的所有内容都属于前端。后端也称为“服务器端开发”，在系统“后面”所
转载
2024-04-14 13:56:25
24阅读
我们知道Eureka Client会保存各个服务的信息，其中包含各个服务的地址。那么服务之间到底是怎样通过这些信息进行交互的呢？Spring Cloud服务间的调用默认支持两种方式——Ribbon和Feign，具体来说就是使用RestTemplate和FeignClient来调用。不管使用什么方式，本质上都是通过调用服务的HTTP接口进行交互，而参数和结果默认都是通过Jackson序列化和反序列化
转载
2023-07-07 11:30:02
290阅读
1.前端请求数据URL由谁来写?在开发中,URL主要是由后台来写的,写好了给前端开发者.如果后台在查询数据,需要借助查询条件才能查询到前端需要的数据时,这时后台会要求前端提供相关的查询参数，这里的查询参数也就是URL请求的参数。 2.接口文档主要由谁来写?接口文档也是主要由后台开发者来写的,因为直接跟数据打交道的就是后台,后台是最清楚,数据库里面有什么数据,能返回什么数据.前端开发只是数
转载
2024-04-30 20:10:04
124阅读
随着前端的的发展，底座已经越来越坚实，当前前端框架和工程化已经可以 cover 住大部分业务场景的复杂度。前端的已经更加关注于业务，Ant Design Pro 提供了一个中后台的脚手架，为框架和工程化提供了最佳实践，但是还是有很多问题还是需要最佳实践。 ♂️ 为什么需要最佳实践在维护 Pro 的过程中，我们遇到了很多直击灵魂的问题，什么样的代码才是最好的？应该怎么写才对？初始化用户信息在哪里请求
转载
2024-08-29 16:18:47
18阅读
微前端将前端整体分解为许多更小、更易管理的片段。每个团队可以端到端地拥有自己的功能，可以在自己的代码库中工作，可以独立发布版本，可以不断进行小的增量升级，还可以通过 API 与其他团队集成，以便他们可以一起组建和管理页面和应用程序。 将单体后端分解成为微服务之后，后端开发流程已在效率和规模上取得了显著进步。然而，当今大多数前端应用程序架构仍然是单体式的，使得前端开发流程很难加速和扩展。 微前端的想
转载
2023-10-24 00:08:21
87阅读
文章目录概述优劣优点缺点微前端的整体架构微前端部署平台微前端运行时基于 SPA 的微前端架构应用生命周期方案qiankun 主应用qiankun微应用Vue 2 微应用来源 概述微前端不是单纯的前端框架或者工具，而是一套架构体系，这个概念最早在 2016 年底被提出。微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将单页面前端应用由单一的单体应用转变为把多个小型前端应用聚合为一
转载
2023-08-02 09:03:30
159阅读
在当前云原生微服务、业务中台、低代码平台等IT架构下，不再是传统的烟囱式应用系统建设，而是打破企业业务部门竖井，建立企业级的信息化平台（数据中台、业务中台），那么对业务开发的解耦和聚合将成为关键技术，目前对于系统后端已有成熟的微服务架构，基于SpringBoot开发微服务，通过SpringCloud或istio进行微服务治理。前端也同样有类似的需求，如何支持不同的前端团队开发各自业务的UI页面，运
转载
2024-01-04 17:42:43
117阅读
single-spa前言single-spa是啥single-spa实战总结 前言其实早就想写一篇关于微前端实践的文章了，几个月之前就看过有关微前端的视频，也查过一些文档，但是好像没有总结，现在又忘记一些了，今天实操了一遍，这里就总结一下，正好实习公司工作小组项目采用的就是微前端。今天先讲解一下single-spa，后面在讲解qiankun。插曲：今天本来跟着别人一起敲代码，但是发现使用vue-
转载
2023-12-19 21:09:31
50阅读
翻译自 https://micro-frontends.org/本文描述了采用不同 JavaScript 技术框架的多个团队中协同构建一个现代化前端 Web 应用所需要的技术、策略和方法。什么是微前端？微前端这个术语最初来自 2016 年的 ThoughtWorks 技术雷达[ https://www.thoughtworks.com/radar/techniques/micr
转载
2024-05-12 19:21:04
89阅读
目录一、分布式锁实现方式介绍二、基于数据库实现分布式锁（一）基本思路分析（二）代码展示分析三、基于缓存实现分布式锁（一）基本代码思路分析（二）缓存实现注意事项分析四、基于ZooKeeper实现分布式锁（一）基本思路分析（二）代码展示分析五、基于分布式算法实现分布式锁（一）基本思路分析（二）代码展示分析使用 Java 实现的简化版 Chandy-Lamport 分布式锁示例使用 Java 实现的简化
转载
2024-01-25 16:15:59
105阅读
继续学习最近一直在使用Asp.Net Core SignalR(下面成SignalR Core)为小程序提供websocket支持,前端时间也发了一个学习笔记，在使用过程中稍微看了下它的源码,不得不说微软现在真的强大,很多事情都帮你考虑到了,比如使用Redis,使用Redis后,你的websocket就支持横向扩展了,使用的方式也特别简单,只需要在services.AddSignalR的后面再加上
在后端架构发展史上，如果要找一个低耦合高内聚架构模式的典范，微服务当仁不让。在互联网业务急速扩张的背景下，微服务架构解决了后端服务中的“重”，让每个服务都能够独立部署、独立扩展，每个服务都具有稳固的模块边界。而越来越“重”的前端工程也面临类似问题，微服务思想，自然而然就成了前端工程师们探索的方向。微服务的服务怎么拆、拆到多细一直是最核心的问题。同样的，前端应用如何拆分成能够独立开发、部署的模块，也
