Stark运营平台架构

主题

  Stark架构

正文

  Stark是一个运营平台,使用的是Material + React + Redux开发。项目前期由于时间预估不准确,加上只有一个前端,所以计划中后台人员也要写点简单的页面,为了让后台人员快速的写出统一的页面,我将所有的Material组件重新封装,比如将所有的form组件封装为Input组件,所有的封装对后台人员来说都是透明的。理想的状态是后台人员只需要完成一些JSON配置就可以输出一些标准的页面。下面是Stark的架构图:

Stark 架构

  业务组件就是JSON配置出来的,JSON中也封装了所有的业务逻辑。中间组件是通过解析业务组件中的JSON,使用基础组件生成的页面,只是单纯的View。而基础组件就是对所有Material组件的再封装加上实现的一些新的组件。

  Redux可以通过设置props帮助我们管理所有业务组件和部分中间组件的状态,业务组件内部不会擅自更改自己的状态,而中间组件和基础组件则拥有自更新状态的能力,而且越是基础的组件,初始化完成后依赖props更新状态的可能性就越小,也就越聚合。

  因为业务组件的样式完全依赖JSON配置,没有自定义任何特殊的组件,所以前期可以只实现基础组件的部分功能,保证基本业务逻辑的正确,后台人员可以快速的完成一些页面及后台功能。而基础组件的其他功能,比如样式优化,表单验证可以交给专业的前端人员。

  这样我们就可以快速输出第一版原型,保证在项目前期业务人员就可以进行业务逻辑的验证。

八戒传-8

感想

  又是一年啊,怎么还没长白头发!

正文

  八戒,过年了,你那边应该是笙歌艳舞的子时,为师这边已经炮竹声声了。

  小和尚和小尼姑出去玩了,寺里空荡荡的,你师母在守庵,为师在守庙。

  远游的僧人都没回来,他们在异乡的宝刹与为师一起守岁。

  来年,不知道为师会不会长头发,内有烦恼丝,倒不如长几根头发,不但可以帅帅的,还能为佛祖多赚几箱香油钱。

  今年,寺里的香火不错,到了年底结余不少,管钱的师兄说给大家置换些衣服,小尼姑们都没啥反应,倒是小和尚们吵吵嚷嚷的,这一幕让为师想起了西天路上每次化到斋饭都是你抢先一步,完全不考虑为师的感受,要不是猴子管着你,为师可能早就饿屎了。

  自从我们西行的故事传开后,为师经常看到小娃娃在玩角色扮演的游戏。前几天,又见到了,为师呆呆的站在那里看了好久,看到了活蹦乱跳的猴子,好吃懒做的猪,任劳任怨的沙僧,就是没找到细皮嫩肉的圣僧,为师就跑过去问一个小朋友:为什么没有唐僧呢?小孩子不耐烦的说:你这笨和尚,唐僧当然是被妖怪抓走了!

  小孩子们都在争着做猴子,连猴子猴孙都在抢着做。八戒你呢一般都是胖胖的小娃娃,坐在那里不停的吃东西。老沙却总是围在你的旁边,不停的指着猴子们说着这里演错了,那里演的不对。为师的存在仅仅是为了向旁边的大人们证明这不是一场闹剧。

  这十几年的取经路,为师也明白取经真正的核心是一条正确的路和一颗坚定不移的心,毕竟佛祖等的并不是其他某某某。

  回到寺庙后,为师去尼姑庵找你师母,把这件事说给你她听,你师母呵呵一笑就不理为师了,转身叫来了几个小尼姑,画面仿佛突然回到了盘丝洞,那时为师蜷缩在阴暗的角落,你却在悠悠的偷看姑娘们洗澡。

  看来所有的结局不是不尽人意,而是人意太浓,用情太重。

  爱你的师父,再聊。记得回信啊。

八点拖放缩放

主题

  原生JS实现的8点拖拽缩放系统。

详情

  使页面中的任何元素都可以实现拖拽缩放的功能,只要在HTML属性中添加eight-dot-zoom即可。支持IE8以上现代浏览器。
  
  如何使用:
   1. 引用8-dot-zoom.css和8-dot-zoom.js
   2. 在需要移动的元素上添加eight-dot-zoom属性
    如下:

1
<img src="..." eight-dot-zoom/>

   3. 引用完8-dot-zoom.js后可以使用下述方式指出拖拽边界:

1
2
3
4
5
6
7
8
9
10
11
//指定拖拽元素的父元素的位置信息为其边界
window.EightZoomSys.demarcation = 'parent';
//指定某一元素的位置信息为其边界
window.EightZoomSys.demarcation = Element;
//直接指定边界
window.EightZoomSys.demarcation = {
top: 100,
left: 100,
width: 500,
height: 500
}

八戒传-7

感想

  傻子的世界。

正文

  八戒,前几天老方丈坐化了,为师不知道他去西天能不能见到佛祖。虽然老方丈经常跟为师说只要心中有佛,在哪里都是西天,但是我们四人跋山涉水十几年都是因为我们心中没有佛吗?当然我们最后还是找到了佛。也许这是老方丈的境界,也许他现在正和佛祖侃家常呢,谁知道呢。老方丈是个好人,即使他的弟子中只有为师一个稍有出息,但是说句心里话,作为一个和尚,有没有出息都无所谓,而为师之所以有出息,也只是因为比其他和尚多走了一些路。

  在皇上的爱护下,金山寺依然是香火圣地。皇上偶尔也会过来和为师聊聊天,聊的不多就走了,但是每次离开的时候都会稍作凝视门外的银杏树。为师不知道这棵树是谁种的,也许是皇上,反正比它老的人都已经不在了。记得皇上曾经问为师:御弟,你说是我们在追赶岁月,还是岁月在追赶我们?当时为师答道:皇上,岁月如初,人自竞逐。也许皇上现在已经到了岁月如初的年纪了。

  为师不知道街上那老半仙是什么时候搬过来的,只是记得有一天为师和你师娘散步回来路过他家门口时,突然就窜出来一个老头,吓得为师赶紧念起了紧箍咒。这老半仙也真够有意思的,圣僧圣僧叫了半天就是为了给为师画一幅画像。为师欣然答应了,和你师娘正襟危坐了好久,结果根本就没画你师娘,气得你师娘好几天都没做肉肉吃,而且几天后听说城西有人大量售卖为师的画像,为师本想带着小和尚去讨回公道,起码要给佛祖收点香油钱,但是最后看了看满满的功德箱,还是打消了这个念头,佛道本是一家嘛。

  其实老半仙还是蛮有意思的。有一次,为师也在门外凝视银杏树,老半仙不知道什么时候就站到为师旁边了,很突兀的问:圣僧啊,你说这树上有多少片叶子啊?为师讨厌别人说话的时候每一句的末尾都加个啊。为师说:你数啊。他又说:可能是我老眼昏花,数不清啊。为师问:你关心这个干啥呢?他说:那我还能关心啥啊,你这里只有一棵树,数树也没意思啊。为师有点生气了:那你可以去数花,数草,也可以去数和尚啊,为什么偏偏数树叶呢?!他看看了为师,默默的点了点头:圣僧是第一个啊。为师问:第一个啥?他很疑惑的看着为师:第一个和尚啊。说完他就慢悠悠的进了寺庙。为师看了看这树,觉得老半仙说的有道理,这树叶的确是数不清的,说不定明年哪个角落的叶子根本就懒得出来晒太阳,我们又能如何?数不清的不是树叶,是自然。数的清的也不是和尚,是金山寺的和尚。

  八戒,说了这么多,是不是很想见见老半仙,那你要抓紧啊,天上一天,地下一年,你要是再耽误十天半个月说不定就见不到他了。

  记得要回信哦。

  爱你的师傅,再聊。

八戒传-6

感想

  过去,现在,未来。

正文

  大概是从去年的这个时候,为师开始研究艺术了,所以这么久没给你写信。在天上是不是很无聊?是不是又肥了?不瞒你说,为师肥了一些,隔壁的大爷经常问我:圣僧,出家人不近荤腥,为啥你越来越肥呢?每到这时为师就会双手合十,虔诚的答道:因为我佛,肥。

  为啥开始研究艺术呢,不知道欸,大概有两个原因吧。

  第一个就是看的经书太多了,现在经书上每一个字都认识为师,但是为师却不懂它们在一起的样子。你也许无法理解这种感受,就像你吃完了一颗人参果却不知道它是什么味道一样,但是却可以真的长生不老。直到有一天,为师在门口撞钟,那颗银杏树上的鸟们叽叽喳喳的喊个不停,都打乱了为师撞钟的节奏,小和尚们都好奇的跑出来,为师以为他们是出来看热闹的,没想到,他们却说今天的钟声振聋发聩,犹如醍醐灌顶。那一刻,为师突然明白为什么给小和尚讲经的时候他们总是在打瞌睡,而今天的钟声却可以达到如此的效果。从这以后,为师就开始研究乐理了。

  第二个原因就是为师觉得经书其实也是艺术。但是经书的表现方式太过晦涩,即使像为师这样自小就研习经书佛理,理解起来仍然是比较困难的。

  通俗地讲为师现在到了什么层次呢?3天前月中,巷子里著名的画家老半仙在寺院门口摆摊卖画,为师去瞧了瞧,看到一幅画异常奇怪,画中有一颗光秃秃的树,周围有零星破土而出的草,却有一只蝴蝶在翩翩起舞。为师想抽死这老半仙,就这一幅画竟卖3两2钱1分,感情他是想骗走佛祖的香油钱。为师问老半仙这幅画讲了啥,老半仙却反问为师:圣僧,你觉得这幅画有何深意?为师答道,这幅画是在说虽然树是光秃秃的,但是它并没有枯死,周围的小草说明了春天即将到来,万物即将复苏,至于这蝴蝶,它出现在不该出现的时节,预示着在不久的将来,这里必然繁花盛开,欣欣向荣,蜂蝶成群。老半仙笑了,他说:圣僧,你只看到了它的未来,但是却没有看到它的过去,这幅画其实有一个典故。

  上古时期,大地孕育着数不清的奇兽异种,天地之间充满灵气,所有种族和谐相处,就这样过了成千上万年,突然有一天天降火种,灵气外泄,几乎在一瞬间,大地变成了火海。突如其来的灾难几乎杀死了一切生灵,这幅画就是灾难之后的场景,蝴蝶一族在最后一刻将他们的下一代与这棵树的命运绑在一起,它们希望这棵树可以用自己的生命之水代替外泄的灵气来守护蝴蝶一族的生生不息,而代价就是蝴蝶一族所有的族员要在大火烧来的那一刻紧紧围绕着大树,保护着大树。灾难过去了,留下了一颗光秃秃的树和一只一直守护在旁边的蝴蝶,已经近30天了,没有一丝复苏的迹象,而它也即将因为灵气不足而死去,第31天,当它再次睁开眼,它瞠目结舌,它看到了一丝丝绿绿的草尖,它用尽最后的力气站起来,拍打着翅膀,绕着大树翩翩起舞,它知道,万物即将复苏,蝴蝶亦将传承。

  老半仙讲完了,痴痴地望着为师,好像在问买不买。为师快气疯了,这种骗人的典故为师可以讲一万个,为师甩了甩袖子走了。什么过去,现在和未来,长生不老的人会在乎这些吗?八戒,你说呢?

  为师觉得对牛弹琴和对猪谈艺其实是一个意思。

  爱你的师傅,再聊!

  记得回信哦~