【小程序】小程序消息队列的封装
消息队列在支付宝小程序中,由于并发数量的限制,同时发送多个请求的话,有可能会造成请求的丢失,因此封装一个消息队列,对超过5条的进行中请求做排队处理。 代码实现如下: 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374const MAX_COUNT = 5class Alipay { static queue = [] static count = 0 // 收到请求,放到队列 static http (options = {}) { return new Promise((resolve, reject) => { // console.log('入队') this.queue.push({ options, ...
【工具】支付宝小程序anymock的使用
在前后端分离开发的过程中,经常使用mock来进行开发,这方面的工具有在项目代码中开发环境下引入mockjs来做mock服务,或是使用线上mock服务平台如rap、apizza等。这些服务最大的一个问题是,要么全部接口启用mock,要么全部接口不使用mock。如果是在新项目比较方便,但是对于半路接手的项目,显然全部设置一遍mock是不现实的。 在web项目中,可以在开发环境引入mockjs,对某些接口做拦截,而非单独起一个mock服务域名。在支付宝小程序中,可以使用anymock服务。 新版本的开发工具中,新增了一个anymock的按钮,点击可以看到一个配置界面。点击前往anymock平台并登陆,可以配置项目mock代码。anymock不需要设置全部接口mock,而是对设置了mock的接口返回mock数据,对找不到mock数据的接口正常请求,这样,更方便我们在新迭代中开发。 anymock登录后,可以创建一个项目,复制token填入开发工具。 进入项目,可以创建接口,类型选择http,填入接口path,选择接口类型并保存。 可以看到,一个接口可以创建多个mock数据来选择。 ...
【规范】前端团队代码规范及git提交检测
在团队开发中,需要对代码风格进行统一;同时,好的代码风格也有利于阅读和维护。下面从ide和eslint的配置,以及git-commit预检测来介绍。 VSCODE配置现在vscode使用最多,其他编辑器也可类似配置。 editorconfigvscode本身可以设置tab转换为空格。使用editorconfig可以更方便的对项目和文件做不同的配置。VSCODE可以安装editorconfig插件,然后在项目根目录新建一个.editorconfig文件。 123456789root = true[*]indent_style = spaceindent_size = 2charset = utf-8trim_trailing_whitespace = falseinsert_final_newline = true 这里可以在下面最近文件类型,比如设置java和python的tab为4个空格,而js的tab为2个空格。 eslinteslint是一个代码的强约束,通过一系列规则来严格控制团队代码风格。在官网可以看到详细的规则列表。 在项目中安装eslint,可以通过命令行进行校验...