文章

目前顯示的是 七月, 2016的文章

[ 參考 ] .htaccess snippet

phanan/htaccess: A collection of useful .htaccess snippets.

關於 .htaccess 的一些設定片段,是說最近想跳到 nginx 了說....

[ 參考 ] Angular 2 之檔案上傳術

安裝 Linux 的筆電之電池續航力增加術

Re: [問題] 低耗電上網版本選擇? - 看板 Linux - 批踢踢實業坊

linrunner.de: TLP – Linux Advanced Power Management

PCMan 推薦,值得試試!!

我是安裝 Ubuntu 16.04

sudo apt update
sudo apt install tlp tlp-rdw

不錯的 Docker Swarm Mode 筆記

[TIL] Learning note about Docker Swarm Mode

不錯的 Docker Swarm Mode 筆記

[ 參考 ] ViewChild (VuewChildren) vs ContentChild (ContentChildren)、viewProviders vs providers

ViewChildren and ContentChildren in Angular 2 – Minko Gechev's blog

解釋了什麼是:

ViewChildViewChildrenContentChildContentChildren 以及 viewProviders 與 providers 的差異
以下是概略的筆記:
view child 為 child component,child component tag 會出現在  parent component 的 template中
content child 出現在 component open tag 與 close tag 之間,在 component 的 template 中會以 ng-content 插入

ViewChild 和 ContentChild 是單數,只有一個

ViewChildren 和 ContentChildren 是複數,可以有多個
@ViewChild(TodoInputComponent) todoInput: TodoInputComponent;
@ViewChildren(TodoComponent) todoComponents: QueryList<TodoComponent>;
可以在 ngAfterOnViewInit 取得 this.todoInput 與 this.todoComponents 之值,其中 this.todoComponents 可以看作是 Observable
ContentChild 與 ContentChildren 可以在 ngAfterOnContentInit 取得值
viewProviders 宣告的 service 只有 view child(ren) 可以用,content child(ren) 無法使用
providers 宣告的 service 都可以用

[ 參考 ] VS Code 檔案顯示設定

VS Code 檔案顯示設定 | Jeff's WebTech Note

雖然幾乎沒在用 vs code,紀錄一下備用囉

[ 參考 ] jwt 與 cors in Laravel 5.2

[ 參考 ] animations example in angular 2

Building an slide-out notification drawer with Angular 2 animations

不錯的文章,對於像我一樣的美工白痴是不錯的參考資料

Angular 2 - Animations - YouTube

雖然聽不懂作者講的英文,不過 code 看得懂就好....

[ 收集 ] Swarm in Docker v1.12

Nordri Tools: 好像不錯的 PPT 工具

Nordri Tools——讓PPT變得簡單起來

沒用過,但看起來似乎不錯

[ 參考 ] Observables in angular2

圖片

[ 參考 ] ES6 你可能不知道的事

[ 參考 ] angular2 的 routing

Routing Angular 2 Single Page Apps with the Component Router | Scotch

用一個簡單的範例講解 routing,包含 child routing 以及 guard

Routing in Angular 2 revisited

有用到 route 的 snapshot

Protecting Routes using Guards in Angular 2

說明三種 guard

The Amazing Angular 2 Router v3 by Gerard Sans

有不少範例可看喔

[ 參考 ] angular 2 rc4 的兩種 form

[ 參考 ] 用 Docker 建立開發環境 for Laravel

[ 參考 ] 關於 angular2 之 change detection 的一些文章收集

[ 參考 ] 如何將自定義的 Pipe 設為全域的 Pipe

Create a Globally Available Custom Pipe in Angular 2 | Scotch

原本自定義的 Pipe 要在 Component 使用,必須在 @Component 加入 pipes 設定,如果有很多 Component 要用就很麻煩,可以在 bootstrap 時就先加入 DI,就可以像內建的 Pipe 直接用啦。

[ 參考 ] YAML 語言教程

YAML 語言教程 - 阮一峰的網絡日誌

vagrant 的設定檔就是 yaml 啊,有必要了解一下。

[ 參考 ] JWT 學習筆記

完整整合 Facebook SDK 的套件 for Laravel and Lumen

SammyK/LaravelFacebookSdk: Fully unit tested Facebook SDK v5 integration for Laravel & Lumen

據說是個完整整合 Facebook SDK 的套件,想要取得更多資料的可以改用這個。

[ 參考 ] Processing a csv file in Laravel

Processing a csv file in Laravel

值得一試的方法。

在 Ubuntu 16.04 使用 nvm 安裝 Node.js

參考:

How To Install Node.js on Ubuntu 16.04 | DigitalOceanGitHub

sudo apt-get update
sudo apt-get install build-essential libssl-dev
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.2/install.sh | bash

搞定!重開終端機讓 path 生效。


查看可安裝的 Node.js 版本
nvm ls-remote

安裝指定版本
nvm install v6.2.2

查看已安裝版本
nvm ls

查看現在使用的 node 與 npm 版本
node -v
npm version

TypeScript 中文教學手冊

TypeScript 中文教學手冊

TypeScript Handbook(中文版) - GitBook

不錯呦,建議和官網的手冊一起看。第二本似乎比較新....

ubuntu 16.04 安裝新版 ubuntu-make

ubuntu-make 可以讓安裝 WebStorm、PhpStorm、Arduino IDE、Android Studio 等工具更方便,但 ubuntu 16.04 內建的版本似乎較舊,能安裝的東西較少,例如:WebStorm、PhpStorm 就沒有。

sudo apt-add-repository ppa:ubuntu-desktop/ubuntu-make
sudo apt update
sudo apt install ubuntu-make


查詢 ubuntu-make 版本:(目前使用版本為 16.05~xenial1)
apt search ubuntu-make

安裝 WebStorm:
umake ide webstorm

安裝 PhpStorm:
umake ide phpstorm

安裝 Visual Studio Code:
umake ide visual-studio-code

安裝 Arduino IDE:
umake ide arduino

安裝 Android Studio:
umake android android-studio --accept-license

安裝預設路徑:(以 WebStorm 為例)
~/.local/share/umake/ide/webstorm

更改安裝路徑:(以 Arduino IDE 為例,安裝到 /home/user/arduino)
umake ide arduino /home/user/arduino

ubuntu 16.04 用 apt 安裝 virtualbox 官方版

1、 /etc/apt/sources.list 加入:

deb http://download.virtualbox.org/virtualbox/debian xenial contrib

2、加入金鑰

wget -q https://www.virtualbox.org/download/oracle_vbox_2016.asc -O- | sudo apt-key add -

3、 sudo apt update

4、 sudo apt install virtualbox-5.0

介紹 angular-cli 的使用與說明

Rapid Cross-Platform Development with the Angular 2 CLI -Telerik Developer Network

介紹了 angular-cli 的使用與說明,以及一些注意事項與解決方案,還有第三方 library 的整合,不錯的文章。