2016年3月27日 星期日

為 PhpStorm 或 WebStorm 加入 angular2 live template

Angular 2 Style Guide WebStorm Live Templates

使用 PhpStorm 2016.1 版為例,OS 為 Ubuntu

到 這裡,點 RAW 按鈕然後複製,存為 Angular2-StyleGuide-LiveTemplates.xml,存放到:

~/.PhpStorm2016.1/config/templates

若 PhpStorm 已開啟則重新開啟即可。

不同作業系統的路徑可從 這裡 查到

2016年3月13日 星期日

[ 參考 ] 利用 email 實做無密碼登入 in Laravel

Creating a password-less, Medium-style, email-only authentication system in Laravel

基本上就是利用 email 當作身份證明啦,文章中改造 Laravel 內建的註冊與認證機制。

流程:

輸入 email -> 收信 -> 點連結 -> 完成登入

2016年3月8日 星期二

[ 參考 ] Emulated or Native Shadow DOM in Angular 2 with ViewEncapsulation

Emulated or Native Shadow DOM in Angular 2 with ViewEncapsulation

有詳細解說與範例

ViewEncapsulation.Emulated
global:繼承
component 內的:不會 override global
預設模式

ViewEncapsulation.Native
global:不繼承
component 內的:不會 override global
即 shadow dom

ViewEncapsulation.None
global:繼承
component 內的:會 override global

相關參考資料:
Web Components and concepts, ShadowDOM, imports, templates, custom elements