showlotus's blog

归档 · 2023

首页

归档

关于

重复请求优化

JavaScript工具函数

设想一种场景,有两个组件,这两个组件在初始化阶段,都需要调用同一个 API 接口去获取数据。为了防止请求冗余,可以把两个组件的请求都挪到父组件中,由父组件统一调用一次请求,然后再将响应的数据结果传给两个子组件。这种方法应该是最常见的,不过它也有一个局限性条件:两个组件必须有一个共同的祖先组件,如果这两个组件是同级的兄弟组件倒也还好,如果非同级,那么数据的传参就会有些麻烦了。那么还有其他办法 ...

最大余额法

JavaScript工具函数

当开发一些图表类页面时,经常需要对一组数据求百分比,而像是常用的 Echarts 图表,在内部已经计算妥当了,保证一组数据在计算完百分比之后,这些百分比相加后仍然等于 100% 。而这种计算百分比的算法之一就是 —— 最大余额法。 核心思想就是,根据每部分所占比例的大小,按照从高到低的顺序去分配剩余部分。 比如,一组数据 [ 4, 4, 3 ],所占百分比为 [ 36.363636363 ...

两周年啦!!

年度总结

这篇其实是中秋节那晚,在心情很糟糕的情况下,写了该篇。 匆匆忙忙又一年时间过去了,这一年我愿称之为 “开源丰收年” ,累计写了 22 篇文章(去年才 12 篇),写了不少组件和小工具,例如(我要开始吟唱啦~~~): Vue 指令:v-set-title-attr; ViewDesign 扩展组件:ivu-select-union; ViewDesign 扩展组件:ivu-input ...