Angular
[Angular] 建立 Service
在Angular中, 有時須要不同component中處理相同工作(例如getUserByID()), 通常都會將method 抽離到另一個method獨立執行. 而在Angular中 稱為service. 本質就是一個Injectable 的class. 它可以在不同component 中的constructor 中建立而不用去new 它出來.
Month: December 2016
Visual Studio
[開發工具] Visual Studio Power Mode
找到了一個Visual Stdio Extension 令到寫code時不會太悶. 當文件有修改時, 便會爆一下. 雖然對development 沒有實際幫助, 但挺過癮. 另外, 除了Visual Studio 外, 還有atom 版. Reference Visual-Studio-Power-Mode, Liam Morrow Activate Power Mode, Joel Besada
Travel 旅遊
[登山] 船灣郊遊徑+吊燈籠
約了久未見面的朋友行山, 但太耐沒有組隊, 故走一段相對長程路線試一下大家水溫, 方便之後的行程編排.
Visual Studio
[Visual Studio] 建立Project Wizard
有時建立Project 或Item 時, 除了預設名字外, 可能有需要加入更多的參數(Parameter)讓development 更方便, 在Project / item 生成後不用走入去再修改. 在這裡, 會示範如何在Project Template 中加入Wizard.
Angular
[Angular] 實現Two Way Binding
在MVC 中, Model 中的內容通常都要透過Binding 才可以顯示出來. 同樣地, 這裡會示範如何利用Angular 做data binding.
Angular
[Angular] 自建custom component
Angular Component 類似WinForm / WPF 的User control, 將一個會重覆使用的markup 抽出成獨立個體, 並於不同地方使用. 從而加快develop / change 速度. 在這裡, 會以建立一個layout component 示範如何建立custom component.
Cloud Computing 雲端服務
[Cloud Computing] NextCloud
現在Cloud Computing 技術日漸成熟, 其實說到底, 就是讓user在一個平台(Platform)上做到要做的事情, 例如Google 和Microsoft 這類人人都可以用的公有雲(Public Cloud), 除了email, calendar 還有 file storage / editing 這類軟件即服務 (Software-as-a-Service, SaaS). 然而, 在若果將業務放到公有雲上, 雖然一次性的建立成本會低, 但其營運成本便相對較高, 除了服務費用 (Service Charge), 替換成本(Switching Cost)及將公司敏感資料放到網上而洩密(Data leakage)等風險成本亦會出現. 因此, 部份公司亦會決定自己架構私有雲(Private Cloud). 若要做到類似Google 和Microsoft 相類似的話, […]
Facebook
[Facebook] 在不使用API Key 建立Facebook Share Button
正常情況下, 若網站需要執行Facebook功能如Like, Share, Login 等, 都須要在Facebook 登記一條API key, 並用它作相關設定. 然而, 在Share 功能中, 則有方法規避, Sample code 如下.
Angular
[ASP.net] 如何建立Blank ASP.net Angular Project
有時工作上, 要建立一堆project 處理, 通常都見到會有一份document 用作標準作業流程(Standard Operation Procedure, SOP), 但為了減少人為錯誤及節省時間. 通常會建立一個template 當作懶人包. 今次工作上要用Angular 做front-end, 無須使用ASP.net MVC project 中大部份功能, 以精簡front-end 作大前提下, 便直接用此作示範如何建立一個project template.