babel转码

2017-04-20

babel-cli

babel-node

babel-register

babel-core

babel-polyfill

babel-standalone

REPL在线编译器在线转换

ESLint 和 Mocha

Traceur转码器

展开全文 >>

datepicker插件封装

2017-04-18

fork me on github

datepicker插件的封装，不依赖任何第三方库，纯原生js编写。

目录结构

|datepicker
|—-|css
|——-datepicker.css
|—-|js
|——-datepicker.js
|——-main.js
|—–index.html

展开全文 >>

微信蓝牙连接心率设备实时显示心率数据

2017-04-10

项目级别：demo
项目背景：微信新出蓝牙接口，fizzo公司生产的心率设备有连接微信的需求，需要我做一个demo

话不多说，上代码（只开放了js的代码）：

搜索设备

/**
 * 搜索设备
 **/
Page({
     data: {
         logs: [],
         list: []
     },
     onLoad: function () {
         console.log('onLoad');
         var that = this;
         wx.openBluetoothAdapter({
             success: function (res) {
                 // success
                 console.log("-----success----------");
                 console.log(res);
                 wx.startBluetoothDevicesDiscovery({
                     services: [],
                     success: function (res) {
                         // success
                         console.log("-----startBluetoothDevicesDiscovery--success----------");
                         console.log(res);
                     },
                     fail: function (res) {
                         // fail
                         console.log("-----startBluetoothDevicesDiscovery--fail----------");
                         console.log(res);
                     },
                     complete: function (res) {
                         // complete
                         console.log("-----startBluetoothDevicesDiscovery--complete----------");
                         console.log(res);
                     }
                 })
             },
             fail: function (res) {
                 console.log("-----fail----------");
                 // fail
                 console.log(res);
             },
             complete: function (res) {
                 // complete
                 console.log("-----complete----------");
                 console.log(res);
             }
         });
         wx.getBluetoothDevices({
             success: function (res) {
                 // success
                 //{devices: Array[11], errMsg: "getBluetoothDevices:ok"}
                 console.log("-----getBluetoothDevices--success----------");
                 console.log(res);
                 that.setData({
                     list: res.devices
                 });
                 console.log(that.data.list);
             },
             fail: function (res) {
                 // fail
                 console.log("-----getBluetoothDevices--fail----------");
             },
             complete: function (res) {
                 // complete
                 console.log("-----getBluetoothDevices--complete----------");
             }
         })
     },
     onShow: function () {
     },
     //点击事件处理
     bindViewTap: function (e) {
         console.log(e.currentTarget.dataset.deviceid);
         console.log(e.currentTarget.dataset.name);
         console.log(e.currentTarget.dataset.advertisdata);
         var deviceId = e.currentTarget.dataset.deviceid;
         var name = e.currentTarget.dataset.name;
         wx.redirectTo({
             url: '../conn/conn?deviceId=' + deviceId + '&name=' + name,
             success: function (res) {
                 // success
                 console.log("-----redirectTo--success----------");
             },
             fail: function (res) {
                 // fail
                 console.log("-----redirectTo--fail----------");
             },
             complete: function (res) {
                 // complete
                 console.log("-----redirectTo--complete----------");
             }
         })
     }
 });

展开全文 >>

再谈 CSS 预处理器

2017-04-07

再谈 CSS 预处理器

展开全文 >>

微信小程序蓝牙demo

2017-04-01

//hr.js
Page({
    data: {
        hr: '--'
    },
    onLoad: function () {
    },
    onShow: function () {
        /*流程：先初始化蓝牙适配器，然后获取本机蓝牙适配器的状态，然后开始搜索，当停止搜索以后在开始搜索，就会触发蓝牙是配置状态变化的事件，搜索完成以后获取所有已经发现的蓝牙设备，就可以将devices中的设备Array取出来了。*/
        this.openBluetooth();
        this.getBluetoothAdapterState();
        this.startBluetoothDevicesDiscovery();
        this.stopBluetoothDevicesDiscovery();
        this.startBluetoothDevicesDiscovery();
        this.onBluetoothAdapterStateChange();
        this.getBluetoothDevices();
        this.onBluetoothDeviceFound();
    },
    // 初始化蓝牙适配器
    openBluetooth: function () {
        wx.openBluetoothAdapter({
            success: function (res) {
                console.log('获取本机蓝牙适配器状态 res:' + JSON.stringify(res));
                wx.showToast({
                    title: "初始化蓝牙适配器成功",
                    duration: 2000
                });
            },
        })
    },
    // 关闭蓝牙模块
    closeBluetooth: function () {
        wx.openBluetoothAdapter();
        wx.closeBluetoothAdapter({
            success: function (res) {
                console.log("关闭蓝牙模块 res:" + JSON.stringify(res))
            }
        });
    },
    // 获取本机蓝牙适配器状态
    getBluetoothAdapterState: function () {
        wx.getBluetoothAdapterState({
            success: function (res) {
                console.log('获取本机蓝牙适配器状态 res:' + JSON.stringify(res));
            }
        });
    },
    // 监听蓝牙适配器状态变化事件
    onBluetoothAdapterStateChange: function () {
        wx.onBluetoothAdapterStateChange(function (res) {
            console.log('监听蓝牙适配器状态变化事件 res:' + JSON.stringify(res));
        });
    },
    // 开始搜寻附近的蓝牙外围设备
    startBluetoothDevicesDiscovery: function () {
        wx.startBluetoothDevicesDiscovery({
            success: function (res) {
                console.log('开始搜寻附近的蓝牙外围设备 res:' + JSON.stringify(res));
            }
        });
    },
    // 停止搜寻附近的蓝牙外围设备
    stopBluetoothDevicesDiscovery: function () {
        wx.stopBluetoothDevicesDiscovery({
            success: function (res) {
                console.log('停止搜寻附近的蓝牙外围设备 res:' + JSON.stringify(res));
            }
        });
    },
    // 获取所有已发现的蓝牙设备
    getBluetoothDevices: function () {
        wx.getBluetoothDevices({
            success: function (res) {
                console.log('获取所有已发现的蓝牙设备 res:' + JSON.stringify(res));
            }
        });
    },
    // 监听寻找到新设备的事件
    onBluetoothDeviceFound: function () {
        wx.onBluetoothDeviceFound(function (res) {
            console.log('监听寻找到新设备的事件 res:' + JSON.stringify(res));
        });
    },
    // 根据 uuid 获取处于已连接状态的设备
    getConnectedBluetoothDevices: function () {
        wx.getConnectedBluetoothDevices({
            success: function (res) {
                console.log('根据 uuid 获取处于已连接状态的设备 res:' + JSON.stringify(res));
            }
        });
    },
    // 连接低功耗蓝牙设备
    createBLEConnection: function () {
        wx.createBLEConnection({
            deviceId: 'AC:BC:32:C1:47:80',
            success: function (res) {
                console.log(JSON.stringify(res))
            },
            fail: function (res) {
            },
            complete: function (res) {
            }
        })
    },
    // 断开与低功耗蓝牙设备的连接
    closeBLEConnection: function () {
        wx.closeBLEConnection({
            deviceId: 'AC:BC:32:C1:47:80',
            success: function (res) {
                console.log(JSON.stringify(res))
            }
        })
    },
    // 监听低功耗蓝牙连接的错误事件，包括设备丢失，连接异常断开等等
    onBLEConnectionStateChanged: function () {
        wx.onBLEConnectionStateChanged(function (res) {
            console.log(`device ${res.deviceId} state has changed, connected: ${res.connected}`)
        })
    },
    // 获取蓝牙设备所有 service（服务）
    getBLEDeviceServices: function () {
        wx.getBLEDeviceServices({
            deviceId: '48:3B:38:88:E3:83',
            success: function (res) {
                console.log('device services:', res.services.serviceId)
            },
            fail: function (res) {
            },
            complete: function (res) {
            }
        })
    },
    // 获取蓝牙设备所有 characteristic（特征值）
    getBLEDeviceCharacteristics: function () {
        wx.getBLEDeviceCharacteristics({
            deviceId: '48:3B:38:88:E3:83',
            serviceId: 'serviceId',
            success: function (res) {
            },
            fail: function (res) {
            },
            complete: function (res) {
            }
        })
    },
    // 读取低功耗蓝牙设备的特征值的二进制数据值。
    readBLECharacteristicValue: function () {
        wx.readBLECharacteristicValue({
            deviceId: deviceId,
            serviceId: serviceId,
            characteristicId: characteristicId,
            success: function (res) {
                console.log('readBLECharacteristicValue:', res.characteristic.value)
            }
        })
    },
    // 向低功耗蓝牙设备特征值中写入二进制数据。
    writeBLECharacteristicValue: function () {
        // 向蓝牙设备发送一个0x00的16进制数据
        let buffer = new ArrayBuffer(1)
        let dataView = new DataView(buffer)
        dataView.setUint8(0, 0)
        wx.writeBLECharacteristicValue({
            deviceId: deviceId,
            serviceId: serviceId,
            characteristicId: characteristicId,
            value: buffer,
            success: function (res) {
                console.log('writeBLECharacteristicValue success', res.errMsg)
            }
        })
    },
    // 监听低功耗蓝牙设备的特征值变化。必须先启用notify接口才能接收到设备推送的notification。
    onBLECharacteristicValueChange: function () {
        console.log(`characteristic ${res.characteristicId} has changed, now is ${res.value}`);
    },
    // 启用低功耗蓝牙设备特征值变化时的 notify 功能。
    notifyBLECharacteristicValueChanged: function () {
        wx.notifyBLECharacteristicValueChanged({
            state: true,
            deviceId: deviceId,
            serviceId: serviceId,
            characteristicId: characteristicId,
            success: function (res) {
                console.log('notifyBLECharacteristicValueChanged success', res.errMsg)
            }
        })
    }
})

展开全文 >>