所在的位置: 前端 >> 前端优势 >> 唐朝人更懂React

唐朝人更懂React

(给前端大全加星标,提升前端技能)

作者:魔术师卡颂公号/卡颂(本文来自作者投稿)

公元年,神龙元年上元佳节,朝廷解除了宵禁,登时长安城彻夜人声鼎沸好不热闹。

你投靠在礼部当差的大哥已有数年,在烟火处谋得一份差事。这几日正是一年中最忙碌的时候。

所谓烟火处,就是官办的放烟花机构,负责逢年过节有组织的燃放烟花助兴。

这放烟花学问可大了。在长安这几年,你就学会了一件事——如何听从指令放烟花。

那么,放烟花难在哪呢?

难就难在这“整齐”二字。

何谓“整”?

长安城中设有多个燃放点,负责燃放事宜。这些燃放点之间相去甚远,却需要同时燃放。

如此烟花才能同时绽放,此为“整”。

何谓“齐”?

倘若所有烟花一股脑在空中炸开,不同烟花的寓意体现不出来,那就落了下乘。

所以,要按寓意将烟花分类:

指挥使大呼一声“紫气东来!”,那么所有紫色烟花一同绽放。

再大呼一声“鸿福齐天”,所有红色烟花一同绽放。

这场面,想必是极好的。

唐朝人是怎么做的

为了做到“整齐”,各个燃放点不能各行其是,需要统一调度。

为此,燃放处在城中心设置了中央枢纽,并在城中遍布驿站。

中央枢纽负责下达命令

沿途驿站传递命令

当需要燃放烟花时,中央枢纽将包含寓意的燃放命令下达到最近的驿站,驿站之间层层传递,直到燃放点。

燃放点接收包含寓意的燃放命令,点燃对应的烟花。

那么问题来了,烟花是保存在各个燃放点的,中央枢纽如何知道哪些烟花有存货呢?

换句话说,如果所有燃放点只有红色烟花,那么中央枢纽下达紫气东来(燃放紫烟花)的命令,就没有意义了。

所以,需要燃放点先通过驿站告知中央枢纽:本燃放点现存哪些烟花。

告知存货

当差的管这个步骤叫告知存货。具体来说如下:

烟花贩子将烟花运送到不同的燃放点。

燃放点的跑腿差役沿着驿站快马加鞭奔赴中央枢纽,告知中央枢纽本燃放点当前的烟花存货。

上元节当晚,中央枢纽收到不同燃放点的存货告知。

这时礼部官吏就出场了(什么时候才能从烟火处混到礼部啊,哎)。

调度燃放

当差的管这个步骤叫调度燃放,具体来说如下:

礼部官吏翻阅典籍,根据烟花的寓意及各燃放点的存货安排好燃放顺序。

中央枢纽的指挥使根据燃放顺序选出最高优的烟花类型,大笔一挥,下达一道命令。

各燃放点在中央枢纽的跑腿差役收到命令,快马加鞭沿着驿站一路回到燃放点。

燃放点负责燃放烟花的差役(我)根据命令,选择合适的烟花燃放。

佳节当天

这日,烟花贩子早早为各燃放点备上烟花,其中

城郊燃放点存货:红、紫烟花

城北燃放点存货:红、绿烟花

东南燃放点存货:紫烟花

各路跑腿差役将信息汇总于中央枢纽。礼部官吏根据汇总信息排列优先级。

根据《礼典》,燃放烟花的寓意需要按照如下顺序:

紫气东来-鸿福齐天-祥瑞安康

分别对应:

紫色烟花-红色烟花-绿色烟花

随着指挥使一声令下“紫气东来!”

各路跑腿差役沿着驿站飞奔回各自燃放点,燃放点差役根据命令点燃烟花。

此时“城郊”与“东南”燃放点有“紫色烟花”存货,于是长安城的城郊与东南角上空绽放了紫色烟花。

此时:

接下来,指挥使一声令下“鸿福齐天!”

城郊与城北上空绽放了红色烟花。

此时:

最后,指挥使一声令下“祥瑞安康!”

城北的夜空绽放了绿色烟花。

望着北方的星空,你痴痴的想:这漫天星空,就像。。。。。。就像浏览器的窗口!!

这,就是Ract

“星空中绽放烟花”这幅画面,就是浏览器窗口显示的视图。

上图中的每个节点,就是一个Ractlmnt。

燃放点与驿站的区别在于,燃放点对应的Ractlmnt可以更新状态,也就是有状态的组件。比如:

调用this.stStat的ClassComponnt

调用usStat的FunctionComponnt

烟花就是调用stStat后Ract内部创建的updat对象。

烟花的颜色代表了updat的优先级。

向燃放点运送烟花的烟花贩子,就是触发状态更新的各种场景。比如:

onClick中this.stStat()




转载请注明:http://www.aierlanlan.com/grrz/75.html

  • 上一篇文章:
  •   
  • 下一篇文章: