部分好学的学弟学妹喜欢问些前端常用的术语表示什么意思,我只能口语化的给他们讲一下,专业的解释,百度谷歌里面很多,这里我个人也总结记录一下。这里都只简单写一下名词解释,某些名词出现的原因、具体如何实现后期有空再单独写文章吧。这是记录一
# 简单了解几个词
Design:UI设计语言,Material Design和Ant Design,分别是Google和阿里的推出的两种前端UI设计语言。
库:一般常说的分方法库、组件库。比如Jquery可以叫做方法库,用来实现特定需求的一组API集合。比如Ant Design of React可以称为ui库,满足特定业务需要的高可复用的常见UI组件集合。这里说一下Ant Design是蚂蚁团队提出的一种设计规范。
框架:Framework,用来构建一个应用的主体结构,比如说前端3大框架, vue,react,Angular。一般框架都有自己的设计模式,MVC,MVP之类
模板:Boilerplate,将Design,library和Framework组合在一起,形成一个模板来使用。比如Ant Design是设计语言、Ant Design of React是遵循这门设计语言并且用React实现的UI组件库,Ant Design Pro就是模板
# 什么是微前端和大前端?
### 微前端
概念:一种由独立交付的多个前端应用组成整体的架构风格。具体的,将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的小块,而在用户看来仍然是内聚的单个产品。
微前端的理念类似于微服务:将庞大的整体拆成可控的小块,并明确它们之间的依赖关系。微服务是面向服务架构(SOA)的一种变体,把应用程序设计成一系列松耦合的细粒度服务,并通过轻量级的通信协议组织起来具体地,将应用构建成一组小型服务。这些服务都能够独立部署、独立扩展,每个服务都具有稳固的模块边界,甚至允许使用不同的编程语言来编写不同服务,也可以由不同的团队来管理。
### 大前端
大前端其实就是所有前端的统称,比如web、Android、iOS、Watch等,最接近用户的那一层也就是UI层,然后将其统一起来,就是大前端。大前端最大的特点在于一次开发,同时适用于所有平台,开发者不用为一个APP需要做Android和iOS两种模式而担心。大前端是web统一的时代,利用web不仅能开发出网站,更可以开发手机端web应用和移动端应用程序。大前端的主要核心就是跨平台技术,有了跨平台技术,各个平台的差异性就磨平了,开发者只需要一套技术栈就可以开发出来适用于多个平台的客户端。
# 什么是响应式?
简单来说响应式就是让你做的前端页面可以在用户使用的不同设备上,显示出比较一致或者说合乎用户操作习惯的效果。
一般来说可以从4个方面进行比较:
1、显示的同一页面在不同大小和比例上看起来都应该是舒适的;
2、显示的同一页面在不同分辨率上的显示看起来都应该是合理的;
3、显示的同一页面在不同操作方式(如鼠标和触屏)下,用户体验应该是统一的;
4、显示的同一页面在不同类型的设备(手机、平板、电脑)上,交互方式应该是符合用户习惯的。
用到的技术方法:
1、弹性化设计:flex布局、液态网格、液态图片技术;
2、响应式图片:同比的缩放图片,降低图片自身的分辨率;