当前位置: 首页 > news >正文

小程序编码规范

wxss:class类名必须以字母开头命名,且全部字母为小写,单词之间用下划线"_"连接,且祖先模块不能出现下划线。

<div class="modulename">
  <div class="modulename_info">
    <div class="modulename_son"></div>
    <div class="modulename_son"></div>
      ...
    </div>
</div>

若子孙模块超过4级或以上,应考虑在祖先模块内用具有辨识性的独立缩写作为新的子孙模块;

<div class="modulename">
  <div class="modulename_cover"></div>
  <div class="modulename_info">
  <div class="modulename_info_user">
    <div class="modulename_info_user_img">
      	<img src="" alt="">
      	<!-- 这个时候 miui 为 modulename_info_user_img 首字母缩写-->
      	<div class="miui_tit"></div>
      	<div class="miui_txt"></div>
      	...
    </div>
  </div>
  <div class="modulename_info_list"></div>
</div>

js:生命周期函数放前面,自定义函数放在生命周期函数后面,函数之间相隔一行,方法名采用驼峰命名

 onHide: function (e) {
  },

  /**
  * xxxx
  */
  onUnload:function(){
  },

  /**
  * 函数之间相隔一行
  * 自定义函数放在生命周期函数的后面
  */
  selfDefinedFunc: function(){
    
  }

注释放在代码上面(上一行),或者后面(下一行),但不要放在代码后面

// (协议中)接收到的时间段总数
var loop;

# 错误示例
var log; // 注释

变量:采用驼峰命名法;
文件名:采用小写方式,单词之间以下划线"_"隔开。

相关文章:

  • Web前端防抖与节流的那些事
  • HTTP与TCP的区别和联系
  • ES6:箭头函数
  • 十分钟教你弄懂深浅拷贝
  • 一篇文章教你弄懂到底什么是BFC
  • <template>标签的用法
  • JS获取JSON字符串的几种方式
  • JS关于定义函数的区别(为啥推荐第二种方式)
  • 关于对JS立即执行函数(function(){...})()的深度理解
  • 10分钟Canvas从入门到实践
  • e.target与e.currentTarget的区别
  • 解决:微信小程序饼状图组件层级过高覆盖在日历选择器上
  • JS中数组splice方法使用需要注意的点
  • JS中for,for...in,for...of和forEach的用法和区别
  • JSON.parse和JSON.stringify的用法
  • 【Leetcode】101. 对称二叉树
  • [Vue CLI 3] 配置解析之 css.extract
  • 2017年终总结、随想
  • JavaScript DOM 10 - 滚动
  • JavaScript创建对象的四种方式
  • java多线程
  • log4j2输出到kafka
  • PHP 的 SAPI 是个什么东西
  • Quartz实现数据同步 | 从0开始构建SpringCloud微服务(3)
  • Spring Cloud中负载均衡器概览
  • SpringBoot几种定时任务的实现方式
  • Travix是如何部署应用程序到Kubernetes上的
  • 从setTimeout-setInterval看JS线程
  • 利用阿里云 OSS 搭建私有 Docker 仓库
  • 如何在 Tornado 中实现 Middleware
  • 实现菜单下拉伸展折叠效果demo
  • 使用 Node.js 的 nodemailer 模块发送邮件(支持 QQ、163 等、支持附件)
  • 一份游戏开发学习路线
  • No resource identifier found for attribute,RxJava之zip操作符
  • Java总结 - String - 这篇请使劲喷我
  • k8s使用glusterfs实现动态持久化存储
  • (145)光线追踪距离场柔和阴影
  • (Pytorch框架)神经网络输出维度调试,做出我们自己的网络来!!(详细教程~)
  • (亲测)设​置​m​y​e​c​l​i​p​s​e​打​开​默​认​工​作​空​间...
  • (未解决)jmeter报错之“请在微信客户端打开链接”
  • (转)如何上传第三方jar包至Maven私服让maven项目可以使用第三方jar包
  • .NET Core 将实体类转换为 SQL(ORM 映射)
  • .NET Framework 服务实现监控可观测性最佳实践
  • .net FrameWork简介,数组,枚举
  • .Net Memory Profiler的使用举例
  • .net mvc actionresult 返回字符串_.NET架构师知识普及
  • .so文件(linux系统)
  • @SpringBootApplication 包含的三个注解及其含义
  • @transactional 方法执行完再commit_当@Transactional遇到@CacheEvict,你的代码是不是有bug!...
  • []我的函数库
  • [Angular] 笔记 8:list/detail 页面以及@Input
  • [Bada开发]初步入口函数介绍
  • [C#]C# winform部署yolov8目标检测的openvino模型
  • [C++提高编程](三):STL初识
  • [CareerCup][Google Interview] 实现一个具有get_min的Queue