2016年6月9日 星期四

我是富堅王

圖片取自 Jump 官方公告
其實獵人 (Hunter x Hunter) 一直都是我很喜歡的作品...

不是啦,最近好像真的太久沒發文了

一整個就是富堅王阿 (至少我不是因為腰痛....XD

所以我想說來跟大家說一下最近忙碌的事情,來刷一下存在感 (欸

2016年5月22日 星期日

為什麼要使用TypeScript?

TypeScript logo

前端開發(Front-End)近年來在各種平台非常活躍,怎麼說呢?


越來越注重使用者介面,需要能力更強,開發更方便的 framework,因此出現了各種的 JavaScript framework。
  • 網頁端(Web)像是這兩年很夯的 AngularJS、React.js、Vue.js、D3.js...等等。
  • 伺服器端(Server Side)與網路相關應用,也可以使用 JavaScript 來寫,最經點的例子就是 Node.js,而且可以搭配其他 Framework 做到 JavaScript Universal,像是 Universal React 和 Angular Universal
  • 行動裝置端(大陸稱為移動端),當然也可以使用 JavaScript 來寫 Application,像是 React NativeCordovaIonic...等等。
也因為能使用的平台實在太多了,所以更有「得 JavaScript得天下 」的說法。

開發應用有大有小,而在開發大型應用的時候,要怎麼「不寫重複的 code」與「方便 debug」是很重要的!

因此,TypeScript 應運而生!

2016年5月11日 星期三

捌。NG中的NG鏡頭

最近很紅的《美國隊長3 -英雄內戰》中的NG鏡頭
NG鏡頭,通常放於影片結尾,指影片拍攝過程中,發生的一些烏龍鏡頭,製作單位把這些片段剪輯起來,讓觀眾可以會心一笑。

這個系列文章寫到這邊,相信大家對於Angular有一定的概念了
之前文章講了這麼多Angular的好,這篇我們來談Angular的「NG鏡頭吧」

2016年5月4日 星期三

AngularJs開發者的強力武器【ng-inspector for AngularJS】

俗話說:工欲善其事,必先利其器
在Programer的世界中也是這樣,除了電腦硬體、開發平台以外
方便的套件軟體也是不可缺少的!

前情提要

本篇文章以Google Chrome瀏覽器為例,並會用到一些ng的概念。

*貼心小連結>AngularJs入門系列教學

2016年5月2日 星期一

漆。發揮創造力,自己做出想像中的客制化套件(directive)!

圖片來源:http://ppt.cc/JVPxN
有時候開發程式,我們常常會先上網找別人寫過類似的程式或是第三方套件(3-party)
但往往找到的程式沒辦法100%完全符合我們的需求(廢話
AngularJs提供了一個特別的功能,叫做directive
directive是用來做什麼的呢?
可以自定html的內容與行為,做出來就像是一個客制化的套件
它能夠「簡化重複的code,也能減少DOM操作」。

2016年4月22日 星期五

陸・Angular表單驗證

來源自:Why Should We Validate Our Websites with Validators?
在Web的世界裡,常常會遇到「表單」功能,通常也要同時「驗證使用者資料」
AngularJs裡面提供的表單驗證功能,要從AngularJs與Form糾葛的愛恨情仇說起(大誤
在AngularJs中,如果要搭配驗證功能,就必須要有form這個標籤
form可以幫忙驗證其中的輸入標籤(包含input、select、textarea)
也就是說,要驗證的部分全部都要包進form當中!

2016年4月21日 星期四

string.CompareTo()用法 in C#


在C#中
通常寫比較都會用一般的運算子(operator) == 或是Equal()來處理
但這只能用於數值型別(Int、Double、Float....等等)
發現好像蠻多人對於字串(String)值的比較蠻不熟的
故這邊來補充一下用法

C#字串比較 string.CompareTo()用法

以0為基準做判斷,比較淺顯易懂

  • a.CompareTo(b) > 0   表示 a > b
  • a.CompareTo(b) == 0 表示 a = b
  • a.CompareTo(b) < 0   表示 a < b
  • a.CompareTo(b) >=0  表示 a >= b
  • a.CompareTo(b) <=0  表示 a <= b