产品必懂技术术语（前端类）

开课吧产品100 · 公众号 · 产品 · 2021-02-24 16:24

正文

请到「今天看啥」查看全文

注：现在市面上看到的UI, 一般都是经过组合封装的，UI主题样式一般跟公司、项目有关。所以目前最多的叫法是“组件”。

组件库

多个组件通过一定的方式封装起来，可以提供给多个项目使用的同一套代码组件，就叫组件库。多个项目使用一套组件库，不仅可以让类似项目保持相同的UI主题，还能避免开发重复造轮子，提高开发效率。

现在市面上比较流行的组件库，有蚂蚁金服ant design，饿了么element ui、iView等。现在很多公司在做网站时，使用的是这几种组件库。当然也有部分公司使用自己研发的组件库。

框架

框架是为解决一类问题而产生的产品。它面向的用户是开发者。现在市面上比较流行的前端类框架有：

web端：js框架 --> react、vue、angular

客户端：react native、flutter

微信小程序端：wepy、mpvue

它们的诞生，大多是为了解决js操作界面元素的性能消耗、代码复用性、可维护性、可读性、健壮性等问题。

使用不同的js框架，代码的写法几乎不一样，对应的组件库也不一样。

react->ant design vue->element

所以如果想把项目换一种框架来写，成本是相当高的。如果想在不同端展示一样的UI怎么办？在web端、客户端、小程序端写3套代码？这时跨端跨框架的解决方案就诞生了， Taro框架 => 它支持只编写一套代码就能够适配到多端的能力。

页面适配

页面适配一词一般用于移动端。因为现在的手机机型和手机屏幕种类很多，不同的屏幕大小下，一样的布局可能表现会错乱。不同的机型下，可能因为某个样式不兼容而表现异常。

对手机机型或手机屏幕大小或浏览器大小来对页面样式做兼容匹配，叫做页面适配。

当一个移动端页面做出来后，怎么知道要兼容哪些机型和屏幕呢？要看该产品的目标用户有哪些。

如果目标用户是东南亚等发展中国家，一般要考虑国外用户常用的机型，比如一加手机。如果目标用户是国内的中老年人，则要考虑大屏幕的安卓手机，比如华为、小米。如果目标用户是18-35岁之间的蓝领白领，需要适配的机型就比较多了，一般要考虑苹果6/7/8/x/plus/se/ipad、华为、小米、三星等主流机型。

渲染

众所周知，一个网页基本是由html、css、js构成的。当前端请求回来html、css、js等静态文件后，浏览器引擎就开始按照规则解析语言，然后测量、排版、绘制页面，最后展现出我们眼前的网页视觉效果。这个过程就叫做渲染。