Archive for April, 2015

意识流

不知道如何开始叙述最近一段的update,有或无,都是如此平静,速度与激情过后其实也是see you again般的恬静与回忆;

某人说不要因为负担太重或没有负担而使自己扭曲了现实的事实,觉得挺有文采便若有所思的想了想,虽然最后也没有想明白,但句子我是记下来了,发现装逼的句子都是那么故弄玄虚般晦涩的相似;

也没打算非要理解任何东西,那样该有多累,生活本来就应该给一些空间,留一些空白,那样才有所谓遐想抑或瞎想的空间;

记得以前有位姑娘跟我讲过“这世界本来就不公平”,当时还小,不更事,盯着那条短信看了半天后得出结论,女孩们都是那么天真;若干年长大后突然发现他妈女孩们原来都是那么早熟,原来当初天真的是自己,图样图森破;

朋友说人老了的一个迹象是喜欢回忆过去,以此来说明他已经老了;其实他也没多老啦,虽然睡觉确实比我早好几个小时;鄙人其实一直也是个特别怀旧的人,所以要么就是该理论不大广泛适用要么就是我其实很早之前也“老”了,无论何种情况其实都无妨;
Continue reading →

AngularJS Tutorial – Learn AngularJS in 30 minutes (Part 2)

由于篇幅过长,所以人为强行分成两篇,望见谅。

接上篇,AngularJS Tutorial – Learn AngularJS in 30 minutes (Part 1)

隐藏和显示elements

AngularJS另外还提供了一套指令(directive),允许用户根据一些条件或者表达式来隐藏或者显示某个DOM element。这些指令有ngHide,ngShow,ngSwitch和ngIf。这些指令提供了相类似的结果,不过在不同的情况下它们分别会很有用。当你遇到一些类似case switch的情况下ngSwitch指令会很有用,比如一些单选按钮开关(radio switch toggle)。ngHide,ngShow和ngIf有些本质上的不同,虽然表面十分相似。ngIf会将受影响的element从DOM里面移除,而ngHide和ngShow只是加了一个 display:none 的css属性来隐藏它。

因此因尽量可能的使用ngIf,因为这样可以为已经忍受杂乱不堪DOM的浏览器省掉一部分内存。ngHide和ngShow在显示动画效果的时候会特别有用,因为ngIf会由于牵涉到DOM的创建和删除这类比较消耗资源的操作通常会影响到动画的展示效果。

在我们这个简单的例子里,我想在每个我最喜欢的TV show的边上加上一个星星。可以使用ngIf来达到这个效果,让我们来修改index.html。

<h3>A list of TV shows</h3>
<ul class="list-group">
    <li class="list-group-item" ng-repeat="show in main.shows"><span class="glyphicon glyphicon-star" ng-if="show.favorite"></span> {{show.title}} <span class="badge">{{show.year}}</span></li>
</ul>

这样在show.favorite这个属性是true的时候,页面DOM就会被简单的加上一个星星。这里还另外支持表达式,所以像 show.favorite == true 或者 show.favorite != false这样的表达式在这里也同样可行。
Continue reading →

AngularJS Tutorial – Learn AngularJS in 30 minutes (Part 1)

每当我要逼自己去学习点新东西的时候,我总是强迫自己去认真读完一系列关于此类知识或是技术的一看上去就不错的文章,所谓开卷有益;但鄙人有个坏习惯就是喜欢一目十行断章取义,可能互联网的快餐式节奏让我和我的小伙伴们都渐渐趋于浮躁了,当然也许趋于浮躁的只有鄙人也说不定,小伙伴们可能都很淡定,无故拉上不明真相的群众垫背纯属鄙人以小人之心度君子之腹;

于是,本文就在这样的大背景下诞生了;

本文为译文,翻译自原文:http://www.revillweb.com/tutorials/angularjs-in-30-minutes-angularjs-tutorial/

同理按我以前翻(xue)译(xi) )其他文章的尿性,标题通常保留原文标题,属于不被待见的范畴,标题君默默哭晕在厕所;

============================== 我是分割线 ==============================

摘要

本AngularJS教程将会在30分钟里以一套合理优化过的知识介绍带你浏览整个AngularJS的世界,带你装逼带你飞(译者注)。当看完本篇篇幅不长但内容细致的教程后,您将能快速的创建强大且直观的web应用程序。

观看演示
查看源代码
Continue reading →