Swortal

一月的时候，难得有一部日本动画电影在美国放映，于是就兴高采烈得难得地去了下电影院。回来的感受是：现在的电影院好豪华啊， 10 块钱就能享受大沙发座椅，还能伸展成躺椅！ 然后最近 Youtube 推荐上偶尔看到一个视频吹龙珠超剧场版这部片子，而且支持者众，于是觉得不行，得写篇文章 ” 以正视听 ” 。 这部剧场版画面确实好，尤其是最后悟空贝吉塔融合体大战布罗利的场面，美轮美奂，炫彩多姿。但这些画面的震撼，只达到了我的视觉神经，而丝毫没有震撼我的灵魂。因为，没有创新。诚然，如果把这部片子拿到 30 年前甚至是龙珠漫画出来前放，那绝对是划时代意义的片子。然而，在龙珠动漫取得巅峰，各种续集同人层出不穷的这个时代，这部剧场版显得过于平庸了。这就好像苹果公司把 Iphone 3 重新拿出来，换上最炫彩的显示屏，镀上层金子来卖一样。 它的平庸首先体现在剧情上。原本以为这部剧场版会讲布罗利的新故事。结果没想到只是老！调！重！弹！重新讲述布罗利从出生天才儿童到被虎爸搞出癫痫病的过程。虽然剧情变得更加丰富，但也不过是在佛利萨复活的设定下多扯扯凑字数的高考作文水平。甚至有些地方还显得十分弱智。比如佛利萨为了让布罗利变身而杀掉他爸的剧情，他难道想不到布罗利从半疯变成全疯后佛利萨自己也要被卷进去吗？估计编剧想表达佛利萨肉体虽然复活了，但智商还留在地狱里的设定吧。这绝对属于抄旧剧情抄上瘾了，不舍得停的水平。 其次它的平庸还体现在打斗过程上。这打斗场面无聊得我用几行伪代码就能描述了。 For person of [‘ 悟空 ’,   ‘ 贝吉塔 ’ ， ’ 悟空 + 贝吉塔 ’] {         If (person === ’ 悟空 + 贝吉塔 ’) {                 For state of [‘ 胖 ’, ‘ 瘦 ’, ‘ 正常 ’] {                          Person.transform(state);                }        }       For state of [‘ 黑 ’, ‘ 黄 1’, ‘ 黄 2’, ‘ 黄 3’, ‘ 红 ’, ‘ 蓝 ’] {              Person.transform(state);

I have been working on single page web apps’ UI for several years. Recently (actually it is about 1.5 years ago….), I accepted an offer from a giant company which would be definitely a huge monument in my life. So I would like to share some high level thoughts as well as design thinking on the development of single page web app UI based on my previous experience as my “Graduate Dissertation in Frontend”. In this article, I will divide the content into 3 parts: ”UI Architecture Level Thoughts”, “Large Scale UI Design” and “UI Testing and Automation”. 1. UI Architecture Level Thoughts 1.1. Localization Whenever you create a new web application, always implement localization first. Otherwise there would be tremendous refactoring cost and regression test cost when you want to add this feature to a developed web app. If you don’t want to spend much time to implement localization system at the beginning, you can define common localization APIs or unimplemented interfaces first and i