小程序代码规范

最近参加了一个小程序开发大会，不知道小程序会不会成为下一个风口，所以赶紧学习了一下，今天先带大家了解小程序最基础的开发规范。

1.css规范
小程序在开发过程中布局使用flex布局，单位用rpx字体使用px，css命名用 - 作为单词分隔符。

css命名示例

    v-image{
      disaplay: flex;
      flex-dirextion: row
      width: 100rpx;
      font-size: 14px;
    }

2.js规范
js命名用驼峰命名,JS语句无需以分号结束，统一省略分号JS中一致使用反引号 ``或单引号' ' , 不使用双引号。WXML、CSS、JSON中均应使用双引号。点击事件规范,事件函数命名方式为 on + 事件名或者业务名

js命名示例

    async onGetList() {
        let imageContent =  'js中使用单引号'
      .....
    }

props传入值，后面如果需要修改的化，再data中重新命名变量前面添加 _ 下划线作为区分

   props = {
        list: {
            type: Object,
            default: []
        }
    };
   data={
       _list:[],
   }

回调函数统一使用Promise函数的方式进行编写，回调成功的参数统一为res，错误参数为err

       // promise 处理回调
       let back = new Promise((resolve, reject) => {
         if (/* 异步操作成功 */){
           resolve(value);
         } else {
           reject(error);
         }
       });
       
       back.then((res) => {
           console.log('成功回调！', res);
       }).catch((err) => {
           console.log('失败回调！', error);
       });

OK，小程序需要了解的基本的代码规范就先介绍到这里了。