小程序基础库是一个支持小程序开发的基础库,它提供了一套完整的API,可以帮助开发者快速开发出功能丰富、性能优良的小程序。
小程序基础库包含了微信官方推出的多个API,如小程序界面、数据存储、设备信息、地理位置、文件上传/下载、图片处理、音频/视频处理、实时音视频通话、扫一扫/二维码识别、微信支付/卡券/会员卡/门店服务 等。
// 小程序界面API wx.navigateTo({url: 'test?id=1'}) // 跳转到 test 页面,并传递参数 id=1 wx.redirectTo({url: 'test?id=1'}) // 重定向到 test 页面,并传递参数 id=1 wx.switchTab({url: 'test'}) // 切换到 tabBar 配置中的 test 页面 wx.navigateBack() // 返回上一个页面
此外,小程序基础库还包含了微信官方推出的其他有用的API,如画布 API 和 WebSocket API 等。画布 API 支持在小程序中使用 canvas 绘图;WebSocket API 支持在小程序中使用 WebSocket 进行实时数据通信。
// 画布 API const ctx = wx.createCanvasContext('myCanvas') // 创建 canvas 画布对象 ctx.setStrokeStyle('#00ff00') // 设置画布样式 ctx.moveTo(0, 0) // 移动画布位置 ctx.lineTo(300, 300) // 画直线 ctx.stroke() // 渲染当前图形 // WebSocket API const socketOpen = false // 判断 websocket 是否已连接 const socketMsgQueue = [] // websocket 消息存储数组 wx.connectSocket({ // 连接 websocket 服务端 url: 'wss://example.com', success () {socketOpen = true} // 连接成功将 socketOpen 赋值 true fail () {console.log('websocket连接失败')} // 连接失败打印日志 }) wx.onSocketMessage(function (res) { // 接受服务端返回的数据 console.log('socket message:', res) // 打印日志 if (socketOpen) {socketMsgQueue.push(res)} // 如已连上将数据存入 socketMsgQueue 数组 }) wx.closeSocket() // 关闭 websocket 连接
console.log 方法用于在 console 窗口输出信息。它可以接受多个参数,将它们的结果连接起来输出。
以上属性的具体使用请参考 ES5 标准。
以上方法的具体使用请参考 ES5 标准。
示例代码:
console.log(undefined === JSON.stringify());
console.log(undefined === JSON.stringify(undefined));
console.log("null"===JSON.stringify(null));
console.log("111"===JSON.stringify(111));
console.log(""111""===JSON.stringify("111"));
console.log("true"===JSON.stringify(true));
console.log(undefined===JSON.stringify(function(){}));
console.log(undefined===JSON.parse(JSON.stringify()));
console.log(undefined===JSON.parse(JSON.stringify(undefined)));
console.log(null===JSON.parse(JSON.stringify(null)));
console.log(111===JSON.parse(JSON.stringify(111)));
console.log("111"===JSON.parse(JSON.stringify("111")));
console.log(true===JSON.parse(JSON.stringify(true)));
console.log(undefined===JSON.parse(JSON.stringify(function(){})));
以上属性的具体使用请参考 ES5 标准。
以上属性的具体使用请参考 ES5 标准。
以上属性的具体使用请参考 ES5 标准。
以上方法的具体使用请参考 ES5 标准。
EditorContext基础库 2.7.0 开始支持,低版本需做兼容处理。EditorContext 实例,可通过wx.createSelectorQuery获取。EditorCont...
绘图接口和方法canvasContext.createLinearGradient定义创建一个线性的渐变颜色。Tip: 需要使用addColorStop()来指定渐变点,至...
绘图接口和方法canvasContext.lineTo定义lineTo方法增加一个新点,然后创建一条从上次指定点到目标点的线。Tip: 用stroke()方法...
绘图接口和方法canvasContext.setTextAlign 基础库版本 1.1.0 开始支持,低版本需做兼容处理定义用于设置文字的对齐参数参数类型...