野狗API的初步使用

来源:互联网 发布:各种排序算法比较 编辑:程序博客网 时间:2024/05/01 20:08
作为一名热爱探索的的前端工程师,业余时间的追求一点点新技术也是日常便饭。众里寻他千百度,在偶然的机会下,我遇到了你,第一次看到你的官方网页



我就爱上了你,就想探索你。简约的官方风格,不高调,不奢华,有着和谷歌般的设计规则。我甚至喜欢,然后就迫不及待的注册开发你。



因此好不犹豫的注册了你,并新建了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。请大家批评指出。
同时野狗公众号我也一直关注者,不得不说野狗推送的文章都是干货。

几乎野狗推送的文章,我都看过,每天早上上班的时候,公交车里打开的订阅号看到的文章也是你。在前端的路上
我会一直支持你们,希望你们的产品越来越多的人知道,希望你们能帮助更多的人。









       
0 0
原创粉丝点击