rax学习（九）：实现微信消息长列表（LongList）之配置透出

仓库地址：rax-longlist

介绍一下

性能优化完成之后，我们的开发工作仍然未完成，每次小的需求改动还是需要我们开发来改代码，有没有一种方式能够让运营他们来分担开发的工作量呢！当然有，我们只需要把系统的通用配置吐出去，使得外界可以灵活修改，这也是我们开发的终极目的，一次开发，多处使用，当然系统的配置工作都可以后端来做，不过我们前端也可以做。工作3年多，我总结一下需要前端配置的项基本可分为如下几项：

1. 语言配置：页面中文案语言的相关语言的配置。例如可以中英文切换

2. 数据配置：一些静态数据的配置。例如轮播图片的信息、跑马灯的信息等。

3. 样式配置：页面基本样式的配置。例如背景色、背景图片、字体字号等。

基本思路

其实做配置项并不难，只需要在要配置的值加个key，比如我们要做多语言处理，我们就在每个文案替换成一个函数，函数中传一个唯一的key值，以及它默认展示的值，只要系统中的文案不写死，我们就会很好做多语言，处理函数也很简单。只需要获取当前的语言并且定位到对应的多语言文件里取值即可。数据配置也非常简单，这里说的数据基本上都是一些静态的展示型数据，比如我们要做一个XXX官网，这就能很好的利用数据配置来方便的改变官网的数据展示。电商、新闻资讯等类型的网站基本上是展示型的浏览类型的，基本上都会用到数据配置（数据投放）。其实数据配置我们可以理解为前端的mock数据，数据投放的那时起就不会再有变化了。样式配置应该是使用最多的，比如各种营销页面，活动页面，我们不可能每次都重新开发一套，基本上是换个背景图，换个动画效果这些，结构基本都不会变的。这个也比较简单，定义个变量就能实现。以上总结的都是针对较为简单的页面的通用配置项，如果要应对复杂多样的业务系统，我们需要分情况进行开发和封装配置。比如我们开发一个后台管理系统，基本上都会有配置的，导航栏的权限配置、系统的的主颜色配置、其他一些显隐配置（表格项，表单项等）等等！