IT狗技術交流

大家好，我想起道開個post 比噤多位IT狗技術交流一下

個模式有小小似stackoverflow 噤，有人問問題， 跟住有人識答就答 （不過依道無得就個答案比分 ）

希望起依個過程入面可以做倒技術交流


我先：
最近我學緊Angular JS,  當跟住Google 個Hero Editor 做到去Routing 果part 既時候就有個問題。

https://angular.io/docs/ts/latest/tutorial/toh-pt5.html

Inside the ngOnInit lifecycle hook, we use the params observable to extract the id parameter value from the ActivatedRoute service and use the HeroService to fetch the hero with that id.

我要起條URL 入面囉返一個叫做 'id' 既parameter 出黎， 噤NG2 用既ts code 就起下面

this.route.params
.switchMap((params: Params) => this.heroService.getHero(+params['id']))
.subscribe(hero => this.hero = hero); // +params['id'] = Number(params['id'])

你見倒佢中間有兩個function 叫做 'switchMap' 同 'subscriber'
依兩個function 都唔係native javascript 有既function 而係由一個叫rxjs 既library define 既

rxjs : http://reactivex.io/intro.html

我既問題有兩個：
1. 到底rxjs 有咩用？ 上網睇人地 example 都唔係太明， 感覺上佢係for JS event 去做D filter , 例如double click 既event, 你就可以用filter 去define filter 兩個event 一定要相隔小過 X ms 先叫做double click, subscribe 個callback call 倒既時候就都係滿足filter 條件既event (我理解上起依個case 其實就係observer pattern , subscriber callback 就係observer, 兩個相差細過X ms 既click event 就係subject)
2. 但係我上面個例子同NG2 既應用又風馬牛不相及， 因為suppose 要讀path parameter 只需要 params['id'] 就夠，例如NG1.5 就係$routeParams.id 搞掂，所以到底依個example 點解要噤寫

stackoverflow 嘅重點唔係比分
係有顏色同可以直接google搵出嚟

不過照留名學嘢

stackoverflow 嘅重點唔係比分
係有顏色同可以直接google搵出嚟

不過照留名學嘢

無得比分想知邊個答案最準確好麻煩
利申：我睇stackoverflow 靜係睇 Highest Voted 個答案

大家好，我想起道開個post 比噤多位IT狗技術交流一下

個模式有小小似stackoverflow 噤，有人問問題， 跟住有人識答就答 （不過依道無得就個答案比分 ）

希望起依個過程入面可以做倒技術交流


我先：
最近我學緊Angular JS,  當跟住Google 個Hero Editor 做到去Routing 果part 既時候就有個問題。

https://angular.io/docs/ts/latest/tutorial/toh-pt5.html

Inside the ngOnInit lifecycle hook, we use the params observable to extract the id parameter value from the ActivatedRoute service and use the HeroService to fetch the hero with that id.

我要起條URL 入面囉返一個叫做 'id' 既parameter 出黎， 噤NG2 用既ts code 就起下面

this.route.params
.switchMap((params: Params) => this.heroService.getHero(+params['id']))
.subscribe(hero => this.hero = hero); // +params['id'] = Number(params['id'])

你見倒佢中間有兩個function 叫做 'switchMap' 同 'subscriber'
依兩個function 都唔係native javascript 有既function 而係由一個叫rxjs 既library define 既

rxjs : http://reactivex.io/intro.html

我既問題有兩個：
1. 到底rxjs 有咩用？ 上網睇人地 example 都唔係太明， 感覺上佢係for JS event 去做D filter , 例如double click 既event, 你就可以用filter 去define filter 兩個event 一定要相隔小過 X ms 先叫做double click, subscribe 個callback call 倒既時候就都係滿足filter 條件既event (我理解上起依個case 其實就係observer pattern , subscriber callback 就係observer, 兩個相差細過X ms 既click event 就係subject)
2. 但係我上面個例子同NG2 既應用又風馬牛不相及， 因為suppose 要讀path parameter 只需要 params['id'] 就夠，例如NG1.5 就係$routeParams.id 搞掂，所以到底依個example 點解要噤寫

自言自語
第一條問題有補充資料， https://segmentfault.com/a/1190000004293922

依個web site 我覺得比較清楚， 以我比既例子黎講就係 一個關於click eventStream, 而依個stream 係可以做manipulate/filter 既， 當做完manipulate/filter 之後就會通知subscribe 左個stream 既function.

所以 rxjs 就係個開stream 既library ,
所謂'stream' 其實就係 'subject'
中間既 map/filter 就係做緊一個iterator 既manipulate
最後subscribe 就係add observer .


有錯歡迎指正

大家好，我想起道開個post 比噤多位IT狗技術交流一下

個模式有小小似stackoverflow 噤，有人問問題， 跟住有人識答就答 （不過依道無得就個答案比分 ）

希望起依個過程入面可以做倒技術交流


我先：
最近我學緊Angular JS,  當跟住Google 個Hero Editor 做到去Routing 果part 既時候就有個問題。

https://angular.io/docs/ts/latest/tutorial/toh-pt5.html

Inside the ngOnInit lifecycle hook, we use the params observable to extract the id parameter value from the ActivatedRoute service and use the HeroService to fetch the hero with that id.

我要起條URL 入面囉返一個叫做 'id' 既parameter 出黎， 噤NG2 用既ts code 就起下面

this.route.params
.switchMap((params: Params) => this.heroService.getHero(+params['id']))
.subscribe(hero => this.hero = hero); // +params['id'] = Number(params['id'])

你見倒佢中間有兩個function 叫做 'switchMap' 同 'subscriber'
依兩個function 都唔係native javascript 有既function 而係由一個叫rxjs 既library define 既

rxjs : http://reactivex.io/intro.html

我既問題有兩個：
1. 到底rxjs 有咩用？ 上網睇人地 example 都唔係太明， 感覺上佢係for JS event 去做D filter , 例如double click 既event, 你就可以用filter 去define filter 兩個event 一定要相隔小過 X ms 先叫做double click, subscribe 個callback call 倒既時候就都係滿足filter 條件既event (我理解上起依個case 其實就係observer pattern , subscriber callback 就係observer, 兩個相差細過X ms 既click event 就係subject)
2. 但係我上面個例子同NG2 既應用又風馬牛不相及， 因為suppose 要讀path parameter 只需要 params['id'] 就夠，例如NG1.5 就係$routeParams.id 搞掂，所以到底依個example 點解要噤寫

自言自語
第一條問題有補充資料， https://segmentfault.com/a/1190000004293922

依個web site 我覺得比較清楚， 以我比既例子黎講就係 一個關於click eventStream, 而依個stream 係可以做manipulate/filter 既， 當做完manipulate/filter 之後就會通知subscribe 左個stream 既function.

所以 rxjs 就係個開stream 既library ,
所謂'stream' 其實就係 'subject'
中間既 map/filter 就係做緊一個iterator 既manipulate
最後subscribe 就係add observer .


有錯歡迎指正

自問自答

第二條問題， 我地睇返NG2 既document
'Note how the switchMap operator maps the id in the observable route parameters to a new Observable, the result of the HeroService.getHero method.

If the user re-navigates to this component while a getHero request is still inflight, switchMap cancels that old request before calling HeroService.getHero again.'

重點係 'getHero request is still inflight' , 其實NG2 已經假設左入左 param 之後個program 要用個param 去access remote API 交換完整既data 返黎， 所以需要將params declare 做一個stream 方便控制 logic , 如果無左rxjs , 你就要自己加一堆boolean 去控制當user 好快噤彈出彈入既時候唔好瘋狂call API.

可唔可以噤樣理解

最近寫緊 detect gamepad key press 去 trigger 電腦功能

大家好，我想起道開個post 比噤多位IT狗技術交流一下

個模式有小小似stackoverflow 噤，有人問問題， 跟住有人識答就答 （不過依道無得就個答案比分 ）

希望起依個過程入面可以做倒技術交流


我先：
最近我學緊Angular JS,  當跟住Google 個Hero Editor 做到去Routing 果part 既時候就有個問題。

https://angular.io/docs/ts/latest/tutorial/toh-pt5.html

Inside the ngOnInit lifecycle hook, we use the params observable to extract the id parameter value from the ActivatedRoute service and use the HeroService to fetch the hero with that id.

我要起條URL 入面囉返一個叫做 'id' 既parameter 出黎， 噤NG2 用既ts code 就起下面

this.route.params
.switchMap((params: Params) => this.heroService.getHero(+params['id']))
.subscribe(hero => this.hero = hero); // +params['id'] = Number(params['id'])

你見倒佢中間有兩個function 叫做 'switchMap' 同 'subscriber'
依兩個function 都唔係native javascript 有既function 而係由一個叫rxjs 既library define 既

rxjs : http://reactivex.io/intro.html

我既問題有兩個：
1. 到底rxjs 有咩用？ 上網睇人地 example 都唔係太明， 感覺上佢係for JS event 去做D filter , 例如double click 既event, 你就可以用filter 去define filter 兩個event 一定要相隔小過 X ms 先叫做double click, subscribe 個callback call 倒既時候就都係滿足filter 條件既event (我理解上起依個case 其實就係observer pattern , subscriber callback 就係observer, 兩個相差細過X ms 既click event 就係subject)
2. 但係我上面個例子同NG2 既應用又風馬牛不相及， 因為suppose 要讀path parameter 只需要 params['id'] 就夠，例如NG1.5 就係$routeParams.id 搞掂，所以到底依個example 點解要噤寫

岩睇左一睇reacticex ，感覺有d 似functional programming 既library
你可以睇下 functional programming in js, 印象中fp 既js 都有幾個好popular 既library 好似你上面switchmap既野 但無唔知reactivex係咪其中一個大library(但佢官網claim 自己唔係專for fp)

最近寫緊 detect gamepad key press 去 trigger 電腦功能

你想點整 ？用nodejs 整應該好快做到啦

大家好，我想起道開個post 比噤多位IT狗技術交流一下

個模式有小小似stackoverflow 噤，有人問問題， 跟住有人識答就答 （不過依道無得就個答案比分 ）

希望起依個過程入面可以做倒技術交流


我先：
最近我學緊Angular JS,  當跟住Google 個Hero Editor 做到去Routing 果part 既時候就有個問題。

https://angular.io/docs/ts/latest/tutorial/toh-pt5.html

Inside the ngOnInit lifecycle hook, we use the params observable to extract the id parameter value from the ActivatedRoute service and use the HeroService to fetch the hero with that id.

我要起條URL 入面囉返一個叫做 'id' 既parameter 出黎， 噤NG2 用既ts code 就起下面

this.route.params
.switchMap((params: Params) => this.heroService.getHero(+params['id']))
.subscribe(hero => this.hero = hero); // +params['id'] = Number(params['id'])

你見倒佢中間有兩個function 叫做 'switchMap' 同 'subscriber'
依兩個function 都唔係native javascript 有既function 而係由一個叫rxjs 既library define 既

rxjs : http://reactivex.io/intro.html

我既問題有兩個：
1. 到底rxjs 有咩用？ 上網睇人地 example 都唔係太明， 感覺上佢係for JS event 去做D filter , 例如double click 既event, 你就可以用filter 去define filter 兩個event 一定要相隔小過 X ms 先叫做double click, subscribe 個callback call 倒既時候就都係滿足filter 條件既event (我理解上起依個case 其實就係observer pattern , subscriber callback 就係observer, 兩個相差細過X ms 既click event 就係subject)
2. 但係我上面個例子同NG2 既應用又風馬牛不相及， 因為suppose 要讀path parameter 只需要 params['id'] 就夠，例如NG1.5 就係$routeParams.id 搞掂，所以到底依個example 點解要噤寫

岩睇左一睇reacticex ，感覺有d 似functional programming 既library
你可以睇下 functional programming in js, 印象中fp 既js 都有幾個好popular 既library 好似你上面switchmap既野 但無唔知reactivex係咪其中一個大library(但佢官網claim 自己唔係專for fp)

自膠
原來只係咁, 應該係個example 太fancy
http://reactivex.io/rxjs/class/es6/Observable.js~Observable.html#instance-method-switchMap

大家好，我想起道開個post 比噤多位IT狗技術交流一下

個模式有小小似stackoverflow 噤，有人問問題， 跟住有人識答就答 （不過依道無得就個答案比分 ）

希望起依個過程入面可以做倒技術交流


我先：
最近我學緊Angular JS,  當跟住Google 個Hero Editor 做到去Routing 果part 既時候就有個問題。

https://angular.io/docs/ts/latest/tutorial/toh-pt5.html

Inside the ngOnInit lifecycle hook, we use the params observable to extract the id parameter value from the ActivatedRoute service and use the HeroService to fetch the hero with that id.

我要起條URL 入面囉返一個叫做 'id' 既parameter 出黎， 噤NG2 用既ts code 就起下面

this.route.params
.switchMap((params: Params) => this.heroService.getHero(+params['id']))
.subscribe(hero => this.hero = hero); // +params['id'] = Number(params['id'])

你見倒佢中間有兩個function 叫做 'switchMap' 同 'subscriber'
依兩個function 都唔係native javascript 有既function 而係由一個叫rxjs 既library define 既

rxjs : http://reactivex.io/intro.html

我既問題有兩個：
1. 到底rxjs 有咩用？ 上網睇人地 example 都唔係太明， 感覺上佢係for JS event 去做D filter , 例如double click 既event, 你就可以用filter 去define filter 兩個event 一定要相隔小過 X ms 先叫做double click, subscribe 個callback call 倒既時候就都係滿足filter 條件既event (我理解上起依個case 其實就係observer pattern , subscriber callback 就係observer, 兩個相差細過X ms 既click event 就係subject)
2. 但係我上面個例子同NG2 既應用又風馬牛不相及， 因為suppose 要讀path parameter 只需要 params['id'] 就夠，例如NG1.5 就係$http://routeParams.id 搞掂，所以到底依個example 點解要噤寫

岩睇左一睇reacticex ，感覺有d 似functional programming 既library
你可以睇下 functional programming in js, 印象中fp 既js 都有幾個好popular 既library 好似你上面switchmap既野 但無唔知reactivex係咪其中一個大library(但佢官網claim 自己唔係專for fp)

自膠
原來只係咁, 應該係個example 太fancy
http://reactivex.io/rxjs/class/es6/Observable.js~Observable.html#instance-method-switchMap

我反而想學睇佢果張好多波波既圖， 應該上面係source stream ， 下面係observer 會收倒既野？

有冇人知張圖點樣解讀

睇個example 啦

睇個example 啦

 我試下補充小小
根據巴打搵出黎既API document，switchmap 其實係map+switch 既combination

map 就好明顯， 將stream 既每一個value apply 完個function 就搞掂

噤switch 呢？



根據張圖所講，其實係當多過一條stream 既時候 call 一call 個function 就會變左一條
另外根據document, 'when a new inner Observable is emitted, switch unsubscribes from the earlier-emitted inner Observable and subscribes to the new inner Observable and begins emitting items from it. It continues to behave like this for subsequent inner Observables.'

每call 一次 switch 就會將observer unsubscribe 之前條stream

再參考依道， http://ithelp.ithome.com.tw/articles/10188325?sc=iThomeR

'新的 observable 送出後直接處理新的 observable 不管前一個 observable 是否完成，每當有新的 observable 送出就會直接把舊的 observable 退訂(unsubscribe)，永遠只處理最新的 observable!'

跟住我地睇code

var clicksStream = Rx.Observable.fromEvent(document.body, 'click');
// Each click event is mapped to an Observable that ticks every second
var higherOrder = clicksStream.map(function(ev){
console.log("Stream Event ")
return Rx.Observable.interval(1000);
});
var example = higherOrder.switch();//會reset
//var example = higherOrder.concatAll(); //用依個無論你點噤都好，都只會出倒0,1,2,3,4,5.... 唔會reset
// The outcome is that switched is essentially a timer that restarts
// on every click. The interval Observables from older clicks do not merge
// with the current interval Observable.
example.subscribe(x => console.log(x));}


依堆code 我自已將official 既 example 改左小小， 留意Rx.Observable.interval return 既係一個infinite loop, 每一秒就順次序send 一個value 去observer (0,1,2,3....etc.)

我地試下比較concatAll 同switch 就會發現， concatAll 你點樣click 個webpage 都唔會reset , 但switch 就會reset

噤我地回歸返之前個問題，點解NG2 囉parameter 要用到switchmap? 答案根據Google 自己講係因為要避免ASYNC call 到一半user 又噤多次， 噤樣個UI 會見倒跳左兩野／ 傻左，用switchmap 就會靜係用最後果個result

原來你個IT技術得programming

我出返去先

原來你個IT技術得programming

我出返去先

你可以問program 以外既問題架 噤岩我今日撞倒既問題係關於programming 姐

最近寫緊 detect gamepad key press 去 trigger 電腦功能

你想點整 ？用nodejs 整應該好快做到啦

java 分析 /dev/input/js* 再當 detect 到特定 key press 做某 D 野

最近寫緊 detect gamepad key press 去 trigger 電腦功能

你想點整 ？用nodejs 整應該好快做到啦

java 分析 /dev/input/js* 再當 detect 到特定 key press 做某 D 野

兩年前已經做緊不過好似係用pyxhook
https://youtu.be/JaJJYPD8ja8

最近寫緊 detect gamepad key press 去 trigger 電腦功能

你想點整 ？用nodejs 整應該好快做到啦

java 分析 /dev/input/js* 再當 detect 到特定 key press 做某 D 野

兩年前已經做緊不過好似係用pyxhook
https://youtu.be/JaJJYPD8ja8

咁你拎到個trigger signal 未
定做緊action果part

有無c++的minimax alg 例子

唔識 上網搵一搵， 依個算唔算example

https://gist.github.com/MatthewSteel/3158579

有無c++的minimax alg 例子

唔識 上網搵一搵， 依個算唔算example

https://gist.github.com/MatthewSteel/3158579

c 黎， 不過我諗可以做參考掛

點睇React native?值唔值得長遠投資？ 定寫返native language好

點睇React native?值唔值得長遠投資？ 定寫返native language好

識寫 Native 先寫到 React Native 嘅 Bridge

做啲簡單 App 全部用 3rd party 駁起應該唔洗寫 Native code

但複雜少少嘅 UI / 駁其它SDK 就有機會要自己寫 Bridge

所以學哂兩邊其實無衝突

點睇React native?值唔值得長遠投資？ 定寫返native language好

識寫 Native 先寫到 React Native 嘅 Bridge

做啲簡單 App 全部用 3rd party 駁起應該唔洗寫 Native code

但複雜少少嘅 UI / 駁其它SDK 就有機會要自己寫 Bridge

所以學哂兩邊其實無衝突

Native Script 又點睇？ 望落似係NG2 版既React Native ?
同埋係咪真係噤堅，完全無 limitation ? 佢地講到因為最後會compile 返做native app 所以native SDK 做倒咩，佢就可以做咩

有冇用過黎 production 既巴打分享下佢比起native 有冇咩壞處? (例如以前仲玩緊webview 既時候， web app 一定食resource + 慢過native 而且有D function 會用唔倒)


利申：學緊NG2, 想學寫mobile, 但無試過production

最近寫緊 detect gamepad key press 去 trigger 電腦功能

你想點整 ？用nodejs 整應該好快做到啦

java 分析 /dev/input/js* 再當 detect 到特定 key press 做某 D 野

兩年前已經做緊不過好似係用pyxhook
https://youtu.be/JaJJYPD8ja8

咁你拎到個trigger signal 未
定做緊action果part

拎到