热词推荐:
当前位置:首页 > 技术文章 > VUE >

WEPY学习笔记

作者:欧欧 来源:风者信息科技 发布时间:2022-07-23

(一)

小程序角色分为资源专员和网销专员:根据Storage里的字段isResourceNew进行修改区分,true为资源专员,false则为网销专员。

(二)

获取枚举值使用为按需引入:在onLoad方法里异步加载枚举数据

1.png

(三)pre/test环境发包流程:

1.拉取pre/test分支;

2.将自己的分支合并到pre/test分支;

3.运行打包命令:yarn run pre/test;

4.将打包后的文件weapp,发给测试人员;

  (四)git 分支创建规则:

需求:feature-需求名-日期 如: feature-merge_1.4.5-0809
bug修改:fixBug-说明-日期 如: fixBug-order_detail-0826

(五)上线流程:

1.新建上线分支:master-release-上线日期 如: master-release-0622;

2.把应上线项目合到master-release-0622分支;

3.上线后隔天早上将master-release-0622分支合并到master;

4.如需回退,回退到master分支;

(六)接口读取方式:

1.使用async/await异步加载方式;

2.使用try...catch语句,如有异常则抛出异常;

3.添加loading等待状态,末尾结束;


async 方法名() {
      try {
        wx.showLoading({
          title: 'xxx',
        });
        const res = await 接口名(); 
        if (res.code===200 && res.data) {
          逻辑:xxx
        } else {
          throw new Error(res.msg);
        }
      } catch (e) {
        wx.showToast({
          title: ’xxx‘,
          icon: 'xxx',
        });
      }
      wx.hideLoading(); 
}


(七)遇到空格报错bug解决方式:

修改node_modules -> @wepy -> cli -> core->util ->xmllint.js 'space-tab-mixed-disabled': false,

(八)公共样式

文件位置:src->  styles-> common.less

写样式前,观察公共样式是否有存在,使用公共样式避免代码冗余。

(九)图标使用方式

1.页面内使用图标方式

页面直接使用icon名称,如: <text class="iconfont iconweixin"></text>

2.组件内使用图标方式

2.1 组件引入全局样式:@import '~@/styles/common';

2.2 新建一个类选择器如:<text class="iconshuaxin2">

在类选择器里面使用全局样式 .iconfont


.iconshuaxin2{
    cursor: pointer;
    .iconfont('\e718' , 36rpx);
}


(十)EventBus 事件总线

1.页面内使用EventBus

在onLoad方法里接收事件:EventBus.$on

在onUnload方法里移出事件监听:EventBus.$off

在页面之间进行通信:EventBus.$emit

2.组件内使用EventBus

在ready方法里接收事件:EventBus.$on

在detached方法里移出事件监听:EventBus.$off

(十二)真机调试

在测试环境中,包的大小超过2MB,无法进行真机调试。

需要运行命令:yarn run build:test

(十三)字符串拼接

使用ES6模板字符串写法

  (十四)配置权限

http://info.itsmycar.cn/index.html

一.在润祥捷新零售平台的菜单管理新增权限

1.设置中心->系统管理->菜单管理

2.菜单编号唯一

二.在宜买车新零售平台的角色管理为角色配置权限

1.设置中心->权限管理→角色管理

三.在润祥捷新零售平台的用户管理为用户配置角色

1.设置中心->系统管理→用户管理

电话:13599120724

邮箱:oo@fzer.net

地址:厦门市集美区杏林湾路496号裙楼D022

热词推荐

案例展示

产品项目

文章信息