javascript前端微前端

微前端到底是什么？

关注「前端向后」微信公众号，你将收获一系列「用心原创」的高质量技术文章，主题包括但不限于前端、Node.js以及服务端技术本文首发于ayqy.net，原文链接：http://www.ayqy.net/blog/micr...一.简介为了解决庞大的一整块后端服务带来的变更与扩展方面的限制，出现了微服务架构（Microservices）：微服务是面向服务架构（SOA）的一种变体，把应用程序设计成一系列
前端向后·2020-08-22 13:50

第42期 滴滴出行小程序体积优化实践 & TypeScript在Model中的高级应用 & 微前端在美团外卖团队的实践

微前端在美团外卖团队的实践微前端是一种利用微件拆分来达到工程拆分治理的方案，可以解决工程膨胀、开发维护困难等问题。
前端收藏家·2020-08-22 12:53

微前端在解决什么问题？

Node.js以及服务端技术本文首发于ayqy.net，原文链接：http://www.ayqy.net/blog/why-...写在前面上一篇MicroFrontends已经从概念定义及实现思路上探究了微前端是什么
前端向后·2020-08-22 11:56

微内核架构在大型前端系统中的应用（微前端）

微内核架构在大型前端系统中的应用只讨论架构，不讨论框架1、名词解释由一群尽可能将数量最小化的软件程序组成，他们负责提供、实现一个操作系统所需要的各种机制和功能。这些最基础的机制，包括了底层地址空间管理，线程管理，与进程间通讯。2、设计理念将系统的实现，与系统的基本操作规则区分开来。它实现的方式是将核心功能模块化，划分成几个独立的进程，各自运行，这些进程被称为服务。所有的服务进程，都运行在不同的地址
张亚涛·2020-08-22 11:12

听说你还不了解微前端？[收藏=学会]

qiankun简介首先开始之前，我先给大家简单的介绍一下乾坤，大家可以在的官网上，看到qiankun的介绍和qiankun的文档，诚如这张官网截图所示，我们对qiankun的一句话定义就是：“可能是你见过最完善的微前端解决方案
小生方勤·2020-08-21 23:17

中台战略下的保险订单销售模式设计

作者在《保险趋势分析与保险中台数字化转型》文章里提到了保险业务系统中台化后保险商品化和订单化的销售模式，本文主要通过购物车、订单中心、微前端以及产品通道等技术手段，对保险企业实施中台战略后的保险订单化销售模式进行设计
王卫东·2020-08-21 17:05

[课程地图-jsp网站]界面布局html，js和css要求

2.所有界面元素样式定义文件使用.css后缀名，目前可以暂时不用样式文件定义界面元素，但建议所有界面元素的样式全部定义到css文件中，以减轻后期开发的压力3.所有前端脚本文件使用.js后缀名，统一使用javascript
gopain·2020-08-21 17:00

Vue kibana接入及在不同环境下初始上报域(曲线救国)

问题背景因为整个技术架构是微服务加微前端,所以链路追踪是必要的,可以快速定位!像前端要接入ELKStack的套件kibana,上报信息就
crper·2020-08-21 13:44

聊聊微前端的原理和实践

本文首发于vivo互联网技术微信公众号链接：https://mp.weixin.qq.com/s/2qH9qMNpU_LuLEBTsDUKzA作者：TanXin本文对微前端的概念和场景进行科普，介绍一些主流的微前端的实现库及其用法
vivo互联网技术·2020-08-21 04:41

探索可独立开发和横向扩展的微前端模块化方案

关于前端模块化说到前端模块化，你马上想到的可能就是cmd、amd、umd等前端模块化标准，这些是属于文件级别的模块化；或者你会想到component的封装、npm包的封装等等，这些属于组件级别的模块化；或者你会想到将页面切割成很多独立的区块，每个区块是一个模块，这些属于视图级别的模块化；而今天要探讨的是的业务功能级别前端模块化。业务功能级别前端模块化在后台开发人员眼中再熟悉不过了，我们通常说的"用
medux·2020-08-21 02:11

阿里云开放平台微前端方案的沙箱实现

导读微前端已经成为前端领域如今比较火爆的话题，关于微前端价值的讨论，可以参考克军的《拥抱云时代的前端开发框架——微前端》。微前端在技术方面，有一个始终绕不过去话题就是前端沙箱。
阿里云云栖号·2020-08-21 02:05

从微前端聊聊架构演进

就目前来看，微前端已经不是一个新话题了。随着越来越多的公司的深入研究，当前也提出了很多的解决方案。不过本文不是想要来介绍微前端，更想介绍项目如何一步步到达微前端架构的实际需求。
jump__jump·2020-08-21 01:23

从systemjs的使用学习js模块化

所以，我们痛定思痛，决定用最近比较流行的微前端技术来改造他。经过微前端改造的项目已经上线，目前来看效果挺不错的。这次，先不谈微前端改
超超·2020-08-20 23:23

从systemjs的使用学习js模块化

所以，我们痛定思痛，决定用最近比较流行的微前端技术来改造他。经过微前端改造的项目已经上线，目前来看效果挺不错的。这次，先不谈微前端改
超超·2020-08-20 23:23

周报 @ 2019.12.08

首发枫上雾棋的日志前端动态1、微前端的核心价值本文来自对阿里云微前端线下沙龙的整理，观点是微前端的核心价值在于"技术栈无关"，这才是它诞生的理由，或者说这才是能说服大家采用微前端方案的理由。
枫上雾棋·2020-08-20 23:08

周报 @ 2019.12.08

首发枫上雾棋的日志前端动态1、微前端的核心价值本文来自对阿里云微前端线下沙龙的整理，观点是微前端的核心价值在于"技术栈无关"，这才是它诞生的理由，或者说这才是能说服大家采用微前端方案的理由。
枫上雾棋·2020-08-20 23:08

浅谈微前端在滴滴车服中的应用实践

导读：如果盘点2019年最火的前端技术，那么微前端肯定占有一席之地。
滴滴技术·2020-08-20 17:15

浅谈微前端在滴滴车服中的应用实践

导读：如果盘点2019年最火的前端技术，那么微前端肯定占有一席之地。
滴滴技术·2020-08-20 17:41

微前端框架 qiankun 源码解读 1.3 hijackers/动态加载标签

import{execScripts}from'import-html-entry';import{isFunction}from'lodash';import{checkActivityFunctions}from'single-spa';import{Freer}from'../interfaces';conststyledComponentSymbol=Symbol('styled-comp
Manggoo·2020-08-20 06:51

微前端框架 qiankun 源码解读 1.2 hijackers/historyListener

import{isFunction,noop}from'lodash';exportdefaultfunctionhijack(){letrawHistoryListen=(_:any)=>noop;consthistoryListeners:Array=[];consthistoryUnListens:Array=[];函数开始声明了一个函数，两个数组用来保存history监听器。if((win
Manggoo·2020-08-20 06:51

微前端框架qiankun源码解读 -1.1 hijackers/windowListener

直接上代码：import{noop}from'lodash';constrawAddEventListener=window.addEventListener;constrawRemoveEventListener=window.removeEventListener;这里先保存window的添加和移除监听的函数。exportdefaultfunctionhijack(){constlistene
Manggoo·2020-08-20 06:51

19款绚丽实用的jQuery/CSS3侧边栏菜单

jQuery作为一款主流的JavaScript前端开发框架，深受广告开发者的亲睐，同时jQuery有着不计其数的插件，特别是菜单插件更为丰富，本文将要为大家介绍20个绚丽而实用的jQuery侧边栏菜单，
weixin_33795806·2020-08-18 22:10

Javascript前端下载后台传来的文件流代码实例

前台请求数据：url:'/app/downloadApp',method:'get',responseType:'blob',params:data设置接收参数格式为responseType:‘blob',downloadFile(res,fileName){if(!res){return}if(window.navigator.msSaveBlob){//IE以及IE内核的浏览器try{wind
·2020-08-18 17:43

qiankun-微前端初体验

文章目录1、微前端2、什么是微前端2.1技术栈无关2.2独立开发、独立部署2.3增量升级2.4独立运行时3、初步简单使用介绍3.1首先创建基座项目，即顶层项目，用来包裹各个微项目。
前端程序猿dzf·2020-08-18 16:14

【微前端】微前端笔记（三）

前言本篇手写简易single-spa流程首先初始化项目npminit-ynpminstallrolluprollup-plugin-serve编写rollup.config.jsimportservefrom"rollup-plugin-serve";exportdefault{input:"./src/single-spa.js",output:{file:"./lib/umd/single-s
业火之理·2020-08-18 06:47

【微前端】微前端笔记（二）

前言第一篇的single-spa模式存在样式没有隔离，以及需要手动引入js的问题。样式隔离方案主应用与子应用解决样式隔离一般有以下几种方案：BEM即约定项目前缀CSSMoudule打包时生成不冲突的选择器shadowDom真正意义上隔离cssinjsshadowdom看一个例子：DocumenthellowworldletshadowDom=shadow.attachShadow({mode:"c
业火之理·2020-08-18 06:17

【微前端】微前端笔记（一）

前言第一篇是基于singlespa基本跑通功能。流程首先，需要创建子应用。vuecreatechild-vue选择history路由。创建父应用：vuecreateparent-vue同样history路由。我们需要让父应用加载子应用。子应用安装single-spa-vue然后改写main.js，需要导出3个方法，供父应用调用。importVuefrom'vue'importAppfrom'./A
业火之理·2020-08-18 06:17

手写一个微前端框架（内含源码地址）

来源：伊撒尔https://zhuanlan.zhihu.com/p/169800579halo，大家好，我是132，前阵子冥思了一会儿微前端，然后周六日趁热打铁，马上写了一个微前端框架，名叫berial
前端瓶子君·2020-08-17 23:25

微前端自检清单

最近在做公司微前端，整理了一份微前端搭建清单，如果你正在考虑是否要做微前端，不妨做个参考。
前端日志·2020-08-16 21:17

我的那几年 - 前端复盘 01

长远目标：架构(暂时理解是一种思维的转变及技术的成长，角度)1.前端工程化模块化组件化以及微前端2.http协议理解透彻3.服务器深入了解，linux命令熟练操作，sql语句基础4.前后端编程思想短期目标
阿阳啊·2020-08-16 13:59

【华为云技术分享】当我们在谈论卡片时，我们到底在谈论什么？

卡片和微前端的结合，会将服务化更好的延伸到前端方向，解决服务化最后一公里的问题。马上到年底了，己亥年注定又是不平凡的一年，很多人在这一年开启了新的生活方式，也有很多人开启了新的工作方式。
华为云·2020-08-15 07:18

小作品（小项目？）技术总结(1)--用户注册、用户登录常用功能模块

先贴几张前台的图：1.首页2.用户注册、用户登录页面3.故障诊断页面4.诊断结果页面二、使用技术JPA+JSF+HTML+CSS+JavaScript前端部分是实验室小伙伴
高自强·2020-08-15 03:06

javascript前端SEO优化总结

前端优化分为2个部分权重在下边将会分级1.head中优化标签的内容此优先级最高10分0.1分0.5分2.body中的优化h1-h6标签每个标签都有优先级h1标签权重最大,seo开发过程中一定要使用H1,H25分可以增加网站相关度有助于增加关键词出现次数1分仅次于H1标签1分也占有权重由于前后端分离不利于SEO优化网站首页推荐使用静态编写在网站设计时需要注意的几个问题1,网站结构不要超过3层.命名尽
罗莱特·2020-08-14 19:13

js中this的理解

title:JS中this的理解author:26186tags:JavaScript前端categories:前端date:2019-07-2614:52:00this指向开篇给结论：在ES5中this
gomQi·2020-08-13 10:56

微前端 qiankun 项目实践 !!! 防踩坑指南

作者：zxh1307原文地址：https://juejin.im/post/5ea55417e51d4546e347fda9导语最近在做微前端的项目,过程中真是踩了不少坑,在有限的资料中不断试错,默默无语两行泪哈哈
傲娇的koala·2020-08-12 18:18

爱奇艺号微前端架构实践

前言近来，微前端的概念非常火爆，那么什么是微前端架构？微前端架构是一种架构风格类似于微服务的架构，它将微服务的理念应用于浏览器端，即将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。
爱奇艺技术产品团队·2020-08-12 18:03

基于qiankun落地部署微前端爬”坑“记

前沿：前半年微前端火得一踏糊涂，刚好业务需求上有这样的应用场景，针对目前的微前端解决方案做了技术选型，qiankun作为蚂蚁金服内部孵化出来的微前端解决方案，经过线上应用充分检验及打磨最后开源，最终选择
树酱·2020-08-12 18:32

微前端qiankun集成

关于antdesginofvue微前端qiankun项目集成qiankun介绍qiankun是一个基于single-spa的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。
tangguo_kuku·2020-08-12 17:21

详细解析微前端、微前端框架qiankun以及源码

作者|晒兜斯来源|https://segmentfault.com/a/1190000022275991本文将针对微前端框架qiankun的源码进行深入解析，在源码讲解之前，我们先来了解一下什么是微前端
snshl9db69ccu1aikl9r·2020-08-12 17:41

vue微服务架构（qiankun）（未完）

注意：qiankun属于无侵入性的微前端框架，对主应用基座和微应用的技术栈都没有要求。
qq_33332184·2020-08-12 17:17

vue3.0&qiankun2.0极速尝鲜，微前端进阶实战！

微前端进阶实战项目。项目地址：wl-mfe微前端实战详细入门教程及解放方案请转至我另一篇文章：微前端实战看这篇就够了-Vue项目篇。
春深是蔚蓝·2020-08-12 17:50

微前端实战看这篇就够了 - Vue项目篇

wl-micro-frontends[wl-qiankun]本项目采用vue+qiankun实践微前端落地。同时qiankun是一个开放式微前端架构，支持当前三大前端框架甚至jq等其他项目无缝接入。
春深是蔚蓝·2020-08-12 17:19

基于single-spa+vue的前端微服务项目实践

价值：让产品的前端架构能快速、插件化的支持业务的增加二、设计目标解耦产品前端各业务模块，支持独立开发、发布和部署；设计出提供支持插件化调整业务模块、可多团队共同维护的前端架构；三、系统分析1.微前端架构简介什么是前端微服务
Fly_bit·2020-08-12 17:07

记一次 微前端 qiankun 项目 实践 !!! 防踩坑指南

来源：zxh1307https://juejin.im/post/5ea55417e51d4546e347fda9导语最近在做微前端的项目,过程中真是踩了不少坑,在有限的资料中不断试错,默默无语两行泪哈哈
前端瓶子君·2020-08-12 17:01

qiankun的使用

微前端概念示意图qiankun简单介绍下图是qiankun开发团队对微前端的提出的方案设计，最终产出物就是qiankun基于single-spa封装，提供了更加开箱即用的API技术栈无关，任意技术栈的应用均可使用
你萌哥·2020-08-12 16:36

微前端的现状和趋势

FlorianRappl原作授权NewFrontend翻译微前端是前端开发最具争议的话题之一。值得吗？真的需要切分应用吗？真的需要现在就转向微前端吗？这是不是又一个咨询公司为了多赚钱发明出来的概念？
LeanCloud_通讯·2020-08-11 11:00

javascript前端和后台进行数据交互方法示例

在开发中遇到了在没有jQuery的情况下需要与后台进行部分数据的交互，查找了部分资料使用JavaScript实现了操作，记录一下。//获取XMLHttpRequest对象用于与后台交互数据functiongetXHR(){varxmlHttp;try{xmlHttp=newXMLHttpRequest();//新版本浏览器}catch(e){try{xmlHttp=newActiveXObject
·2020-08-09 15:40

iframe微前端架构

项目介绍demo演示：notes.jindll.com/framegithub：https://github.com/niuyueyang/iframeVue项目可以分为两部分，一部分是统一的登陆注册入口，一分部是主要的管理内容区。我计划是登陆注册部分、内容管理区的header和aside作为一个基础的框架项目（后续称之为父级项目），内容区（也是表格的那部分）根据业务来划分不同的子项目，然后用户访
qq_33332184·2020-08-09 10:35

微前端：SingleSpa实践小结

背景：此前接手了一个老项目（3、4年前开始的一个项目），面临的一个最大的问题是老旧代码的维护和迭代。维护老旧代码的可选方式并不多：推倒重来，全部进行重构=>工作量繁重，成本极高依照旧有技术选型进行维护和迭代=>emmmm，一言难尽对于迭代需求采用新的技术架构和选型，与已有功能解耦，尽量减少对旧代码的依赖和旧逻辑的修改出于工作量和项目后续的可维护性和迭代性相对而言第3种方案比较可行。因此调研了一下微
spoonysnail·2020-08-08 11:24

前端必看的微前端

前端必看的微前端管大家有意或者无意间，或多或少都已经接触到了微前端这个新的概念，这种新的前端架构真的有存在的必要吗？毕竟没有银弹，在新的架构体系下，它除了带了好处以外，同时也带来了风险和技术挑战。
WEB前端含光·2020-08-07 19:18
上一页 19 20 21 22 23 24 25 26 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他