<span class="vcard">hiheng</span>
hiheng

Chrome Timeline

Chrome浏览器的Timeline面板详细的记录网站加载的情况,可以帮助我们提升网站执行效率。

四种记录类型

加载事件脚本事件渲染事件绘制事件

Timeline中的事件

1、Loading事件

事件 描述
Parse HTML 浏览器执行HTML解析
Finish Loading 网络请求完毕事件
Receive Data 请求的响应数据到达事件,如果响应数据很大(拆包),可能会多次触发该事件
Receive Response 响应头报文到达时触发
Send Request 发送网络请求时触发

2、Scripting事件

事件 描述
Animation Frame Fired 一个定义好的动画帧发生并开始回调处理时触发
Cancel Animation Frame 取消一个动画帧时触发
GC Event 垃圾回收时触发
DOMContentLoaded 当页面中的DOM内容加载并解析完毕时触发
Evaluate Script A script was evaluated.
Event js事件类型
Function Call 只有当浏览器进入到js引擎中时触发
Install Timer 创建计时器(调用setTimeout()和setInterval())时触发
Request Animation Frame A requestAnimationFrame() call scheduled a new frame
Remove Timer 当清除一个计时器时触发
Time 调用console.time()触发
Time End 调用console.timeEnd()触发
Timer Fired 定时器激活回调后触发
XHR Ready State Change 当一个异步请求为就绪状态后触发
XHR Load 当一个异步请求完成加载后触发

3、Rendering事件

事件 描述
Invalidate layout 当DOM更改导致页面布局失效时触发
Layout 页面布局计算执行时触发
Recalculate style Chrome重新计算元素样式时触发
Scroll 内嵌的视窗滚动时触发

4、Painting事件

事件 描述
Composite Layers Chrome的渲染引擎完成图片层合并时触发
Image Decode 一个图片资源完成解码后触发
Image Resize 一个图片被修改尺寸后触发
Paint 合并后的层被绘制到对应显示区域后触发

Chrome最新版本(38.0.2125.104 ),无法显示“微软雅黑”字体

Chrome版本:38.0.2125.104

升级后,无法正常渲染“微软雅黑”,由默认字体(宋体)替代,对于一些以“微软雅黑”为主字体的网站,阅读体验极差。

解决方法:浏览器访问路径:chrome://flags;搜“DirectWrite”,一般是第三条;选择“启用”;重新启动Chrome浏览器,恢复正常。

借助“用户属性”来思考网站内容(未完待续)

音乐类网站,这里聊的主要是单一乐器类型的音乐网站,为了让思考简单一点不谈行业关系,网站和终端用户的关系是一个三角关系(网站、用户、乐器)。那么从网站来思考符合用户需求的内容时候,就要去琢磨另外两点的关系——用户和乐器。

所以,我们可以用一个“用户属性”模型,来定义用户的需求:
y0
简单的说,就是用户和乐器之间的交际,无非是:音乐、教学、生活三种。而在不同的职业群体中倾向不同。

音乐类型用户:
y1

教学类型用户:
y2

普通爱好者:
y3

未完待续…

[阅读]现代音乐的现代性——模糊性

原文作者:KLEXRAX

调性模糊。老调重谈了,从100多年前甚至更早开始,古典音乐的和声就不再强调功能性的进行,再到之后的印象主义,神秘主义等等,半音化和声,高叠和声,四度叠置和声,各种调性平移扩张等等都使得音乐变得非常模糊。爵士乐也是另一个鲜活的例子。

风格模糊。说几个风格术语吧:metalcore,jazz funk,jazz hiphop,country rock,Electronicore……音乐的风格也在渐渐模糊,各个风格内的音乐元素开始跨界交流,催生出的新的感受。再听听以Brian Tyler为代表的一帮好莱坞配乐家,管弦乐队加上爵士鼓,放到百年前问问当时的人,咦这算什么风格?

声乐器乐的模糊。这个其实也可以算在风格模糊中,单拿出来谈,是想让大家复盘一下在下的这篇专栏【误导向】咿呀哟喂~ – 狂喜之诗 – 知乎专栏

音色界限的模糊。20世纪现代音乐最伟大的发明是什么?合成器表示扶我起来试一下。再算上效果器,我们已经开始研究传统乐器音色的本质,尝试着去模仿它,去改变它。虽然现如今合成音色的音质依旧远不能与传统乐器相提并论, 但是它的未来是乐观的。我们现在就可以设想,未来乐器名只是指代某种音色,我们可以在各种音色之上调节它的各种参数,达到我们想要的效果。正如你在massive合成器中看到的那样:
e2f69ed9a1b628e993fc4ba3b83be185_b

(我们能够在左侧一列看到各种乐器的名称,但是很明显所有的音色均为合成,并非真实的采样音色)
以上四点,前两点是既定的事实,后两点是未来的趋势。大家还有哪些不错的例子?

现代音乐不断开拓疆土,融合新元素,引领新潮流,这是大势所趋;同时“老”音乐就像陈列的美酒,在新时代随着一波死忠急流勇退,但韬光养晦,时刻等待时机换身新装杀个回马枪,击中人所谓一种怀旧情结,引领另一种风潮。 —— 尹否

[阅读]请杜绝使用简谱

原文作者:KLEXRAX

482dc88be19db8401c4425da3aa2da88_b

简谱诞生于18世纪的欧洲,它的发明者之一就是我们题图中的梅西……额不对,卢梭。卢梭作为启蒙时代重要的思想家,他的许多观念影响至今;但是和他的那些伟大的思想与著作相比,以他为代表发明的简谱到了却是早应当淘汰的产物。

“梅西…”作者淘气了,不过仔细看图真的很像。(hiheng)

简谱之所以为简谱,首先突出的是“简”字。也就是说,它上手快,且记载方便,这是我们常说的简谱的优势。

但是!

这个优势只存在于单声部音乐中,对于多声部音乐,这一大类应用范围更广的音乐来说,简谱的优势反而是弄巧成拙了。

也就是说,简谱和五线谱就像蜡烛和电灯。没错,点根蜡烛照个明多简单,买来火柴一划就搞定。而用电灯多麻烦,你还得装修房子的时候就安排好电路,装好之后自己还得爬个梯子装电灯泡。可是当灯光的用途变多之后,电灯能用来照亮夜间的街道马路,可以用在舞台上,可以用在很多地方。而蜡烛显然功能就没有那么强大了,难道你会在舞台厅里冲着负责灯光的人大喊:“卧槽你们这样太麻烦了,搬个控制台过来,几个灯光师跑台子上装灯泡装半天,还要把架子升上去,还要提前彩排很多遍,太麻烦了太麻烦了,今晚我们就点几个蜡烛了事儿吧!”

更要命的是,简谱和五线谱相当于两种不同的语言,也就是说假如你在初期为了省事儿学习了简谱,一旦到后面不得不转换成五线谱,那么还不如一开始就学五线谱呢!

好,也许这时候有的朋友不服气。你凭什么说五线谱在多声部音乐中记谱比单声部简单?一般这种情况呢,我都会讲,哎呀,你去学一下怎么使用五线谱不就知道啦。今儿为了更加方便地点草你们,我还是来举一下例子吧。

其实你想啊,五线谱沿用至今那么多年,没被淘汰肯定有它的理由对不对?

乐谱和文字与编程代码都可以看做语言,按照我们人类的阅读习惯,如果你碰到这样的排版,你一定会抓狂的。

c4945399af67906e16236d75fcf9f2b4_b

那么简谱如果运用到多声部标记中会怎么样呢?

20635be3de3752e23311addc715ebdc1_b

比如这首拉赫练习曲的开头,用简谱标记大概就是——

cf35996ad3e593fe397f0d4441abfc0f_b

也就是说,用简谱记载多声部音乐,我们没办法确定行距是多少。比如——

如果一首乐曲开头只有单音,那么可能只用写一两行数字;
但是写到后面啪啪啪左右手来俩和弦,五到十个音同时发响,那么必然要立马扩展出好几行来。
再加上时值(也是在纵向上扩展啊)和分组标记(在数字上方或者下方标记点,同样也是纵向上的有木有)以及其他各种各样标记……
可能最后记载下来你的简谱就变成一会儿姚明一会儿郭敬明一会儿黄晓明了。正如我前面那段字体大小行距不定的文字一样啊!

那么五线谱如何解决这个问题?其实它也没能完美解决,因为以钢琴88键为例,竖着放,每个键从低到高,无论如何都有那么高啊!所以它确立了五线五间这个基本框架,并且用符杠符尾表示时值,将它需要的地方移动到横向上(符尾都写在右侧,符杠都横着写),尽可能地压缩纵向上的空间。

因此,这才方便我们书写、阅读谱子,其他更多的表情术语、各种标记符号也是基于五线谱发明的,挪到简谱上会出现不少问题。

有人会说:哎哟你看画五线谱多麻烦,花那个黑色的小坨坨(符头)都要画半天,我只需要画数字就行了!

Well,dude……你不分印刷体和书写体吗?!你不知道当下还有Sibelius和Finale这样优秀的打谱软件吗?!

看看大师的手稿是不是如你所说的“画那个小坨坨吧( ื▿ ื不过好萌~)”

e5cdf0cc2fd46b2ed96863709e407814_b

在和我前面贴的印刷体的五线谱比,区别还是很大吧。

也许还有人说,我唱歌的,我拉二胡的,我都单旋律啊!

Hmm……虽然我没确认过老外就不用简谱,但是我确实没见歪果仁用过,哪怕上世纪初那些黑人们的歌谱也全都是五线谱写的。

在多声部音乐诞生的历史已经比明朝至今的年岁都大的今天,使用简谱而将自己杜绝于多声部音乐的大门之外,“过时”这个词用在你身上都太“前卫”了。

【2014.6.23更新一下】我不否认在某些情况下简谱更有利于比如一些民乐器的记谱(认为民乐器有很多演奏法及其标记),关键在于当你需要与其他乐器合奏时,用简谱是不是一种合理的方式?民乐与管弦乐、与电子音乐、民乐团各种交互的编制里,是创作者为多件乐器写作总谱,然后分谱给你民乐器的时候再为你翻译成简谱,还是你自己先学会简谱?

既然有人对我只举出钢琴谱不服气,那好我拿一个小提琴的谱子出来,看看上面是否同样有很多复杂的演奏法标记:

24 Caprices for Solo Violin, Op.1 (Paganini, Niccolò)

看了这个还不服气的,请拿出更具有说服力的例子出来。

五线谱也好简谱也好它不仅仅是一种工具,还是一种语言,一种协议,一种标准。比如全世界的计算机为什么都用二进制?为什么我们的数字音频协议都是统一的MIDI?当我单声部的时候,我用简谱;我要合奏了,我改成五线谱……麻不麻烦?

或者像上面的小提琴一样,我简单的时候我还是五线谱吧,到后面复杂起来了我就用简谱……麻不麻烦?

我不止一次强调过,简谱没比五线谱简单到哪儿去,五线谱也没比简谱难入门到哪儿去,但是综合比较五线谱比简谱好处多太多。统一一下乐谱用法,这个理由还不够充分?

从南锣鼓巷到后海

北京出差数天,偷闲问桐赫哪适合我这个“伪文青”溜达,桐赫推荐从南锣鼓巷逛到后海酒吧小歇。晚上到南锣鼓巷想尝尝老北京“豆汁儿”,据说这东西不让进商业街,于是脱离队伍钻进小巷子去寻,遇到一位卖冷面的老师傅,特热情的指路,简直就是一段剧情跌宕起伏的评书。

20140602-130643-47203220.jpg

驴肉火烧。在南锣鼓巷北口有一家火烧店,垂着褐色的帘子写上招牌,远看还以为是日本拉面。

20140602-130645-47205385.jpg
“煎饼果子”来一套,“北冰洋”有点像小时候喝的一种瓶装汽水。

对了,“老豆汁儿”第一口下去,卖豆汁的老师傅看我表情就乐了。示意让我先猛灌一口,再喝果然没臭味了。 嗯,仅仅是没臭味了…

豆汁儿算是尝到了,与大队伍会合,后海酒吧走起。
10432068_762596100447580_1438163572_n

题外话
记得读到方文山的一次采访,他指着窗外说:“北京像任何一个大都市一样,有那么多高楼大厦,但老胡同却越来越少,瞧这窗外,真的不再少一栋大厦了。” 就是这样,在这个追梦的时代,我们在心里建设了无数的高楼大厦,远远的看去像是沉重的牢笼,封锁着人们沉溺的喧嚣,真的不再多一分浮躁了。