<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ThinkChat2.0新版上線,更智能更精彩,支持會話、畫圖、視頻、閱讀、搜索等,送10W Token,即刻開啟你的AI之旅 廣告
                [TOC] # 介紹 # 核心概念 ## Observable (可觀察的物件) ## Observer (觀察者) ## Subscription (訂閱) ## Operators (操作符) ## Subject (主題) # Rxjs 運行方式 ## 建立可觀察事物 Observable ```js const clicks$ = rxjs.fromEvent(document, 'click'); ``` ## 進行操作符操作 ```js const { filter } = rxjs.operators; clicks$ = clicks$.pipe(filter(d => d.clientX < 1000)) // 多個操作連續操作 clicks$ = clicks$.pipe( filter(d => d.clientX < 1000), take(4) ) ``` ## 建立訂閱(訂閱 Observable 事物并自動建立觀察者) ```js const subs$ = clicks$.subscribe({next: (d) => console.log(d) }); // 簡寫形式: const subs$ = clicks$.subscribe(console.log); ``` ## 取消訂閱(Subscription) ```js subs$.unsubscribe(); ``` # 參考 [一小時入門RxJS,中文教學放心適用,講解非常棒](https://www.bilibili.com/video/BV1Mt4y127An?from=search&seid=15910065297616585878) https://www.youtube.com/watch?v=BA1vSZwzkK8 官網:https://rxjs-dev.firebaseapp.com/ 圖解rxjs: https://reactive.how/ [https://ultimatecourses.com/courses/rxjs](https://ultimatecourses.com/courses/rxjs) [Rxjs ultimate](https://legacy.gitbook.com/book/chrisnoring/rxjs-5-ultimate/details) https://www.jianshu.com/p/1a90e39ec658 https://www.learnrxjs.io/ https://legacy.gitbook.com/book/gianttoast/rxjs-observables/details [將RxJS融入React項目](https://segmentfault.com/a/1190000013141856) [30 天精通 RxJS](https://ithelp.ithome.com.tw/articles/10186103) [[譯] RxJS: 6個你必須知道的操作符](https://zhuanlan.zhihu.com/p/27997606)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看