The Will Will Web

記載著 Will 在網路世界的學習心得與技術分享

Git 學習筆記 (2):30 天精通 Git 版本控管

上個月,我參加了2013年第6屆iT邦幫忙鐵人賽,連續寫了 30 天關於 Git 版本控管的文章,內容多達十多萬字 (不含程式碼),我想這篇應該不能算「筆記」吧! XD 但確實是一份非常完整的學習紀錄,歡迎有興趣的 Git 同好前去閱讀,有任何疑問也歡迎留言討論喔。

... 繼續閱讀 ...

The Will Will Web 生日快樂! ( 轉眼就滿六歲囉 )

哇嗚~ 時間過得好快,轉眼又一年了,我怎麼感覺時間越過越快、事情也越來越多,不過充實的生活也讓我覺得踏實而滿足,心中充滿著感恩,感恩有那麼多人、那麼多朋友在我的生命中刻下喜悅的情感。在這一年中,部落格文章量又掉了一些些,共 75 篇文章,不過寫文章以外的事情倒是做了不少。整體上來說,今年過得算是相當不錯,可以滿心歡喜的慶祝 The Will Will Web 部落格六歲生日囉! lol

... 繼續閱讀 ...

Git 在 Windows 平台處理斷行字元 (CRLF) 的注意事項

在 Windows 平台使用 Git 時,偶爾會遇到斷行字元的問題,之前遇到時並不知道為什麼會這樣,只覺得怪怪的,最近終於釐清這個問題,所以決定撰文解釋一下來龍去脈,以免有人還遇到相同的問題。

... 繼續閱讀 ...

使用 DotNetZip 解壓縮為 Stream 時讀不到檔案內容的陷阱

我們有個案子,因為會需要製作檔案上傳功能,但商品的圖片很多,除了單張圖片上傳外,也允許讓客戶批次上傳圖片,只要客戶先把大量圖片壓縮成 *.zip 檔案,上傳到我們製作的後台後,就會利用 DotNetZip 套件,將客戶上傳的壓縮檔 ( *.zip ) 解壓縮,並將檔案一一上傳到 Windows Azure 雲端的 儲存體 (Storage) 上。基本上,這功能很簡單,隨便 Google 一下都有得抄 code,同事也很自然的抄了一段 code,測試無誤就放上,誰知道,同一段看似沒問題的 code,在不同的使用情境下,還是會出現 Bug,魔鬼總在細節裡,讓我們繼續斬妖除魔去。

... 繼續閱讀 ...

撰寫合約書金額時建議使用 Word 插入國字大寫數字功能

Word 不知道在哪個版本開始,就有內建插入數字功能,可以方便你快速輸入複雜難寫的國字大寫,尤其是在撰寫合約書的時候更是便利,但卻很多人不知道 Office 有這個功能。之前雖然錄製過影片示範整個操作過程,但時間一久後,自己都忘記分享在哪裡,印象中自己有分享過,但卻在自己部落格怎樣都搜尋不到,呵。本文末有當初錄製的影片,詳細介紹如何透過「插入數字」功能完成輸入,並且也將傳授如何克服 Word 無法新增超過「一百萬」以上國字大寫數字的難題。

... 繼續閱讀 ...

Git 學習筆記 (1):安裝、選項設定、在本地使用 Git 工具

之前常想,Git 這麼複雜的東西,怎麼國外這麼多人在用啊?今天徹底研究了一番之後發現,Git 真的比 SVN 強大太多,只是分散式版控機制確實跟自己以往熟悉的 SVN 或 TFS 差好多,用舊有的思維模式 (Mindset) 學習新技術還真的有點辛苦,今天算是重新打造全新的思維模式,收穫還不少。這篇文章是我 Git 學習筆記的第一篇,寫了十幾個小時,洋洋灑灑的印出來應該也有幾十頁,還覺得很多東西沒講清楚,歡迎各位留言大家一起學習囉! (^_^)

... 繼續閱讀 ...

如何在 Windows 平台安裝與使用 Yeoman 1.0 相關工具

前陣子翻譯了一篇各式 Web 前端開發工具整理的文章,裡面介紹了許多好用的前端工具,其中 Yeoman 就是一個前端工具的組合,幫你統整前端網頁的開發流程 (Workflow),這是一種工作流程的改善,讓你減少重複的手工作業,也讓你更專注在網站的架構與設計上。不過,這些好用的工具大多透過指令的方式運作 (例如: 透過命令提示字元操作),雖然大多工具是跨平台的,但網路上找到的相關教學文章,都是以 Mac 電腦上的操作為主,因為 Mac 為 Unix-like 的作業系統,可以輕易開啟 Shell 環境,使用上相對順利許多,但到了 Windows 總是卡卡的,有時候甚至於還要 Visual Studio 才能安裝 (因為要編譯特定原始碼),今天我就特別寫一篇在 Windows 安裝與使用 Yeoman 的參考指南,幫助大家快速上手這些好用工具。

... 繼續閱讀 ...

如何從 GitHub, Gist, JSBin, CODEPEN 載入 JavaScript 檔案

前幾天一個負責前端的同事遇到一個問題,在實驗一些 JavaScript 函式庫時,發現無法直接從 GitHub 載入 JavaScript 檔案,Google Chrome 的 Console 視窗 (在開發者工具裡) 會出現一段 Refused to execute script from 'https://raw.github.com/moment/moment/develop/min/moment.min.js' because its MIME type ('text/plain') is not executable, and strict MIME type checking is enabled. 的紅字 (紅字代表嚴重錯誤),而導致網頁無法正確執行,這篇文章將分享幾個注意事項,還有從 GitHub, Gist, JSBin, CODEPEN 載入 JavaScript 範例程式或函式庫的使用技巧。

... 繼續閱讀 ...

關於 AngularJS 控制器 (ngController) 的多種宣告方法

初學 AngularJS 的人,寫到 ngController 之後一定會覺得 AngularJS 的 controller 怎麼這麼簡單,只要宣告一個 function 就馬上可以用了,而且 function 裡面的參數還會經由 AngularJS 自動注入物件。例如 $scope$http$window$log、…等等。不過,這種註冊 controller 的方式雖然簡單,卻還是有些缺點,例如這些 function 宣告不能被 最小化 (Minification),否則 function 內的區域變數被改成 a, b, c 之類的,AngularJS 就無法自動注入物件了,因此必須進一步學習更多的宣告方式,藉此解決 相依注入 (Dependency Injection) 的問題!

... 繼續閱讀 ...