微信小程序(微信应用号因为苹果的原因改名为微信小程序)可谓是这几天最火的一个名词了,一经出现真是轰炸了整个开发人员,当然很多原生App开发人员有了一个担心,微信小程序的到来会不会给原生App带来一个寒冬,身为一个HTML开发者我是相信会来次地震。那么HTML前途是不是一片光明呢? 不管微信小程序是否能颠覆当今的开发格局,我们都要以好奇的心态去接收,去学习。不排斥新技术,所以,心动不如行动,先放一张Github上demo的动态图 微信小程序也给我们提供了开发工具、框架、组件、API,我简单的了解了一下,跟我想象的还是有些差距的。 首先,关于框架 小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。 框架提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,可以让开发者可以方便的聚焦于数据与逻辑上。这个WXML看着还是有点别扭的,因为我们之前写的都是HTML,CSS也改成了WXSS,以及基于 JavaScript 的逻辑层框架。 框架 的核心是一个响应的数据绑定系统。整个系统分为两块视图层(View)和逻辑层(App Service)框架 可以让数据与视图保持同步非常简单。当做数据修改的时候,只需要在逻辑层修改数据,视图层就会做相应的更新。 这些都能克服掉,就是不知道会不会发扬光大尼~~~~我个人觉得应该会的,不要问我为啥。。。。。 其次,关于组件 框架为开发者提供了一系列基础组件,开发者可以通过组合这些基础组件进行快速开发。这个就不多说了,大家都比我了解的还多,嘻嘻 再次,关于API api还是感觉挺强大的,封装的也特实用,个人感觉比ajax好用呐,调个不同的接口,传个参数就阔以了,他给我们提供了各种接口,如下: API列表: 网络 API 列表: [td]API | 说明 | wx.request | 发起网络请求 | wx.uploadFile | 上传文件 | wx.downloadFile | 下载文件 | wx.connectSocket | 创建 WebSocket 连接 | wx.onSocketOpen | 监听 WebSocket 打开 | wx.onSocketError | 监听 WebSocket 错误 | wx.sendSocketMessage | 发送 WebSocket 消息 | wx.onSocketMessage | 接受 WebSocket 消息 | wx.closeSocket | 关闭 WebSocket 连接 | wx.onSocketClose | 监听 WebSocket 关闭 |
媒体 API 列表: [td]API | 说明 | wx.chooseImage | 从相册选择图片,或者拍照 | wx.previewImage | 预览图片 | wx.startRecord | 开始录音 | wx.stopRecord | 结束录音 | wx.playVoice | 播放语音 | wx.pauseVoice | 暂停播放语音 | wx.stopVoice | 结束播放语音 | wx.getBackgroundAudioPlayerState | 获取音乐播放状态 | wx.playBackgroundAudio | 播放音乐 | wx.pauseBackgroundAudio | 暂停播放音乐 | wx.seekBackgroundAudio | 控制音乐播放进度 | wx.stopBackgroundAudio | 停止播放音乐 | wx.onBackgroundAudioPlay | 监听音乐开始播放 | wx.onBackgroundAudioPause | 监听音乐暂停 | wx.onBackgroundAudioStop | 监听音乐结束 | wx.chooseVideo | 从相册选择视频,或者拍摄 | wx.saveFile | 保存文件 |
数据 API 列表: [td]API | 说明 | wx.getStorage | 获取本地数据缓存 | wx.setStorage | 设置本地数据缓存 | wx.clearStorage | 清理本地数据缓存 |
位置 API 列表: [td]API | 说明 | wx.getLocation | 获取当前位置 | wx.openLocation | 打开内置地图 |
设备 API 列表: [td]API | 说明 | wx.getNetworkType | 获取网络类型 | wx.getSystemInfo | 获取系统信息 | wx.onAccelerometerChange | 监听重力感应数据 | wx.onCompassChange | 监听罗盘数据 |
界面 API 列表: [td]API | 说明 | wx.setNavigationBarTitle | 设置当前页面标题 | wx.showNavigationBarLoading | 显示导航条加载动画 | wx.hideNavigationBarLoading | 隐藏导航条加载动画 | wx.navigateTo | 新窗口打开页面 | wx.redirectTo | 原窗口打开页面 | wx.navigateBack | 退回上一个页面 | wx.createAnimation | 动画 | wx.createContext | 创建绘图上下文 | wx.drawCanvas | 绘图 | wx.hideKeyboard | 隐藏键盘 | wx.stopPullDownRefresh | 停止下拉刷新动画 |
开放接口: [td]API | 说明 | wx.login | 登录 | wx.getUserInfo | 获取用户信息 | wx.requestPayment | 发起微信支付 |
也能获取位置,还能打开内置地图 对于开发者来说,这可谓一大福利啊,爽的不要不要的,还有啥都使劲砸来,尽管放大招吧,期待中!
|