随着网络信息技术的发展,越来越多的人选择做微商这一工作。如果你想成为一个出色的微商,那么就少不了工具的帮忙,今天给大家分享5款微商必备的好软件。1.FineDataLinkFineDataLink是一个一站式数据集成平台,主要是给企业提供一站式服务,帮助解决数据孤岛难题,全方位发掘数据的真正价值。对多种异构数据进行实时同步,采用流批一体的调度引擎进行数据清洗,并提供低代码Data API敏捷发布平            
                
         
            
            
            
            一、微前端的优势什么是微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略几个核心价值:技术栈无关,独立开发、独立部署,增量升级,独立运行时特点基于single-spa封装,提供了更加开箱即用的 API。HTML Entry 接入方式,让你接入微应用像使用 iframe 一样简单。样式隔离,确保微应用之间样式互相不干扰。JS 沙箱,确保微应用之间 全局            
                
         
            
            
            
            随着移动互联网的发展和越来越多创业公司的加入,Web前端工程师的岗位空缺越来越大,薪资迅速上涨。Web前端工程师比以往更具有号召力。想要自学成为炙手可热的Web前端工程师?靠零碎化的短视频可不行,你需要更加对症下药的体系化好课程——WEB课程视频教程 ,为想要自学成才的Web前端新星们献上一套完整的自学课程,此次课程包含了10个阶段全套的在线课程,同时提供了视频和源代码的mian fei下载。从w            
                
         
            
            
            
            什么是微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。、微前端架构旨在解决单体应用在一个相对长的时间跨度下,由于参与的人员、团队的增多、变迁,从一个普通应用演变成一个巨石应用(Frontend Monolith)后,随之而来的应用不可维护的问题。这类问题在企业级 Web 应用中尤其常见。微前端架构具备以下几个核心价值:技术栈无关 主框架不限制接入            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-04 21:15:44
                            
                                302阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            在公司里面,一般团队都是按照业务划分的,在没有微前端的时候,如果几个团队维护一个项目肯定会遇到一些冲突,比如合并代码的            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-09-05 10:10:17
                            
                                2039阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            qiankun框架的底层原理现在我们手写一个简易的qiankun框架,实现基础的父应用中切换路径跳转子应用、沙箱隔离等qiankun框架的功能。我们在已经配置好的qiankun主应用中不使用qinakun框架,而是引入我们自己手写的简易框架来实现本有的qiankun框架功能比如路由跳转、沙箱隔离、css样式隔离等。// 引入qinakun框架内的方法
// import { registerMic            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-14 16:07:04
                            
                                429阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            在当今快速发展的前端领域,微应用架构已成为构建大型复杂应用的重要解决方案。它能够将庞大的前端应用拆分成多个小型、独立的应用,每个应用可以由不同的团队独立开发、测试和部署,极大地提高了开发效率和系统的可维护性。狸花猫作为一款基于 SpringBoot 和 Vue 的权限管理系统,也面临着随着业务增长而导致的前端应用日益庞大、团队协作困难等问题。因此,集成微应用架构成为了狸花猫前端发展的必然趋势。qi...            
                
         
            
            
            
            ShopXO开源商城系统采用了现代化的前端微应用架构,实现了多端统一管理和灵活扩展。该架构基于ThinkPHP8框架研发,遵循MIT开源协议,支持PC、H5、多端小程序等多种应用形态。### 1.1 多应用集成挑战随着电商业务的快速发展,前端应用面临以下挑战:- 多端适配复杂度提升(PC/H5/小程序/APP)- 功能模块日益增多导致单一应用体积过大- 不同团队并行开发时的代码冲突...            
                
         
            
            
            
            # qiankun jquery子应用
## 简介
qiankun是一个基于single-spa的微前端解决方案,可以用于构建具有插拔能力的主应用和子应用。而jQuery是一个广泛使用的JavaScript库,用于简化HTML文档遍历、操作、事件处理等操作。在这篇文章中,我们将会介绍如何在qiankun子应用中使用jQuery库。
## 安装和配置
首先,我们需要在子应用的项目中安装jQuer            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-01-23 09:30:17
                            
                                209阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在前文《使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 默认配置与事件基础》中,Kayo 对 jQuery Mobile 事件的基础作出了一些说明,建议在阅读本文前首先阅读前文,这里 Kayo 再引用前文的重要内容。“jQuery Mobile 在基于本地事件上,创建了一系列的自定义事件,大部分事件是基于触摸设备的使用情况开发的,当然这些事            
                
         
            
            
            
            一、微前端基本概念概念:微前端借鉴了微服务的架构理念,将一个庞大的前端应用拆分为多个独立灵活的小型应用,每个应用都可以独立开发、独立运行、独立部署,再将这些小型应用联合为一个完整的应用。微前端既可以将多个项目融合为一,又可以减少项目之间的耦合,提升项目扩展性,相比一整块的前端仓库,微前端架构下的前端仓库倾向于更小更灵活。核心目标:微前端的核心目标是将巨石应用拆解成若干可自治的松耦合微应用。应用场景            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-03 11:41:27
                            
                                357阅读
                            
                                                        
                                点赞
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1、概述由于项目是基于vue-cli4改造的,所以webpack相关配置我们就在vue.config.js里操刀,没有该文件的直接在项目根目录新建vue.config.js即可,具体配置api参考官方文档2、process.env先说一下这个,因为后面会用到这里存储的变量值。 在系列文章上一篇中说到了.env文件,里面定义的变量会自动加入到process.env变量中,这里再简单说明一下,先看目录            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-14 12:41:06
                            
                                376阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            目录一.整体项目准备二.基座应用搭建三.子应用配置数据传递及项目管理命令待更新一.整体项目准备安装 npm run all 方便后面的开发和代码处理npm i npm-run-all其他命令之后在写 二.基座应用搭建我们要拉一个基座项目进来, 为了后期修改方便,我这里的基座应用本身也是个单独项目用引入子仓库的方法引入进来那就copy一下我之前vite-vue3项目教程里的代码拉            
                
         
            
            
            
            注意:qiankun 属于无侵入性的微前端框架,对主应用基座和微应用的技术栈都没有要求。构建主应用基座我们先使用 vue-cli 生成一个 Vue 的项目,初始化主应用。将普通的项目改造成 qiankun 主应用基座,需要进行三步操作:创建微应用容器 - 用于承载微应用,渲染显示微应用;注册微应用 - 设置微应用激活条件,微应用地址等等;启动 qiankun;创建微应用容器我们先在主应用中创建微应            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-14 09:49:52
                            
                                902阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            前端开发者必备的 Nginx 知识nginx在应用程序中的作用解决跨域请求过滤配置gzip负载均衡静态资源服务器nginx是一个高性能的HTTP和反向代理服务器,也是一个通用的TCP/UDP代理服务器,最初由俄罗斯人Igor Sysoev编写。nginx现在几乎是众多大型网站的必用技术,大多数情况下,我们不需要亲自去配置它,但是了解它在应用程序中所担任的角色,以及如何解决这些问题是非常必要的。下面            
                
         
            
            
            
            一、问题背景 当主应用登录后,再进去微应用发现还需要登录,相当于登录状态没有同步。 二、解决方案 —— 主应用与微应用通信 qiankun微前端应用间的通信,我们要利用qiankun框架的initGlobalState和MicroAppStateActions api,相关的api介绍如下: (1)            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-07-10 22:19:00
                            
                                3688阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在这篇博文中,我们将探讨如何解决“qiankun 子应用jquery项目”所面临的一系列技术问题。从初始的技术痛点入手,我们会通过各个技术阶段的演进历程来深入分析,并逐步展示我们的架构设计、性能优化策略、故障复盘以及扩展应用的方向。
### 背景定位
我们最初面临的技术痛点是如何在一个不断扩展的前端项目中高效管理多个子应用,尤其是使用 `jquery` 为基础的应用。在这个过程中,我们希望通过            
                
         
            
            
            
            前端项目:vue3+RuoYi+vite使用场景:因为后台部署在生产电脑上,导致域名不同,nginx用于解决跨域问题使用场景2:需要访问旧后台和新后台两个不同的IP, nginx可以判断要转发到新平台或者旧平台对于场景2,vite也可以用proxy转发如下:在vite.config.js中配置server,当请求路径是’/abc’时就转到’10.1.1.1:8080’;‘/ede’就转到’10.2            
                
         
            
            
            
            qiankun文档: 快速上手微前端 : 是最近一年国内前端领域被频繁提及的关键字,虽然它并不是一个全新的领域/技术,但很显然在当今越来越多的前端应用即将步入第 3 个、第 5 个甚至更久的年头的背景下,如何给 巨石应用/遗产应用 注入新鲜的技术血液已经成为我们不得不正视的问题,而微前端正是解决这类问题的一个非常合适的解决方案。qiankun : 是一个生产可用的微前端框架,它基于 si            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-25 23:10:37
                            
                                51阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            前言由于最近作者在学习微前端,web component也是其中一大特性,部分微前端框架使用到,也是深入学习了一下相关的知识,分享出来。Web Component是什么?Web Component 实际上一系列技术的组合,主要包含 3 部分:自定义元素。 在 HTML 基础标签外扩展自定义标签元素,也就是我们平时使用框架的"组件";Shadow DOM。 主要用于将 Shadow DOM 的内容与