野狗API的初步使用

作爲一名熱愛探索的的前端工程師,業餘時間的追求一點點新技術也是日常便飯。衆裏尋他千百度,在偶然的機會下,我遇到了你,第一次看到你的官方網頁



我就愛上了你,就想探索你。簡約的官方風格,不高調,不奢華,有着和谷歌般的設計規則。我甚至喜歡,然後就迫不及待的註冊開發你。



因此好不猶豫的註冊了你,並新建了2個appid。
我是前端程序員,理想是做一個全棧工程師,不能成爲全棧工程師,也願意做一名全乾工程師。可惜後端不會,但是野狗可以。這個爲開發提供方便的數據存儲方式,並可以實時通信,太牛逼了。於是就開發了第一個利用野狗的小程序。聊天室,





這是註冊頁面,每個人都有唯一的id好,隨機的註冊後進入調用野狗實例的頁面



進入裏面就可以聊天了,當您已經註冊了,就可以直接進去聊天。用的localStorage存儲用戶信息



利用野狗api可以查詢自己所需要的數據,同時可以刪除自己想要的數據,對於不會開發服務器的後端人員,提供了極大的方便。同時運行速度很快,差不多比cdn上的數據還快點。很是牛逼
var ref = new Wilddog("https://john.wilddogio.com/");
主要api有


```
請輸入代碼


    ```ref.on("value", function(snapshot) {
                            $(".commentDiv").empty();
                            var count = 0;
                            snapshot.forEach(function(item) {
                                if (item.child("nicname").val() == userName) {
                                    count++;
                                    $(".commentDiv").append('<p class="' + item.key() + '">' + item.child("nicname").val() + ':' + item.child("sayword").val() + '</p>');
                                }
                            })
                            if (count == 0) {
                                $(".commentDiv").append('<p style="margin-top:100px;width:100%;text-align:center" class="noRecord">' + '沒有這個人的記錄</p>')
                            }
                            ref.off("value");
                    


```這是刪除


     ref.on('child_removed', function(snapshot) {
                    console.log("=============child_removed==========================");
                    console.log(snapshot.child("sayword").val());
                    $("p." + snapshot.key()).remove();
                });


```
github地址:http://holidaying.github.io/widdog/comment.html。請大家批評指出。
同時野狗公衆號我也一直關注者,不得不說野狗推送的文章都是乾貨。

幾乎野狗推送的文章,我都看過,每天早上上班的時候,公交車裏打開的訂閱號看到的文章也是你。在前端的路上
我會一直支持你們,希望你們的產品越來越多的人知道,希望你們能幫助更多的人。









       
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章