最近解决样式遇到了这样的问题,具体如图。

如图即问题现象

复现

固定表头,设定百分比宽

阅读全文 »

最近WEB中对于时间格式化有了个性化需求,解决的同时,这里记录下。

需求一:走0时区

为了时间显示统一化,要求按照0时区时间展示,因为之前我们都是封装统一的轮子-使用momentJS做的日期格式化,所以只需要在WEB启动时做下时区设定即可。

1
2
3

moment.tz.setDefault('Africa/Abidjan');

注意:Africa/Abidjan即是0时区

阅读全文 »

redux saga使得一个action发起后,我们进行大量的操作[异步,同步],这些操作依次处理,但本身发起这个action确是个异步。

那么问题来了,存在一个场景,如果我们发起一个action,等待action结束执行某个动作, 这个需求怎么解决呢,目前我们的方案是2个,1. 使用回调,假如需要执行多个动作呢,可能会存在多个回调。并且遇到回调,我们要小心,避免陷入回调地狱。2.effects中,数据最终流转到redux状态树,我们在组件中判断状态的变化情况,来了解是否action执行结束。但思考下,难道saga中effects的执行一定最终是将某些值存入redux状态树吗,假如我们支持返回值,那么就可以打破这个了吧。
如上两个方案都可以解决问题,但都有其弊端,因此,问题聚焦,就是action是否可以promise化?

redux-thunk

提到了action promise化,就先提一下thunk,thunk的本质就是中间件形式,先执行了某个异步方法,再执行真正的个action。但是thunk的缺点是做不了丰富的异步动作编排,所以saga作为竞争对手解决了这个问题。

thunk不是我们当前问题的菜。、

redux-saga-promise

阅读全文 »

今天前端在引入@adobe/redux-saga-promise包时,启动报这个错。于是开始了解决,这里记录下

regenerator-runtime是什么

Source transformer enabling ECMAScript 6 generator functions in JavaScript-of-today

也就是说编译后的JS提供generator及async函数的支持。

阅读全文 »

IDEA或WS中,比如对于包版本,我们只能看到当前安装的版本或者最新版本号,但是对于查看历史版本,却没有现成的手段支持。于是我在想不如做个插件来强化下呢。

查看包版本历史的需求

查看包版本历史从来不是个多么刚性的需求,但是却也需要。

比如使用webpack4.x,这时我想知道4.x之上又有哪些版本,因为每次的升级不一定是升级到最新。

又比如,我们发布的私服包,有时需要知道私服上当前有多少个版本,因为某些原因,部分版本可能不存在了,我们需要确认下。

阅读全文 »
0%