从平庸处看到超常

志佳先生讲了一个自动化的工具,backstopjs,可以活动的比较UI出的图与前者写好的图,不均等的地点会标注,挺好用的,然而写的长河中也会遭逢有的题目,现在写出来,记录一下

Mystery and Melancholy of aStreet, 1914

首先,要先安装backstop,

终於看到自己最迷恋的音乐家的真品了。

<pre style=”font-family: “Microsoft YaHei”; padding: 5px; max-width:
680px !important; background-color: rgb(246, 246, 246); border: 1px
dotted rgb(170, 170, 170); white-space: pre-wrap; word-wrap:
break-word;”>npm install -g backstopjs</pre>

欣赏de Chirico的人,无不喜欢The Mystery and Melancholy of a Street
(1914)。与几何逻辑对着干的透视(perspective)丶完全相持的消失点(vanishing
point)丶看不清的暗处丶拐角处的笼统影子…一个小女孩在这充满荒谬又不能存在的「街」上天真地嬉玩,书法家对大家感官和空中逻辑的肆意挑衅,我们不得不照单全收并义无反顾地为之着迷。我想,Chirico迷不会反对吗。

设置中之后,在合适的位置新建文件夹,执行

自家迷恋这幅经典,还因为这不行的名字——Mystery and Melancholy——de
Chirico以前,何人会同时用这多少个字形容街道?有时候,我以为美学家有描绘天份自是迟早,但若起名也有手段,实属难得。为此,即使他後来已不被世人捧到天空,但也无损他的完整成就,尤其是在此以前的。

<pre style=”font-family: “Microsoft YaHei”; padding: 5px; max-width:
680px !important; background-color: rgb(246, 246, 246); border: 1px
dotted rgb(170, 170, 170); white-space: pre-wrap; word-wrap:
break-word;”> backstop init</pre>

世人都追捧他早年的「形而上」素描(metaphysical
paintings),大师曾感到很不是滋味,觉得世人和艺评家忽略了她後期的成长和变化,特别是老年时他重复描绘好些经典的旧作,如The
Mystery and Melancholy of a
Street,引来广大放炮。其中一句:「…并没有展现形式/文学家对世界迷思和我存在的思辨」(…does
not show an artist-philosopher pondering the mysteries of the world and
his own existence)。那句评语倒是真的。De
Chirico早年痴迷於尼采的医学(连带他依依不舍过的地方),几近无法自拔,绘於1911年的自画像Self-portrait(Et
quid amabo nisi quod aenigma est?)——”And what shall I love if not
enigma?”很能传译他对尼采军事学的痴迷,画布上充斥着无计消除的沉闷,连不看尼采的人都彷佛能跟大翻译家的振奋连上了。任何处在迷恋状态并一股脑儿地把这份迷恋倾注在撰写里的音乐家,都能散发一种难以言喻的魔力,其小说自然也充满魔(幻)性,把人迷住。相信这是他早年创作受到尊重的来由之一(还有许多广大尺码令de
Chirico成名在既往,此处不赘),也是本身迷上他的来头。

初叶化之后

确实,Mystery and
Melancholy能令人永久沉迷,因为从没答案,能够固定追寻。其实自己最喜爱de
Chirico把已有既定观感的物事平添上一份机密与忧郁的神笔,例如希腊神话的人选与意象,哪怕只是一只站在沙滩上的马,几根断了的安顺石柱,都令人以为它们藏着神秘,或不明动机(不亮堂下一秒它们会变成甚麽或做甚麽)。他最享负闻明的「意大利广场」(Piazza
d’Italia),能把我们认为最最繁华又熟谙的张罗场面,变成一处无人敢横越的孤寂空间,像意向不明的梦幻,不可接触但又无法离开,究竟我该害怕如故着迷?有句艺评说:”Nobody
crosses de Chirico’s piazzas…in them man is no longer at the centre as
in Renaissance piazza: now he is a small lateral shade…the sense of
dismay that is perceived in these places is absolute: an infinite
distance pervades these spaces of memory, and a non-geometrical
perspective makes space
mislead”就是把普遍物事错置,把空间错放,让人爆发错摸,把整个的「错」配合得恰到好处,就会「对」味。

技巧分享图片

展出里有一个3D立体投影眼镜,戴上後,观众变成The Mystery and Melancholy
of a
Street的女孩,从他的观点看画中360度的面貌。我渐渐转身,看到了解的建造丶拐角处原来是个雕像丶远处有一个还在摇曳的秋千,但此外便是一片荒无,杳无人影,这些大木箱里面和影子里的物事,我要么看不见。这种身处平时之地但各方陌生的感到,让自身记忆英玛褒曼的《野草苺》,男主角造梦看见一条熟识的大街,但走着走着,他起初意识有些不平庸——大钟上未曾指针丶转身看她的闲人并未五官丶无人驾驶的马车突然跌出一副棺材——他才惊觉这不是现实。当实际的镜头突然跳线丶脱轨,经常的东西不按常理放置和运行时,就像拥有很实在的睡梦,大家不解了。也许是这份「茫然」让de
Chirico玩味不已,以致於她倾力搜挖出「平时的不平庸」(enigma of our daily
life)——後来他迷恋上美学家常用的人体模型丶犹太人区的店内装饰丶Ferrarese
biscuit(一种扭成X型的面饱)等常见随处可见的东西,把它们置在不容许的半空中里,在平凡处看到超常。

点开backstop_data文件夹

一如享有真正的美学家,de
Chirico的点子追求都在找寻真理,他的真谛是「揭发平日事物的面目」,也就是「形而上」的市值才是诚心诚意的。一根遗弃在沙滩上的齐齐哈尔石柱丶一个无人接触的广场丶一座看不见基座的高塔丶一只放在希腊人口雕像旁的胶手套丶六个在思维的躯体模型……这么些有违常理的配置,才是现实的本色,de
Chirico在务求我们穿越肉眼创建的阻力,用一种大家没用过的意见和观点,来了然我们的有血有肉。

技术分享图片

我家小柴,你藏了哪些enigma是自个儿不知晓的?

打开package.json

<pre style=”font-family: “Microsoft YaHei”; padding: 5px; max-width:
680px !important; background-color: rgb(246, 246, 246); border: 1px
dotted rgb(170, 170, 170); white-space: pre-wrap; word-wrap:
break-word;”>{ “id”: “backstop_default”, “viewports”: [ //viewports
为浮动的截图的格式,可以写四个,至少为一个
{ “label”: “phone”, //手机 “width”: 320, “height”: 480 },
{ “label”: “tablet”, //平板 “width”: 1024, “height”: 768 }
], “onBeforeScript”: “chromy/onBefore.js”, “onReadyScript”:
“chromy/onReady.js”, “scenarios”: [
{ “label”: “BackstopJS Homepage”, “cookiePath”:
“backstop_data/engine_scripts/cookies.json”, “url”:
https://garris.github.io/BackstopJS/“,
//这些路子为我们即将截图的网址 “referenceUrl”: “”, “ready伊夫(Eve)nt”: “”,
“readySelector”: “”, “delay”: 0, “hideSelectors”: [],
“removeSelectors”: [], “hoverSelector”: “”, “clickSelector”: “”,
“postInteractionWait”: “”, “selectors”: [], “selectorExpansion”: true,
“misMatchThreshold” : 0.1, “requireSameDimensions”: true }
], “paths”: { “bitmaps_reference”:
“backstop_data/bitmaps_reference”, “bitmaps_test”:
“backstop_data/bitmaps_test”, “engine_scripts”:
“backstop_data/engine_起名,scripts”, “html_report”:
“backstop_data/html_report”, “ci_report”: “backstop_data/ci_report”
}, “report”: [“browser”], “engine”: “chrome”, “engineFlags”: [],
“asyncCaptureLimit”: 5, “asyncCompareLimit”: 50, “debug”: false,
“debugWindow”: false }</pre>

最近大家以百度地图的为例,即把 scenarios的url 改为
https://map.baidu.com/mobile/webapp/index/index/

把导出ipone的格式为底蕴,将宽改为375 高改为667

此时,执行backstop test

会活动打开一个页面

技巧分享图片

为测试网址的手机和平板的截图

此时的backstop_data文件夹为

技术分享图片

然后再实施 backstop approve
,此时会把刚刚生成的图纸作为专业,然后我们再把网址改为
https://map.baidu.com/mobile/webapp/index/index/qt=cur&wd=%E4%B8%8A%E6%B5%B7%E5%B8%82&from=maponline&tn=m01&ie=utf-8=utf-8/tab=line

再实施backstop test ,经过实践之后会把两个页面的不等标注出来

技巧分享图片

技能分享图片

这时的结果就是比照之后的结果,就足以遵照相比较的不同举办转移。

此时的backstop_data 的里出多出bitmaps_reference

技巧分享图片

小结:在推行backstop approve的时候,也得以实施backstop reference
,是把当下获取的图形作为参照,

也得以把自己定义bitmaps_reference的图样,即自定义参照图片,就是,把UI的图,直接放在这里面,然而有某些急需注意的是,图片的命名需要准守backstop的起名规则,即可以,把test之后生成的图样名直接复制命名就行

再有就是,我最初跟着导师敲的时候,就是力不从心生成手机端的肖像,

技术分享图片

自身又查资料,发现有人把label写成name

自我又往返测试了下,竟然就好了,无论是label仍旧name都是可以的

近日就是相对而言网页了

本身现在写的只是最主旨的用法,在github上有卓殊详尽的用法,需要的时候,可以去github上查看。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图