JSAPI环境准备及调用问题

老实说，官方提供的JSAPI DEMO，我是看不懂怎么准备环境和怎么调用的。
例如：
<button class="btn btn-block btn-default J_method_btn" data-method="device.notification.alert" data-param='{"message": "亲爱的", "title": "提示", "buttonName": "收到"}'>弹窗alert</button>


我按照开发说明开发自己的页面：
//环境准备：

var ddConfig = {};
ddConfig.appId = "5875796";
...
ddConfig.jsApiList = ['device.notification.alert',
        'device.notification.confirm',
        'device.notification.alert',
        'device.notification.prompt',
        'biz.chat.chooseConversation',
        'biz.ding.post'];


//在页面初始化函数中写：
    dd.config(ddConfig);


    dd.ready(function () {
        alert('dd ready');


        document.addEventListener('pause', function () {
            alert('pause');
        });


        document.addEventListener('resume', function () {
            alert('resume');
        });
         ...
    });


    dd.error(function (err) {
        alert('dd error: ' + JSON.stringify(err));
    });


问题1：运行后没有显示'dd ready'，我相信环境配置的参数是没有问题的，我检查过。


然后，页面通过一个按钮调用JSAPI：
    dd.device.notification.alert({

        message: "亲爱的",
        title: "提示", //可传空
        buttonName: "收到",
        onSuccess: function () {
            alert("返回！");
        },
        onFail: function (err) { }
    });


没有任何反应！


所以：
1.我的环境准备是否有什么问题？正确的应该怎样写？
2.我自己的页面要调用JSAPI，应该怎么写？能否给个一般的通过JS调用的例子，而不是上面看不太懂的？