小程序开发工具api(小程序开发工具使用)
本篇文章给大家谈谈小程序开发工具api,以及小程序开发工具使用对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
本文目录一览:
- 1、小程序开发工具有哪些
- 2、小程序底层简单剖析实现-API实现
- 3、微信小程序之原生API(下)
- 4、vscode开发小程序,如何与小程序开发工具同步代码
- 5、小程序没有对应的api
- 6、小程序云开发一些常用API
小程序开发工具有哪些
一、微信小程序官方开发工具
注意,它只是个工具,而不是一个IDE。官方工具中的代码编辑功能,就是将vscode的代码编辑功能嵌入到工具中,不足以支撑开发。【点击查看小程序开发底价】
二、即速应用
即速应用是起步较早、使用量较多、比较成熟的平台。大概是比较有钱,所以到处都能看到他们的广告,有时候我在百度中输入和小程序不相关的词,也会弹出即速应用的广告。在即速应用这个平台上画界面很容易,可以不怎么需要代码的功底。从组件界面来看,给用户的选择还是蛮多,但是模板比较固化,不能做太多修改定制。有些组件是VIP和SVIP级别的用户才能使用,也就是要收费。
三、Sublime Text 3
sublime text 3定位于代码编辑器而不是IDE,在代码提示方面只能算一般般,不过胜在使用起来非常方便。
四、WebStorm
WebStorm网上有个插件,可以实现代码提示,不能做调试和预览,
想要了解更多有关小程序开发的相关信息,推荐咨询猪八戒网。猪八戒网成立于2006年,是中国领先的企业服务平台,服务交易独角兽企业。猪八戒网现有注册用户2800万、在全国布局线下数字化创业园区超过100个。十余年来,累计有10万余个人通过平台孵化成长为公司,超过100万人通过平台实现灵活就业,千万企业通过平台解决专业服务需求;专业性值得选择。
小程序底层简单剖析实现-API实现
我们发现,小程序里面大部分API都是异步接口,这根它的双线程模型有很大关系。
以下举一个标准的异步接口 showToast 。
在logic层,我们调用了 showToast 方法:
实际上这接口发到 master 层去处理的:
考虑到我们的接口都是异步回调,在 master 层处理完毕后需要通知回 logic 层:
上面我们看到了一个 msgId,这是各层间传递信息标识的唯一id,而 logic 层还需要处理回调结果,我们完善一下:
在API调用的时候,把自身的回调函数缓存起来,等收到回调的信息时,执行相应的回调,再把缓存删掉。
在一些接口上,也能提供同步的接口,比如: getStorageSync 。
这个比较好理解,因为 localStorage 无论在父级页面或者iframe中都能取到,而且本身也是一个同步方法,所以可以在 master 层和 logic 层都实现一遍。
我们还发现,小程序的 setStorage 比 web 上的 localStorage 似乎可以写入的格式多一些,还支持Date格式类型,方法是通过写入JSON来实现,参照 LocalStorage
上一篇
微信小程序之原生API(下)
第65篇
极客时间《9小时搞定微信小程序开发》第五课:原生API。
小程序API最后一部分,课程中没有详细去讲,因为当时开放的API还没有现在这么多,而且这部分API偏于后台控制,大多是后期逐步新增的。
wx.getUpdateManager 获取 全局唯一 的版本更新管理器,用于管理小程序更新
UpdateManager对象用来管理更新,有强制小程序重启并使用新版本、监听小程序版本更新事件等方法。
一些异步处理的任务,可以放置于 Worker 中运行,待运行结束后,再把结果返回到小程序主线程。Worker 运行于一个单独的全局上下文与线程中,不能直接调用主线程的方法。
Worker 最大并发数量限制为 1 个,创建下一个前需要结束当前 Worker;Worker 与主线程之间的数据传输,双方使用 Worker.postMessage()来发送数据,Worker.onMessage()来接收数据,传输的数据并不是直接共享,而是被复制的。
wx.reportMonitor,自定义业务数据监控上报接口,最多可以创建128个监控事件
监听或取消监听小程序切换前后台、错误事件
wx.canIUse:判断小程序的API,回调,参数,组件等是否在当前版本可用
绘图相关的API,主要是对CanvasContent对象的使用,实现各种颜色、线条、内容填充的控制
可以用以下几种方式来表示 canvas 中使用的颜色:
RGB 颜色: 如 'rgb(255, 0, 0)'
RGBA 颜色:如 'rgba(255, 0, 0, 0.3)'
16 进制颜色: 如 '#FF0000'
预定义的颜色: 如 'red'
其中预定义颜色有148个: 自定义颜色
调试开关和日志管理器的API,console可以向调试面板打印debug\error\info\log\warn共5类日志,logmanager最多保存5M的日志内容,超过5M后,旧的日志内容会被删除。
获取第三方平台的自定义的数据字段。小程序运营者可以一键授权给第三方平台,通过第三方平台完成业务。
第三方平台有单独的说明,参见: 第三方平台
创建 map 上下文 MapContext 对象,MapContext实现以下功能
对小程序框架中的路由控制进行扩充,实现关闭页面后返回或跳转到其他页面的操作。
对小程序转发功能的控制,就是小程序右上角关闭按钮旁边3个小白点里的『转发』。
获取系统信息,主要包括以下信息:
设定或取消定时器,按照指定周期或在定时到期之后执行注册的回调函数
IntersectionObserver 对象,用于推断某些节点是否可以被用户看见、有多大比例可以被用户看见
SelectorQuery,查询节点信息的对象
小程序开发框架提供的API变得越来越多,通过这些微信原生的API,可以快速方便的调用微信的能力,比如文件的控制、图片视频的控制、数据的缓存、微信支付等,从而实现更加复杂多样的业务。
vscode开发小程序,如何与小程序开发工具同步代码
一、首页可以用小程序开发工具先创建好项目,或者是用vscode去创建也可
二、用vscode打开创建好的项目
三、在vscode中安装几个小程序插件即可
1、搜索安装vscode weapp api,这是小程序的语法结构api
2、安装vscode wxml这个插件,主要是针对wxml文件的
3、安装vscode-wechat这个插件
4、安装一下Easy WXLESS,是针对wxss文件的
以上安装好插件之后,在vscode里面编辑小程序项目,保存即可同步到小程序开发工具中啦!
这样在vscode中也可以使用小程序的api啦~
小程序没有对应的api
微信小程序API(Application Programming Interface),应用程序编程接口,也是程序员口中常说的接口。其实api并不专属于小程序,任何编程语言或程序形态都有相对应的api。而我们今天谈的小程序api,是微信小程序团队为了方便开发人员制作开发小程序,而将一些常用的,或者底层的方法进行封装,并提供给开发人员使用的程序接口。
微信小程序是属于相对封闭的一个环境,获取或通知外部的程序,或者使用小程序内部的功能,都必须要经过小程序的api调用来实现。
小程序云开发一些常用API
初始化时调用
获取集合对象
❌错误写法
✅正确写法:
collection
.doc("28ee4e3e60de767c26f0922f1915b1c9")
.update({
data:{
age:28,
scroe:100
}
}).then(res={
console.log(res)
}).catch(err={
console.log(err)
})
collection.doc("28ee4e3e60de767c26f0922f1915b1c9")
.remove().then(res={
console.log(res)
}).catch(err={
console.log(err)
})
collection.where({
_openid:this.data.openid
}).get().then(res={
this.setData({
queryResult: JSON.stringify(res.data, null, 2)
})
}).catch(err={
console.log(err)
})
db.collection('todos')
.where({
_openid: 'xxx', // 填入当前用户 openid
})
.skip(10) // 跳过结果集中的前 10 条,从第 11 条开始返回
.limit(10) // 限制返回数量为 10 条
.get()
.then(res = {
console.log(res.data)
})
.catch(err = {
console.error(err)
})
//使用查询指令查询数据 gte(20) 大于20 . lt(20)小于20
const cmd = db.command;
collection.where({
age:cmd.gte(20)
}).get()
.then(res={
console.log(res)
}).catch(err={
console.log(err)
})
//使用正则查询
collection.where({
name:db.RegExp({
regexp:"^li.*",
options:"i"
})
}).get()
.then(res={
console.log(res)
})
//开启监听房间变化
db.collection("chatroom").where({
groupid:"110"
}).watch().then(res={
console.log(res)
}).catch(err={
console.log(err)
})
//发送消息
db.collection("chatroom").add({
data:{
groupid:"110",
message:"吃了吗"
}
}).then(res={
console.log(res)
}).catch(err={
console.log(err)
})
关于小程序开发工具api和小程序开发工具使用的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。