微信小程序开发规范文档-注意事项

  1. 一个页面的数据如果需要被其它页面修改,则把这个页面的数据放入storage里。
  2. 目录结构符号

    └ ┌ ┘ ┐ ┤ ├ ┴ ┬ ┼ │ ─

JS模块引入请使用import关键字,而非require,WXML引入模板用标签,WXSS使用@import语法,三者统一

所有方法和变量名称都使用小写camel模式,一般是动词+名词形式,尽量不要超过5个单词,如:getList,setBackImage

所有用到的常量的地方都使用全大写,下划线分隔的形式,如:EGG_CHE

使用this转换的地方,统一使用that,如:let that = this; 尽量使用箭头函数,可保留this指向

所有自定义方法(onLoad,onShow等系统方法除外)必须使用规范注释语法进行注释

在page和model里定义方法的时候,直接使用getList(){} 即可,中间可以不用加function关键字

代码精简

小程序声明周期函数里(onLoad,onReady,onShow,onHide,onUnload等)不要直接写复杂业务逻辑,复杂业务逻辑独立成方法,这里只负责方法调用。

modal

所有数据处理必须封装到model里面,包括url地址,参数格式化,返回结果格式化都放到model里面,在page里使用的时候,基本不用做过多数据处理,一般都直接setData皆可,model规范请参考前面的说明。

公用代码抽取

如果1个功能在超过一个地方出现,那请实现为公用组件,组件实现请参考前面的说明。

在WXML模板里,如果同时有2个循环中都使用到了同样的代码片段,请使用template的方式定义,然后直接使用即可,不能重复写.

空数据处理

所有地方都需要有对接口返回空数据的处理,界面上要有相应的提示和引导。

其它的可以定义规范的loading,成功失败提示等,这里不多说了.

原文地址:https://www.cnblogs.com/jianxian/p/12692223.html

时间: 2024-08-09 13:17:39

微信小程序开发规范文档-注意事项的相关文章

微信小程序开发规范文档-项目结构

*项目结构 project/ // 根目录 ├─ images/ // 图片/小图标 ├─ pages/ // pages目录 ├─ utils/ // 工具,包文件目录 ├─ app.js // 入口文件 ├─ app.wxss // 公共设置 ├─ app.json // 公共样式表 └─ project.config.json // 项目的编辑器配置 页面目录 1.由历史原因和个人习惯导致目录命名不统一,语义不清晰,不同成员在维护时难以快速识别. 目录命名应遵循以下规范: 尽量简短 采用英

1.微信小程序的帮助文档地址和微信IDE工具下载

小程序这股风吹了有两个月了,本月9号也即将正式发布,可能大家还没有见过小程序的真容,那老彭就带大家一块了解一下.老彭打算做小程序系列, 微信小程序帮助文档中心. https://mp.weixin.qq.com/debug/wxadoc/dev/?t=201714 打开链接,结果一目了然,微信提供了简易教程和体验程序. 微信小程序开发工具下载 https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201714 微信这

微信·小程序开发工具安装指南及注意事项

这两天闲来无事,也安装了 “微信折叠”的开发工具来玩一下.以下是一些小道消息及使用体验,过两天我会写一篇文章以开发者的角度来详细评价微信小程序: 微信小程序不能开发游戏类.直播类功能,小程序每个人关注的上限是20个(还不确定,不过我相信这是真的,这次公布的API里并没有视频组件.微信太大,苹果要有所顾忌,但是微信也要做出相应的让步) 微信目前有没有同苹果商谈好,还是个未知数,毕竟会对AppStore有一定的冲击. 抛弃了大量的javascript组件后,这个生态体系变得相当的封闭,微信解释肯定是

微信小程序开发入门教程

做任何程序开发要首先找到其官方文档,微信小程序目前还在邀请内测阶段,目前官方放出了部分开发文档,经过笔者一天的查看和尝试,感觉文档并不全面,但是通过这些文档已经能够看出其大概面貌了.闲话不多说,我们先来看看其有哪些官方文档. 微信公众平台开发者文档统一入口为:https://mp.weixin.qq.com/wiki,这里面大部分内容都是以前就有的,微信开发都是基于此份文档. 现在的变化是在这份文档的顶部加了一个“微信公众平台.小程序”的入口,这个入口才就是专门针对微信小程序开发的文档,如下图:

微信小程序开发心得

微信小程序也已出来有一段时间了,最近写了几款微信小程序项目,今天来说说感受. 首先开发一款微信小程序,最主要的就是针对于公司来运营的,因为,在申请appid(微信小程序ID号)时候,需要填写相关的公司认证信息如,营业执照等 再次就是用一个未曾开通过公众号的QQ号或微信号来注册一个微信小程序号. 最后,下载微信小程序开发工具. 由于这里,我们更多的关注如何去开发一些app,而不是科谱微信小程序,故在此不在过多的解释,详细的说明,可以去官网帮助文档. 首先,我们拿自己的项目在一步一步的说明并开发吧,

微信小程序开发入门与实践

基础知识---- MINA 框架 为方便微信小程序开发,微信为小程序提供了 MINA 框架,这套框架集成了大量的原生组件以及 API.通过这套框架,我们可以方便快捷的完成相关的小程序开发工作. MINA 框架提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,因此我们主要聚焦于数据与逻辑上. 响应的数据绑定 框架的核心是一个响应的数据绑定系统. 整个系统分为两块:视图层(View)和逻辑层(App Ser

微信小程序开发之录音机 音频播放 动画 (真机可用)

趁着周末用微信小程序做了个简易录音机.跟大家分享,欢迎批评! 老规矩,先几张图. 1.为了进来看得清楚.刚开始没有加载音频列表.代码往前挪一挪即可. 2.按住 录音按钮的时候会出现麦克风.中间的麦克风是个帧动画. 其实就是用js控制图片显示隐藏.没啥好说的.这里值得说一说的是录音.微信的录音API后,如果录音时间太短,会录音失败.所以fail的时候还是需要处理一下.录音时间的限制和微信语音是一样的.60秒. 3.我在录音完成后才加载列表. 下图就是从微信存储的文件里获取到的列表信息.有储存路径,

微信小程序开发入门(一),Nodejs搭建本地服务器

1.  如何模拟真实环境中,读取服务端数据,首先需要使用Nodejs搭建一个本地服务器的环境. 在搭建web服务器之前,需要先安装node.js(安装版本最好为6.9.x) 安装后node.js,接下来就需要安装http的镜像文件 npm install http-server -g(windows下)sudo npm install http-server -g(linux和mac下)接下来在桌面创建一个文件夹 cd 文件夹名字http-server这时候,就会显示在8080端口下运行的一个本

我们的微信小程序开发

基于微信小程序的系统开发准备工作 腾讯推出微信小程序也有一段时间了,在各种行业里面也都掀起一阵阵的热潮,很多APP应用被简化为小程序的功能迅速推出,同时也根据小程序的特性推出各种独具匠心的应用,相对传统的APP来说,微信小程序确实能够大大降低开发成本和难度,但也意味着需要掌握整个微信小程序的各种接口功能.应用场景等相关技术点,本篇随笔先从大的方面来介绍微信小程序开发的一些知识,如架构设计.技术路线 .工具准备等方面做一些浅薄的介绍,希望大家也有所收益,有所借鉴,则善莫大焉. 1.小程序的统一架构