javascript前端微前端

前端基础需要学什么？这篇文章帮你梳理清楚，另附有前端面试551道题

前言之前小编写了一篇前端面试套餐：Vue面试题总结+JavaScript前端经典面试题+100道CSS面试题文章，有讲到打算后面单独写一篇详讲前端基础学什么，拖了这么久终于出来了哈哈哈哈。
李不要熬夜·2022-10-25 16:55

大前端知识点概览

javascript+typescript三、前端基础四、前端框架五、前端工程化0.webpack与vite脚手架1.单元测试2.自动化测试3.自动化部署4.埋点与监控5.前端性能优化六、其他1.低代码搭建2.微前端
vousmevoyez0613·2022-10-23 20:41

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

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

React vs Svelte

点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群翻译|红薯出品|OSC开源社区（ID：oschina2013）在JavaScript前端开发框架中，Svelte算是一个新来的搅局者，在网上我们已经听到很多关于
winty~~·2022-10-18 07:41

微前端、single-spa初探

微前端微前端，前端这次词就不用多做解释了，这个概念的重点在于这个“微”字，从字面意义上看，微是小的意思，小是相对于大的一个用于比较的形容词，所以通常是在项目庞大的情况下，才会考虑将它变小，去考虑将它拆分成若干个小项目
·2022-10-14 12:09

2022年Webpack 5初学者完整指南

将Webpack与JS、CSS、NPM、模块联合和微前端一起使用课程英文名：Webpack5in2022TheCompleteGuideForBeginners此视频教程共2.5小时，中英双语字幕，画质清晰无水印
IT教程精选·2022-10-05 18:36

JavaScript前端学算法题解LeetCode最大重复子字符串

目录最大重复子字符串解题思路知识点这是LeetCode的第1668题：最大重复子字符串最大重复子字符串给你一个字符串sequence，如果字符串word连续重复k次形成的字符串是sequence的一个子字符串，那么单词word的重复值为k。单词word的最大重复值是单词word在sequence中最大的重复值。如果word不是sequence的子串，那么重复值k为0。给你一个字符串sequence
·2022-09-30 13:12

react--随笔 1

REACT介绍一款javascript前端框架，把用户界面抽象成一个个的组件，按需组合成页面，官网，与其他框架的共同点是，都采用虚拟dom，和数据驱动angularJsreactJsvueJsangularTs
满意code·2022-09-28 21:26

2022-08-27 第六小组 瞒春 学习笔记

前言今天进行vue的学习Vue.js是一款流行的JavaScript前端框架，旨在更好地组织与简化Web开发。
烫嘴的辛拉面·2022-09-23 18:47

微前端架构

一、前端(架构)发展史最初，前端是没有架构的，因为功能简单的代码没有架构可言。通过操作DOM就能完成的工作，不需要复杂的设计模式和代码管理机制，也就不需要架构来支撑起应用。前端开发的发展历史分为以下几个阶段：●古典时期。由后端渲染出前端HTML，用Table布局，用CSS进行简单的辅助。●动效时期。前端开始编写一些简单的JavaScript脚本来做动画效果，如轮播广告。●Ajax异步通信时期。20
拾荒李·2022-09-22 10:58

生产可用：是时候来一个微前端架构了！

微前端的场景域在选择一个微前端方案之前，常常需要思考这样一个问题，我们为什么需要微前端。通常对微前端的诉求有两个方面，一是工程上的价值，二是产品上的价值。
阿里云开发者·2022-09-21 17:07

初探 微前端 的世界

本文首发于微信公众号：大迁世界,我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看GitHubhttps://github.com/qq449245884/xiaozhi，包含一线大厂面试完整考点、资料以及我的系列文章。前言最近笔者在工作上一直听到后端工程师们在谈论Microservices(微服务)的架构设计，听到的当下立马去查询才知道原来Micr
·2022-09-16 08:20

Vue qiankun微前端实现详解

目录引言What：微前端是什么Why：为什么选择微前端微前端能做到什么为什么不使用iFrameHow：微前端实践在主应用中注册微应用在子应用导出相应的生命周期钩子结尾引言前端时间有个契机，让我们团队开始进行微前端的相关实践
·2022-09-14 18:01

微前端实现方案之iframe

微前端是最近几年火起来的概念，iframe是早期实现微前端的理想方案，而现在有了其它的方案，比如qianduan框架，single-spa，以及webpack5带来的联邦模块方案。
_littleTank_·2022-09-11 19:29

react

REACT介绍一款javascript前端框架，把用户界面抽象成一个个的组件，按需组合成页面，官网，与其他框架的共同点是，都采用虚拟dom，和数据驱动angularJsreactJsvueJsangularTs
tigerYXH·2022-09-08 14:18

registermodule 微前端_微前端实践

在前端开发日新月异、前端工程化蓬勃发展的今天，我想给大家介绍下另一种尝试——微前端。微前端是什么那什么是微前端？微前端主要是借鉴后端微服务的概念。简单地说，就是将一个巨无霸(Monolith
weixin_40009207·2022-09-07 20:01

微前端qiankun框架的底层实现原理

qiankun框架的底层原理现在我们手写一个简易的qiankun框架，实现基础的父应用中切换路径跳转子应用、沙箱隔离等qiankun框架的功能。我们在已经配置好的qiankun主应用中不使用qinakun框架，而是引入我们自己手写的简易框架来实现本有的qiankun框架功能比如路由跳转、沙箱隔离、css样式隔离等。//引入qinakun框架内的方法//import{registerMicroApp
veggie_a_h·2022-09-07 20:58

微前端（Micro-Frontends）qiankun框架原理与实现

文章目录微前端（Micro-Frontends）qiankun框架原理与实现1.qiankun简介2.qiankun核心设计理念3.为什么不用iframe4.qiankun的特性5.实现原理（1）应用加载
qq_39670012·2022-09-07 20:16

浅谈微前端

之前公司开发一个系统，由多个不同功能的小项目组合成一个比较大的系统，当时考虑直接一个应用开发，但是发现小的项目可以在其他系统中使用，于是想到使用微前端进行项目开发，将不同功能的小项目进行独立开发，然后通过门户进行系统合并
知所云·2022-09-07 20:46

微前端的初探索

微前端的初探索一、什么是微前端二、微前端的特点三、微前端的工作原理四、微前端的路由分发五、微前端的应用隔离六、微前端的通信七、微前端的选择一、什么是微前端微前端是将Web应用由单一的应用转变为多个小型前端应用聚合为一的一种手段
蛞蝓不孤寡·2022-09-07 20:40

微前端究竟是什么？微前端核心技术揭秘！

导语|微前端是将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的一种手段。本文从微前端的基础理论出发，对其核心技术进行阐述，最后结合项目进行简单的应用实践。
腾讯云开发者·2022-09-07 20:01

对比多种微前端方案

转自团队掘金原文：https://juejin.cn/post/6898268972178178061一、写在前面在之前的文章中，我们已经深入剖析了微前端究竟是什么，可以带来什么收益，现在让我们复习一下微前端的概念
吉古力·2022-09-07 20:27

微前端原理解析

前言微前端将web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用，每个前端应用还可以独立运行、独立开发、独立部署。
carfied-feifei·2022-09-07 20:55

Flet-基于Flutter的Python跨平台开发框架

简单的架构没有更复杂的架构与JavaScript前端，RESTAPI后
星星在线·2022-09-05 12:01

微前端——qiankun（乾坤）实例

一、什么是微前端微前端就是将不同的功能按照不同的未读拆分成多个子应用，通过主应用来加载这些子应用，微前端的核心在于拆，拆完后再合二、为什么使用微前端不同团队间开发一个应用技术栈不同希望每个团队都可以独立开发
菜鸟咸鱼一锅端·2022-09-02 19:30

Flet-基于Flutter的Python跨平台开发框架

简单的架构没有更复杂的架构与JavaScript前端，RESTAPI后
·2022-09-02 10:52

基于微前端qiankun的多页签缓存方案实践

1.1单页面应用实现多页签1.2使用qiankun进行微前端改造后，多页签缓存有什么不同二、方案选择2.1方案一：多个子应用同时存在2.2方案二：同一时间仅加载一个子应用，同时保存其他应用的状态2.3最终选择三
·2022-08-30 17:59

全面敏捷模式下的微前端方案——设计篇

本文只涉及到module-federation微前端方案的设计层面分享，关于具体实现，可以参考写的简单例子；所有的设计图自取，如果对你有一些启发，请点个star背景团队从瀑布流模式转变为敏捷模式，将整个项目团队划分为多个小组并行开发
·2022-08-25 19:19

微前端之 js隔离 样式隔离 元素隔离问题详解

目录WebComponent介绍js隔离问题解决方法一用Proxy代理方法二用快照样式隔离问题方法一样式增加不同前缀方法二ShadawDom元素隔离WebComponent介绍微前端框架中，js隔离、样式隔离
·2022-08-23 18:48

微前端之Web组件自定义元素示例详解

目录我们知道的Web组件使用名称规范组件传参数并可以写模板包括js和cssShadowDom影子节点类中的构造函数和钩子函数getter/setter属性和属性反射扩展原生HTML我们知道的第一：我们熟知的HTML标签有a,p,div,section,ul,li,h2,article,head,body,strong,video,audio等等第二：我们知道，a标签是链接，p标签是段落，div是块
·2022-08-23 16:40

超大体量项目，微前端落地方案，看完后悔来找我

介绍先介绍一下我们的项目背景，该项目是从18年开始启动的中间搁置了很久导致项目架构比较落后并且后期继续业务开发的时候也没有持续对架构进行优化迭代而是直接进行了业务开发，导致后面有很多的问题比如启动慢、代码耦合性强、项目体量巨大导致开发效率降低之类的问题问题描述目前项目体量达到了400个路由打包完的包大小为60MB左右首次启动时间为3分钟左右热更新时间为10s左右过程经过一段时间对项目架构的优化迭代
·2022-08-22 12:42

JavaScript前端迭代器Iterator与生成器Generator讲解

目录Iterator概念默认Iterator接口Iterator的return()原生具备Iterator接口的数据结构调用Iterator接口的场合模拟实现forofGenerator认识Generatornext方法的参数yield表达式Generator与Iterator之间的关系Generator.prototype.return()yield*表达式Generator函数的thisGen
·2022-08-19 18:41

微前端架构的几种技术选型

简介：微前端架构的几种技术选型背景随着SPA大规模的应用，紧接着就带来一个新问题：一个规模化应用需要拆分。一方面功能快速增加导致打包时间成比例上升，而紧急发布时要求是越短越好，这是矛盾的。
·2022-08-19 18:25

JS微前端MicroApp基础使用

子应用3.1Webpack+Vue子应用3.2Webpack+React子应用4.应用路由配置说明4.1主应用路由4.2子应用路由1.介绍MicroApp是“京东零售”团队在2021年7月正式发布的一个微前端框架
·2022-08-15 17:41

水滴低代码搭建——6倍提效，新品首发素材审核系统实践之路

在技术选型的过程中，新品团队了解到水滴低代码平台具备可视化搭建CMS的能力，内置了丰富能力，能够高效、快速地搭建CMS，例如表单表格、权限管控、微前端等。
·2022-08-15 16:59

JavaScript前端经典面试题之ES6面试题汇总es6

推荐阅读：vue3面试题：最新vue3.0前端经典面试试题及答案（持续更新中……）_南北极之间的博客-CSDN博客打包大小减少41%初次渲染快55%,更新渲染快133%内存减少54%......使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和Tree-Shaking......Vue3可以更好的支持TypeScriptCompositionAPI（组合API）setu
南北极之间·2022-08-06 03:37

基于微前端qiankun的多页签缓存方案实践

本文梳理了基于阿里开源微前端框架qiankun，实现多页签及子应用缓存的方案，同时还类比了多个不同方案之间的区别及优劣势，为使用微前端进行多页签开发的同学，提供一些参考。
vivo互联网技术·2022-08-02 09:00

基于微前端qiankun的多页签缓存方案实践

作者：vivo互联网前端团队-TangXiao本文梳理了基于阿里开源微前端框架qiankun，实现多页签及子应用缓存的方案，同时还类比了多个不同方案之间的区别及优劣势，为使用微前端进行多页签开发的同学，
·2022-08-02 08:53

qiankun - 微前端应用搭建

qiankun是一个基于single-spa的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。
ZionHH·2022-07-29 19:31

微前端解决方案-qiankun实战及部署

image.png在线demo：wzs.bengdada.com/单独访问在线子应用：subapp/micro-reactsubapp/micro-vue2subapp/micro-vue3一.导读1.什么是微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化
e只咸鱼·2022-07-26 21:16

webpack项目中使用vite加速的兼容模式详解

vite到现在生态也起来了，就有了把项目改造成vite的想法，但是项目后面可能要依赖qiankun改造成微前端项目，现在qiankun对vite还没有好的解决方法，我就想采取一个折中的办法，保留w
·2022-07-26 16:29

JS利用 React.lazy 优化页面初次渲染

目录一、需求背景二、代码分析三、技术实现1.路由懒加载2.Prefetch预获取一、需求背景主站采用qiankun微前端方式嵌入新项目，qiankun会阻塞子应用资源加载，这导致应用白屏时间增加，希望在子应用端进行优化以减少白屏时间
·2022-07-26 09:04

JS递归遍历查询是否有权限示例详解

目录前言需求分析设计思路代码声明查找模板如下js版本ts版本后记前言最近参与了一个基于qiankun构建的微前端大型项目，涉及到十几个子应用，基于基座独立开发了一个完善的权限中心模块。
·2022-07-25 12:05

微前端之 qiankun 入门、上手、实战（构建大型 web 应用）

目录前言正文一、介绍微前端qiankun二、快速上手☛主应用①安装qiankun②在主应用中注册微应用☛微应用①导出相应的生命周期钩子②配置微应用的打包工具三、项目实战☛主应用①安装qiankun②注册微应用并启动
前端不释卷leo·2022-07-22 10:43

JavaScript前端实现小说分页功能示例

目录先让我找找我的思路在哪里思路已至，码来！结束先让我找找我的思路在哪里在小说读书APP中，都会有分页的功能，那么前端如何实现这个功能呢？因为没有什么思路，那就只能在前辈的项目中寻找思路了。这不，直接打开起点的页面，按下那个传说中的F12键，开始我传奇生涯！...不好意思，串台了好了，然后在找一本有缘书，跟我一同前往那神秘的未知世界。就决定是你了，开始免费试读。然后我们就可以发现起点是如何实现这个
·2022-07-19 19:06

JavaScript前端分页实现示例

目录初窥前端分页前言需求分析实现目标：解决思路：开工，上代码：转折：初窥前端分页前言近日接到了一个关于前端分页的需求，某系统仓储模块的分页功能，由于以前分页都是后端处理的，第一次接到这种需求，借此记录一下。需求分析应用场景简述：在商品出库以及退回时，需要通过接口获取商品列表，前端通过table方式展示数据，用户多选数据提交后保存在上一级页面的table中。用户选择数据：存储用户选择的数据到上一页面
·2022-07-19 19:34

JavaScript前端构建工具原理的理解

目录前言构建工具的前世今生YUITool+AntGrunt/GulpWebpack/Rollup/ParcelVite/Esbuildjs模块化的发展史和构建工具的变化青铜时代白银时代黄金时代结束语前言最近有幸在前端团队里面做了一次关于webpack的技术分享。在分享的准备过程中，为了能让大家更好的理解webpack，特意对市面上以前和现在流行的构建工具做了一个梳理总结。在整理和分享的过程中，获益
·2022-07-19 14:45

JavaScript前端实用的工具函数封装

目录1.webpack里面配置自动注册组件2.自定义指令图片懒加载3.图片文件转base64格式(实现预览)4.数组转为tree型结构(递归实现)5.递归深拷贝6.将数组里面的对象转换成我们需要的键值对1.webpack里面配置自动注册组件第一个参数是匹配路径,第二个是深度匹配,第三个是匹配规则constrequireComponent=require.context('./libary',tru
·2022-07-19 13:38

除了 Qiankun， 这些微前端框架或许更适合你「建议收藏」

前言大家好，我是易师傅，上篇文章给大家主要讲解到了《微前端的入门》，这篇文章给大家收集归纳了微前端常用的框架，以及他们优缺点；如果你正在做微前端，但是苦于不知使用哪一个微前端框架而苦恼时，我相信这篇文章能够给到你答案
易师傅·2022-07-19 09:00

【源码】微前端qiankun源码阅读(2)：加载子应用与沙箱隔离

前言在上一篇文章了解了qiankun的整体运行。下面继续看：1.qiankun如何根据entry字段去加载子应用的资源。2.qiankun提供的沙箱隔离。正文(1)loadApp在上一篇中说到single-spa的app配置需要开发者自己处理加载子应用的逻辑，在qiankun的registerMicroApps中，封装了loadApp方法。exportfunctionregisterMicroAp
ceido·2022-07-16 16:48
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他