2016年7月28日 星期四

安裝 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

解釋了什麼是:

  • ViewChild
  • ViewChildren
  • ContentChild
  • ContentChildren
以及 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 都可以用

2016年7月22日 星期五

[ 參考 ] Observables in angular2

Taking advantage of Observables in Angular 2

有個搜尋 wiki 的範例

Taking advantage of Observables in Angular 2 - Part 2

進一步重構搜尋 wiki 的範例

Exploring Rx Operators: map




The introduction to Reactive Programming you've been missing



ReactiveX

ReactiveX/rxjs: A reactive programming library for JavaScript ( RxJS 5 (beta) )

Reactive-Extensions/RxJS: The Reactive Extensions for JavaScript ( RxJS 4 )

RxJS Lessons - Screencast Video Tutorials @eggheadio

Introduction to Functional Reactive Programming with RxJS

RxMarbles: Interactive diagrams of Rx Observables

Reactive Programming 簡介與教學(以 RxJS 為例) | TechBridge 技術共筆部落格

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

ES6 你可能不知道的事 - 基礎篇 | Taobao FED | 淘寶前端團隊

哇....好多都真的不知道呀....

[ 參考 ] 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

Using Angular 2』s Template-Driven Forms | Scotch

Template-Driven Form

Using Angular 2』s Model-Driven Forms with FormGroup and FormControl | Scotch

Model-Driven Form

Model-driven Forms in Angular 2

How to Build Nested Model-driven Forms in Angular 2

How to Deal with Different Form Controls in Angular 2 | Scotch

Bind RadioButton List in Angular 2

如何處理各種表單元素

How to implement custom validator (confirm password) in Angular2 RC.4 (template driven form) — Frontend Weekly — Medium

自定義驗證規則,以「確認兩次密碼是否相符」為例

Custom Form Controls in Angular 2

Angular 2: Connect your custom control to ngModel with Control Value Accessor.


2016年7月17日 星期日

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

Create a Globally Available Custom Pipe in Angular 2 | Scotch

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

2016年7月10日 星期日

在 Ubuntu 16.04 使用 nvm 安裝 Node.js

參考:



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

2016年7月5日 星期二

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

2016年7月3日 星期日