iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 22
0
Modern Web

線上讀書會-2016 年學 JavaScript 是一種什麼樣的體驗系列 第 22

reactjs 配rx.js 也不錯,入門推薦影片與文章推薦

  • 分享至 

  • xImage
  •  

[線上讀書會] allen 主講 rx.js 入門
https://www.youtube.com/watch?v=5cKjXq9_eH8

[線上讀書會] 名辰 主講 Rx.js 入門 HD
https://www.youtube.com/watch?v=dTgVYF5qHyM

名辰 大大也有在it鐵人賽中寫Rx.js一系列的介紹

http://ithelp.ithome.com.tw/users/20103367/ironman/1199

關於rx.js 個人目前重點理解如下

1.監聽方式不一樣是透過observable
2.目的是可以在某段區間,把某些行為改變
3.改變方法可以透過function programing
4.Rx語法如下,使用Observable然後用.隔開做每個動作

Rx.Observable
	.fromEvent(document.body, 'click') 
	.take(1) 
	.subscribe(console.log);

使用狀況例如

今天做一個搜尋欄位,輸入資料第一個字或第二個字時不希望觸發監聽,要在第三個字的時候觸發就可以用rx.js

另外在個情況可以會在同一個observable下發多個fetch到後端撈資料,可以以最先回傳的資料取值其他的部分就可以終止

還有一個實例例如今天要做到比較複雜的搖桿判斷,例如電動的快打旋方波動拳下,下右,右 這樣的需要時間內完成某個連續按鈕 rx.js 也很方便

點擊滑鼠按鈕時 只要撈0.5秒內連續點擊超過2次的這樣也可以歐

以上是個人學習的心得,更多更棒的文章 可以參考名辰的大大的 it鐵人賽中很強的介紹


上一篇
reactjs + graphQL 另外12/27 還有一場相關 Functional Programming 歐
下一篇
typescript 入門 && 12/28 晚上 19:30 線上讀書會 有邀請到 潘拉拉 大大 來主講一堂 TypeScript 入門 歐
系列文
線上讀書會-2016 年學 JavaScript 是一種什麼樣的體驗30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言