首页 > 技术文章 > rax学习(九):实现微信消息长列表(LongList)之配置透出

xingguozhiming 2020-08-31 23:48 原文

仓库地址:rax-longlist

介绍一下

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

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

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

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

基本思路

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

推荐阅读