前端架构微前端qiankun

使用 react+antd+react-router+less 开发网站

众所周知，前端技术栈太过广泛，要一个技术人员选择一套高度可复用的前端架构也是挺费事费神的，笔者这篇文章，主要讲述的是一套基于react技术栈开发网站的成熟方案，重点解决在集成这一套技术栈过程中的坑点，从开发到上线
peaktan·2022-02-04 19:12

微前端框架 之 qiankun 从入门到源码分析

简介从single-spa的缺陷讲起->qiankun是如何从框架层面解决single-spa存在的问题->qiankun源码解读，带你全方位刨析qiankun框架。
·2022-02-04 15:18

微前端框架 之 qiankun 从入门到源码分析

封面简介从single-spa的缺陷讲起->qiankun是如何从框架层面解决single-spa存在的问题->qiankun源码解读，带你全方位刨析qiankun框架。
李永宁·2022-02-04 11:00

初探 MicroApp，一个极致简洁的微前端框架

在微前端的领域里，相信大家都听说过阿里的qiankun。
写代码的海怪·2022-01-28 13:56

微前端 qiankun

首先，官网祭天保佑~微前端特性：子应用可自主选择技术栈各应用单独部署、互不依赖然后，开始整。
buffonme·2022-01-28 09:56

webpack 5 模块联邦实现微前端

webpack5模块联邦实现微前端微前端：将巨大的单体前端系统拆分成多个独立的小型系统，最后集成为一个系统的架构思路，分而治之，让系统更加容易维护、更易扩展，实施微前端是一个先拆分，后合并的过程。
·2022-01-27 08:11

webpack 5 模块联邦实现微前端

webpack5模块联邦实现微前端微前端：将巨大的单体前端系统拆分成多个独立的小型系统，最后集成为一个系统的架构思路，分而治之，让系统更加容易维护、更易扩展，实施微前端是一个先拆分，后合并的过程。
·2022-01-24 11:10

如何使用 gh-pages 部署 vue 应用

使用webpack5实现了微前端，希望能把这些应用部署到git-pages,如何办呢？webpack5模块联邦实现微前端gh-pages是什么？
·2022-01-24 11:39

为了实践微前端，重构了自己的导航网站

笔者早期开发了一个导航网站，一直想要重构，因为懒拖了好几年，终于，在了解到微前端大法后下了决心，因为工作上一直没有机会实践，没办法，只能用自己的网站试试，思来想去，访问量最高的也就是这个破导航网站了，于是用最快的时间完成了基本功能的重构
·2022-01-23 15:24

用 vite 构建项目，同时支持微前端

得益于esbuild的超高性能，vite在诞生之初就备受关注，且一直保持着活跃的开发迭代。截至目前，vite已经迭代到了2.7.10版本，各方面也基本具备了在生产使用的条件。这段时间，我在项目中尝试了使用vite进行打包构建，本文就是这次构建的过程记录。基础配置首先使用vite官方脚手架生成项目。yarncreatevitevite-demo--templatereact-ts上面这行命令使用re
·2022-01-14 11:45

2022年了你必须要学会搭建微前端项目及部署方式

一、微前端简介微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用可以独立运行、独立开发、独立部署。
·2022-01-06 14:57

字节跳动是如何落地微前端的

微前端的出现的背景和意义微前端是什么：微前端是一种类似于微服务的架构，是一种由独立交付的多个前端应用组成整体的架构风格，将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的应用，而在用户看来仍然是内聚的单个产品
·2022-01-06 10:28

技术期刊 · 路尘终见泰山平 | 微前端及插件化架构在 Wix 的实践;编辑器架构的第二路径;业务中的前端组件化体系……

观海志登山则情满于山，观海则意溢于海微前端
·2021-12-24 09:54

微前端框架 qiankun 技术分析

我们在single-spa技术分析基本实现了一个微前端框架需要具备的各种功能，但是又实现的不够彻底，遗留了很多问题需要解决。
·2021-12-21 08:04

前端架构师破局技能，NodeJS 落地 WebSocket 实践

本文从网络协议，技术背景，安全和生产应用的方向，详细介绍WebSocket在Node.js中的落地实践。大纲预览本文介绍的内容包括以下方面：网络协议进化Socket.IO？ws模块实现Express集成WebSocket实例消息广播安全与认证BFF应用网络协议进化HTTP协议是前端最熟悉的网络通信协议。我们通常的打开网页，请求接口，都属于HTTP请求。HTTP请求的特点是：请求->响应。客户端发起
·2021-12-07 11:32

前端架构师破局技能，NodeJS 落地 WebSocket 实践

本文从网络协议，技术背景，安全和生产应用的方向，详细介绍WebSocket在Node.js中的落地实践。大纲预览本文介绍的内容包括以下方面：网络协议进化Socket.IO？ws模块实现Express集成WebSocket实例消息广播安全与认证BFF应用网络协议进化HTTP协议是前端最熟悉的网络通信协议。我们通常的打开网页，请求接口，都属于HTTP请求。HTTP请求的特点是：请求->响应。客户端发起
·2021-12-07 10:50

【技术分享】DOSM Web项目优化分析 & 解决方案

分享人：LeoLiu（刘璐）云智慧前端开发工程师，负责云智慧ITSM产品的前端开发工作，拥有丰富的toB行业前端开发经验，致力于改善前端架构以及性能优化云智慧数字化运维管理产品DOSM是面向企业IT服务管理领域的新一代
·2021-12-06 15:34

微前端框架 single-spa 技术分析

在理解微前端技术原理中我们介绍了微前端的概念和核心技术原理。本篇我们结合目前业内主流的微前端实现single-spa来说明在生产实践中是如何实现微前端的。
·2021-12-03 10:00

推开“微前端”的门

导读：“微前端”和“微服务”类似，是这两年被频繁提及的名词。web开发从前后端放在一起的单体应用，演进成前后端分离的SPA，这些改变让前后端实现了开发解耦、独立发布。
·2021-12-02 11:13

Vuejs大型项目实践-面向服务设计与业务模块化

前端架构概览思考：我们有什么，我们缺什么？前端架构分为很多部分，在每个不同的项目里都会有各自的特点。
·2021-11-25 13:14

理解微前端技术原理

我最早是在2016年接触到微前端的，当时社区里以介绍概念居多，在实践方案，尤其是在业务落地方面应用的比较少。后来，随着方案逐渐成熟，社区里关于微前端的讨论越来越多。
·2021-11-24 11:48

前端网关踩坑实践

，常见的通常会通过暴露一个统一的网关入口给外界，从而使得整个系统服务有一个统一的入口和出口，收敛服务；然而，在前端这种统一提供网关出入口的服务比较少见，常常是各个应用独立提供出去服务，目前业界也有采用微前端应用来进行应用的调度和通信
·2021-11-22 10:10

前端网关踩坑实践

，常见的通常会通过暴露一个统一的网关入口给外界，从而使得整个系统服务有一个统一的入口和出口，收敛服务；然而，在前端这种统一提供网关出入口的服务比较少见，常常是各个应用独立提供出去服务，目前业界也有采用微前端应用来进行应用的调度和通信
·2021-11-22 00:52

@ice/stark-data源码解析

在基于qiankun来进行微前端应用开发过程中，难免会碰到应用之间通信的情况，如基于某个业态下某些定制化的业务需求。
·2021-11-20 15:26

vue3 不支持 IE11的本质

Proxiescannotbetranspiledorpolyfilled）背景近日，组群就vue3的一段对话：BOSS:咱们团队哪个项目用Vue3了（啥背景没说，底层员工现在毛线信息都得不到）组长A:我们用了，微前端主项目用的
·2021-11-19 21:53

使用Jenkins部署微前端方案实践总结

本文首发于公众号「前端进阶之旅」持续集成集成工具jenkins的基本介绍和自动化部署微前端项目的几个简单方案一、Jenkins基础介绍Jenkins是国际上流行的免费开源软件项目,是基于Java开发持续集成工具
·2021-11-18 16:38

前端架构师神技，三招统一代码风格（一文讲透）

本文从代码规范，代码检查，代码格式化，以及编辑器自动化实现的方向，介绍代码规范统一在我们团队的实践应用。大纲预览本文介绍的内容包括以下方面：认识代码规范制定和统一规范神技一：ESLint神技二：Prettier神技三：VSCode附录：命名和项目结构规范认识代码规范先来思考两个问题：什么是代码规范？为什么需要代码规范？如果你是一个经验丰富的前端开发，你一定接触过这样的老项目：变量名是abc，fds
·2021-11-12 14:20

前端架构师神技，三招统一代码风格（一文讲透）

本文从代码规范，代码检查，代码格式化，以及编辑器自动化实现的方向，介绍代码规范统一在我们团队的实践应用。大纲预览本文介绍的内容包括以下方面：认识代码规范制定和统一规范神技一：ESLint神技二：Prettier神技三：VSCode附录：命名和项目结构规范认识代码规范先来思考两个问题：什么是代码规范？为什么需要代码规范？如果你是一个经验丰富的前端开发，你一定接触过这样的老项目：变量名是abc，fds
·2021-11-12 10:05

从 16 个方向逐步搭建基于 vue3 的前端架构

我认为前端架构核心工作是定制一套适合当前业务需求的解决方案，从而降低需求的增加而带来的技术实现的复杂度。下面我将从16个方向，逐渐带领大家搭建一套属于你自己的脚
·2021-11-11 11:56

从 16 个方向逐步搭建基于 vue3 的前端架构

我认为前端架构核心工作是定制一套适合当前业务需求的解决方案，从而降低需求的增加而带来的技术实现的复杂度。下面我将从16个方向，逐渐带领大家搭建一套属于你自己的脚
·2021-11-02 14:09

微前端开发

一、微前端概述1.什么是微前端？为了解决庞大的一整块后端服务带来的变更与扩展方面的限制，出现了微服务架构。
邹琼俊·2021-10-29 14:00

前端架构师的 git 功力，你有几成火候？

本文从前端工程，团队协作，生产部署的角度，介绍架构人员需要掌握的git实践能力。大纲预览本文介绍的内容包括以下方面：分支管理策略commit规范与提交验证误操作的撤回方案Tag与生产环境永久杜绝443Timeouthook实现部署？终极应用:CI/CD分支管理策略git分支强大的同时也非常灵活，如果没有一个好的分支管理策略，团队人员随意合并推送，就会造成分支混乱，各种覆盖，冲突，丢失等问题。目前最
·2021-10-28 18:46

前端公共模块替换

该项目几年前的老项目了，技术栈在逐步的演进，初始是Freemaker引擎搭建的前后端未分离项目，后面部分旧页面采用React重构，新页面采用React开发，使用iframe标签嵌套React页面，再后来引入了微前端的概念
·2021-10-27 18:02

ABF平台设计（六）微前端渲染框架-YseraMicroServer

前言YseraMicroServer是基于qiankun的微前端平台化解决方案。他基于qiankun的沙箱能力、重新定义的通信机制和接入方式以及ui快照等能力，提供一种微前端快速接入的解决方案。
·2021-10-25 18:37

前端提升生产力系列一（vue3 element-plus 配置json快速生成form表单组件）

个人github仓库地址：https:github.com/aehyok本文讲解代码仓库地址：https:github.com/aehyok/vue-qiankun目前基于dev分支进行开发和测试本demo
aehyok·2021-10-21 11:00

记录：Webpack5把微前端qiankun的配置文件干没了

故事的开头从一个快要下班的BUG开始，由于原部门同事想要基于一个项目再拆分出几个项目，我们本来用的是qiankun(基座模式)的微前端模式，再拆分其实是比较简单的只是这次顺便在拆分之前升级了webpack5
·2021-10-21 10:01

记录：Webpack5把微前端qiankun的配置文件干没了

故事的开头从一个快要下班的BUG开始，由于原部门同事想要基于一个项目再拆分出几个项目，我们本来用的是qiankun(基座模式)的微前端模式，再拆分其实是比较简单的只是这次顺便在拆分之前升级了webpack5
·2021-10-21 10:56

前端提升生产力系列二（vue3 element-plus 配置json快速生成table列表组件）

个人github仓库地址：https:github.com/aehyok本文讲解代码仓库地址：https:github.com/aehyok/vue-qiankun目前基于dev分支进行开发和测试本demo
aehyok·2021-10-15 10:00

rabow——umi-qiankun微服务框架企业实践(5)

nginx部署注意事项rabowl在部署上和普通的spa应用一样所以就不多说了，这里要讲的是如果需要将应用部署在子目录下要怎么配置主项目和子项目。假如我们要通过域名http://www.wenjunblog.com/rabowl来访问我们的rabowl项目。首先，在主项目的.umirc.ts中配置base和publicPathimport{defineConfig}from'umi';consti
Rasir·2021-10-13 09:00

字节跳动是如何落地微前端的

本文内提及的Garfish微前端解决方案已开源：https://github.com/modern-js-...
·2021-10-11 15:02

探索微前端的三种技术方案

什么是微前端首先我们应该先知道什么是微服务微服务是面向服务架构（SOA）的一种变体，把应用程序设计成一系列松耦合的细粒度服务，并通过轻量级的通信协议组织起来，具体地，将应用构建成一组小型服务。
·2021-10-11 10:04

rabow——umi-qiankun微服务框架企业实践(2)

rabowl——使用方法概述源码下载源码托管在码云（gitee）源码地址：https://gitee.com/rasir/rabowl任何人都可以直接通过fock的方式clone源码。使用方法1、在目标文件夹打开终端设备2、gitclonehttps://gitee.com/rasir/rabowl$gitclonehttps://gitee.com/rasir/rabowlCloninginto
Rasir·2021-10-09 20:52

【qiankun】微前端项目搭建与通信

官网地址：https://qiankun.umijs.org/微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略·独立开发、独立部署主应用1.安装qiankun$yarnaddqiankun
i奇异·2021-09-30 10:24

浅谈前端JS沙箱实现的几种方式

目录前言iframe实现沙箱diff方式实现沙箱基于代理(Proxy)实现单实例沙箱基于代理(Proxy)实现多实例沙箱结束语参考前言在微前端领域当中，沙箱是很重要的一件事情。
·2021-09-12 12:30

前端未来的一些想法，如何成长

跳槽为了什么：自我实现发展的路径：三个方向：前端架构师：技术-》技术总监前端经理：管理-》总监/CTO另类的是自己创建一个圈子门派前端的价值：交换价值（针对公司的价值，不是个人能力）工作不是一分钱一分货公司培养不了
jasonyang2019·2021-09-09 21:26

从零到一实现企业级微前端框架，保姆级教学

前言这篇文章笔者足足肝了一周多，多次斟酌修改内容，力求最大程度帮助读者造出一个微前端框架，搞懂原理。觉得内容不错的读者点个赞支持下。微前端是目前比较热门的一种技术架构，挺多读者私底下问我其中的原理。
·2021-09-06 17:20

微前端 Single-SPA

什么是微前端？微前端就是根据不同的功能拆分成多个独立模块（子应用）,通过主应用来加载这些子应用。微前端的核心在于拆，拆完后在合。
·2021-09-01 16:55

monorepo是什么

每次升级react的版本新功能，这些依赖的库react-clientreact-debug-tools也需要开发发布业务上这些项目互相关联，最后通过微前端的方式接入同一个页面这时候可以用monorepo
·2021-08-29 23:19

从lowcode看下一代前端应用框架

本文会从近两年越来越火的lowcode/微前端出发，探讨在传统前端领域，下一代前端工程/框架的可能方向。全文3166字，预计阅读时间6分钟。
·2021-08-24 10:24

神策数据内推--前端架构师、高级前端开发工程师 -- 多Base

前端研发工程师25-35K*15薪Base:北京、上海、广州、武汉、成都、西安、合肥职位描述工作职责：1、负责神策治理平台的产品的Web前端研发；2、负责产品功能的不断完善与体验的不断优化，为用户提供卓越的数据分析服务与可视化效果；3、负责前端前沿技术的探索、实践与创新。工作要求：1、熟练掌握HTML/CSS/JavaScript等前端基础技术；2、能写出高质量的代码，具有良好的编码风格，了解各种
·2021-08-16 17:46
上一页 20 21 22 23 24 25 26 27 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他