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 →

笑颜

好久没更新,也没心思搭理博客,直到某年某月的某天不小心点错speed dial点到了自己博客地址,赫然一块红布挂到了我的显示屏上:

(抱歉,鄙人的tab开的有点多,密集恐惧症的朋友不好意思了……)

(抱歉,鄙人的tab开的有点多,密集恐惧症的朋友对不住了……)

直接吓尿,心急如焚气急败坏之余手贱把后台一堆本不该update的plugin来了个彻底大更新,然后东西开始break了,然后某些plugin开始被disable了,然后发现原来某些plugin其实并没有问题又开始enable了,然后就没有然后了,哦… 然后blog又似乎开始恢复正常了;

算是一个不小的小插曲,只不过目前blog的状态并不是最佳,比如上面图片浏览的插件显然已经break抑或disable了,鄙人已经记不清也懒得记清了;目前已知的若干问题虽然一开始其实我是拒绝的,但它们并不可怕,真正可怕的是那些并不知道但真正存在的潜在问题,即所谓unknown unknowns;你永远不知道它们会有啥特效,在特定的时间特定的地点;
Continue reading →

万一奥特曼打不赢小怪兽

万一奥特曼打不赢小怪兽,那就扶他逃回到小小星球~

Update 91: Winter is coming

1. 最近好读书,但不求甚解;虽嗜睡如命,但又绝不贪睡,实乃没有勇气结束这绚烂的一天又没有勇气开始崭新之一天的纠结;总结一下发现很符合某剧里面的某句台词 “多读书,多看报;少吃零食,多睡觉”;

2. 电影一部部过,书一本本看,每次的投入都是一次脱离现实环境的过程;很多人喜欢电影或是看书的本质应该是喜欢那种逃离现实环境然后融入一个崭新的意境的感觉;很多时候艺术加工之后的“现实”环境总比真正现实的环境要来的更加完美更加丰满,而现实中大部分的时间其实都是在平凡中度过,禁不住受不了一个地方的平凡之后,大不了换个地方继续平凡而已;

3. 最近很喜欢姜文,翻出很多以前看过的电影又去看了一遍;不是以前不喜欢,只是最近特别喜欢而已;也讲不清楚为什么,但这不重要,很多时候原因甚至本质是最最最最不需要考虑的;

4. 同样的原理也适用于老罗锤子手机出现一系列问题的事情上,摆在台面上讲的永远是可以被摆在台面上讲的,真正的问题出在哪老罗自己肯定最清楚,相信他们也在着手解决,下面就是见证现实版的闻过而终礼、知耻而后勇抑或闻过而终了、知耻而后弃了,鄙人翘首以盼拭目以待;

5. 年底流行总结,我向来不总结成绩,只总结问题,问题的总结已在前篇有过较为详细的罗列,此不再赘述;总而言之,言而总之,革命尚未成功,同志尚需努力;莫散了團體,休灰了志氣;
Continue reading →

那么问题来了

好久不写已经都不知道怎么开头,blog是个渐渐慢慢累积积累的过程,是个pick up缓慢give up却异常迅速的差事,不过话说回来做什么事情又不是这样呢,永远比容易,而放弃,也永远比坚持来的容易;

既然本文是来剖析问题的(标题indicated),我们就follow主题来一个divide and conquer,虽然follow标题显得有点出人意外且与本人以往一贯的风格略微有点格格不入;

本文主要负责列出问题,问题的解决并不属于本文所要考虑的范畴;

[拖延症]
这是个现代人或多或少拥有的问题,其root cause其实不是拖延本身,而是其实内心不是很想或者压根不想干;如果发现每天的事情80%以上都是在被拖延的,那么是时候停下来好好思考一下下一步了;

不过鄙人拖延症似乎更厉害一些,目前正拖延着思考下一步的事情…… 突然很有种道高一尺魔高一丈的赶脚;

[玩物丧志]
这里的“物”特指 Clash of Clans,“志”特指上面拖延症正在拖延思考的事情;其实玩物丧志最高的境界应该是丧志的过程中根本不会意识到自己正在丧志,即其是一个无色无味透明无形的非侵入状态,鄙人还远不到如此的境界;就像温水煮青蛙,青蛙其实比谁都来的清楚……
Continue reading →

晚来天欲雪 能饮一杯无

首先,本篇无关旅行,本来其实也可叫旅游,但旅游明显感觉low好多,没有逼格,这年代讲究一个字,装;“装”的后面则可根据需要自行添加补充完整,看官可随意发挥想象力;

最近更新频率陡降,几乎到了每月一更的程度,也许大概可能的原因是,每个月总有那么几天吧~

好久不更新的后果就是纵然此间有如此这般多的事情可以下笔,但真正面对屏幕准备下笔的时候却发现已经全然不知道如何下笔;或许有些事情keep在心永远比表达出来来得刻骨铭心,沉默有时候就是胜于雄辩;

不过还是有些事情可以并值得记录,比如最近每次去超市买啤酒几乎总会被要求看ID,以至于后面几次人家还没问但已经明显在端详我的时候,我就主动把早就准备好的ID奉上…… 这种行为犹如门户网站自删敏感文章一样毫无节操可言,放到革命战争年代,鄙人大概一定是个叛徒…… 当然话说回来,人也只是尽职尽责罢了,所有的问题都是我的问题,无关他人;

那么问题来了i,晚来天欲雪,能饮一杯无?

举目天若白,千杯又何妨;

历史上的今天,三年前啊三年前,啧啧;

[Footnotes]
  1. 挖掘机技术哪家强 []

不是我不知道 这世界太奇妙

又无可救药的在office里面奋起了键盘疾起了书…… 即便前篇已然不知道什么时候的更新就曾提到何可为何不可为(此举显然已经被定性为不可为),纵使office里面最近空调开到低到冷血,角落一个昏暗的日光灯继续着在它正式没落前的职责持续着在发光发热,却无法阻挡人们感受到强烈的霜之哀伤;

好吧,我知道我前段写了“即便”和“纵使”,但我确实是忘记我想写什么关于“但是”的内容了…… 也许很多事情本来就没有“但是”;

标题源于今日中午linkedin上的一段奇妙旅程,奇妙的本质在于无法预料和不期而遇,倒并不是事情本身;好比魔术看似奇妙,但其对于懂魔术的人而言并不奇妙,反而还丧失了魔术所带来的最原生态的愉悦,所以魔术师看魔术想必应该有种哑巴吃黄连的尴尬,吧;

顿时语塞,难得的冷场;i

回来没事顺便查了下上次更新的时间,确实是已经好久不更新,上手是确实已经略感生疏,但似乎标题和底下内容风马牛不相及的能力俨然是不会生疏的,这好似是一种与生俱来的天赋,任何时候任何地点都是 召之即来 来之能战 战之能胜;

对了,关于这个奇妙不奇妙知道不知道,话说回来,也许我还真是不知道;

[Footnotes]
  1. 其实是被拽去开会了…… []

Update 90: 平凡之路

1. 首先值得一提的是,鄙人其实并没有完整的看过电影,枪版盗版的不能算也不好意思算,对于一个本来还很老残粉的想去电影院贡献票房的观众而言,如果看了枪版就算所谓的看了的话那是莫大的讥笑和嘲讽,会让人无地自容;

2. 当然鄙人脸皮也不薄,“无地自容”这样让人无地自容的事情必然是不会发生的,该看的枪版还是得看,该尝的新还是要尝,该感的受还是一如既往的感着;这也无关作风问题,实乃无奈之举,此句用于现今国内某些官员身上,似乎可能大概也许也能适用,吧;

3. 电影出来之前发布的朴树的平凡之路让人对电影产生无限美好的憧憬,也有种让人很想马上上路去挥霍一下生命和油费的冲动;那种CD单曲循环着平凡之路然后渐渐开向亘古辽阔一望无垠地带的感觉,应该很有电影里面那种航拍长镜头所想营造出来的意境吧;

4. 鉴于很多朋友由于条件和时间限制,可能甚至是必然的还没有观过电影,所以鄙人很厚道的在这里就不剧透了,不过话说回来,由于鄙人其实本质上也没有好好完整的观过,哪来的观后感和剧透呢…… 所以大可放一万个心,我办事,你放心;
Continue reading →

Update 89: 天堂在左 地狱在右 中间是流离失所

1. 标题继续再接再厉超越两行,顿时有种表达力丧失的挫败感;当然,正如过去所言,挫败毕竟才是生活之主旋律,遂之又很释然,凡事需随缘又何必如此较真;

2. 前几天搬家,对着已经完全清理干净即将搬出的apt拍了张照留恋,突然很有种流离失所的沧桑感;也许对任何事物以及回忆的留恋都只在分离的时候才叫人感觉分外真实且弥足珍贵;当然,我并没有流离失所,我只是打包了所有回忆换一个起点继续平凡而已;

3. 曾几何时,日记写下的时候还带着天气的注脚,严寒酷暑或是晴朗阴霾,小雨大雪抑或大雾小霜;时光荏苒,当年的作业和任务变成了如今无法解释的一种习惯和惯性;只可惜当年的日记已经不知流离失所何方,纵使再惨不忍睹却亦是一种美好的回忆;就像翻看老照片一般,让人能够充满魔力穿越时空身临其境;

4. 这,也是引入底下“历史上的今天”板块的原因之一,这不碰巧又撞到了五年前的一篇update,这是本人极其喜欢的瞬间,有种乔布斯所谓的dot正在connect的感觉;翻(dian)开一看竟还能微微嗅出当年初生牛犊的稚嫩和无畏;虽然当年的事情和心情已经模糊,但放置今日再看,感受却依旧如此清晰响亮;
Continue reading →