微前端设计与实现(前端概览)
前端概览
本章将阐述选择微前端的思考过程,并概述不同的前端架构
微前端应用
微前端是受微服务启发的一种新兴架构。它背后的主要思想是将一个单体代码库分解成多个较小的部分,一百年多个相对独立的团队进行分工协作。即使这些团队不在同一个地点,还是能够做到按时交付。
单页应用
单页应用(SPA)由覆盖了整个微前端应用功能的一个或几个JS文件组成这些文件通常会被预先下载。Web服务器或**内容分发网络(CDN)**返回HTML入口页面后,单页应用会加载jS、CSS和其他资源。使用单页应用会有很多好处,比如客户端只需要在应用的生命周期开始下载一次代码,此后用户会话中的全部应用逻辑就会处于可用状态。
单页应用通常通过API来与后端(也叫服务器)的持久层交换数据。此外,单页面应用避免客户端和服务器之间为了加载附加逻辑而导致的频繁通信,做到在应用的生命周期内可以立刻渲染所有视图
上述这些能力都增强了用户体验,模拟了用户与移动设备或桌面原生应用交互时的情况,用户无须等待太长时间就可以在应用中进行跳转
单页面应用中的路由机制完全由客户端维护。这意味着每次更改视图时,应用都会更改URL,以便用户分享页面链接或把URL加入书签仍可以直接访问指定。单页面应用也可以自由地决定如何在服务器和客户端之间划分应用逻辑。
比如 我们可以创建一个胖客户端和一个瘦服务器端,客户端用来存储逻辑,服务器端则用作持久层;打造一个“瘦客户端”和一个“胖服务器端”,逻辑主要交给服务器端,而客户端不会执行任何智能逻辑,只是相应API 返回的状态
- 想创建一个跨平台应用 —— “胖客户端和瘦服务器端”
- 想创建桌面应用时 —— “胖客户端和瘦服务器端”
微前端设计与实现(前端概览)相关推荐
- FPGA前端设计和ASIC前端设计是不是完全一样
简单的回答两者一样,但是只能显示您还不理解两个设计的核心 FPGA比较流行的是基于查找表组合逻辑的形式.,没有与门非门,有的只是查找表,选择器和全加器.FPGA里的所有的组合逻辑都是靠查找表,选择器和 ...
- 前端交接文档_开发型Web前端和设计型Web前端的区别是什么?
小编说学Web前端,你弄懂开发型Web前端和设计型Web前端的区别了吗?今天千锋广州小编给大家梳理一下设计型Web前端做什么?都要学习什么? 想必大家也会遇到这种情况,要做一个项目,产品经理说产品原型 ...
- 数字IC前端设计流程及详细解释
数字IC前端设计流程及详细解释 1,数字前端设计流程图 2,各个部分的解释 1,数字前端设计流程图 数字前端以设计架构为起点,以生成可以布局布线的网表为终点. 使用设计的电路实现想法,主要包括:基本的 ...
- 转行人必看:数字IC前端设计学习路线与方法(内附学习视频)
众所周知,数字前端设计对于工程师的能力要求比较高,不仅有学历上的要求,还要求掌握很多的知识技能.不少跨专业想要转行的小伙伴对数字前端设计这个岗位不是很了解,下面IC修真院就带大家全面了解一下数字IC前 ...
- 芯片前端设计面经笔经总结
芯片前端设计面经总结 总体来说,面试问的主要是项目+基础,不同公司侧重需求可能不同,基础主要靠看书总结,项目就老老实实把教研室项目吃透,是没有什么问题的. 前期准备 侧重学习了跨时钟域.低功耗的方法( ...
- 微信小程序前端设计,以北京动物园为例
1问题描述 关于微信小程序的前端页面设计 2算法描述 首先打开微信开发者工具创建一个新的小程序项目,但是可以不选择任何模板,进入新建的小程序,因为是前端设计,就可能需要我们插入图片之类的,所以先在项目 ...
- 浅谈业务中台前端设计
做前端中台业务一年多的时间,有一些心得体会,和大家分享分享. 中台是什么 中台业务的价值是什么 做了哪些前端中台业务 如何设计前端中台业务 未来展望 中台是什么 百度百科的解释比较言简意赅:" ...
- 2021年秋招面经分享·ZEKU / OPPO【芯片前端设计工程师】
前言 如果想参考本人背景情况的可见这篇概述 ============================ 正文开始 ============================== [时间线] 7.23 ze ...
- 【简历投递】数字IC前端设计工程师-北京
目录 1.兆易创新 (社招)数字前端实现资深/主管工程师 2.海尔集成电路 (X招)IC前端设计工程师 3.龙芯中科 (校招)SoC结构设计工程师 (校招)多核结构设计工程师 4.紫光同芯 (校招)数 ...
- [微服务/API时代的前端开发] BFF超入门--Netflix、Twitter、Recruit选择BFF的理由
前言 在本系列"微服务/API时代的前端开发"中,我们将介绍当前备受关注的BFF(Backends For Frontends).这一篇,我们将主要介绍BFF的概要和例子,作为&q ...
最新文章
- Internet Explorer 8 Beta2 常见问题解答
- @Value获取值和@ConfigurationProperties获取值比较||配置文件注入值数据校验
- tensorflow常见函数——clip_by_value、numpy.random.RandomState、argmax
- 为什么需要握三次手,两次或者四次可以吗??
- linux shell 宏定义_linux内核修炼之系统调用
- 纽曼皮尔逊准则Matlab实现,纽曼-皮尔逊准则,Neyman Pearson Criterion,在线英语词典,英文翻译,专业英语...
- 基于java springboot+mybatis OA办公自动化系统设计和实现
- 前端项目引入js文件写绝对目录还是相对目录_flask入门(三)静态文件
- asp.net AJAX 验证用户名是否存在 -Jquery
- 麦达数字SaaS布局再落子9300万投资赢销通
- python-gui-pyqt5的使用方法-8--实际案例可参考使用
- 红帽(redhat linux) 初级认证(RHCSA)考点详解
- pygame网络游戏_7_1:地图编辑器的使用
- 工具 IDA Pro
- html气泡写法,制作CSS气泡框
- pdfbox pdf转图片中的字体问题
- Rabbit基础概念
- 关于spark错误 [Could not locate executable null\bin\winutils.exe in the Hadoop binaries】解决方法
- 【Arduino 连接 SD 卡模块实现数据读写】
- 开学季||期待和你一同前行