微信小程序 项目总结 （土车帮）

此文章仅关注可见

第一次做小程序 虽然以前在学校搞了一点 但是没有体验完整的流程
这个小程序 项目 人员分布 产品一人 ui两个 前端 两个 后端 一个
虽然 项目开发结束了 没有学到什么东西 大概知道小程序的基本用法 以及整个开发的流程 业务 因为老大不重视 所以好几次开会都没有叫我进去 自己也是慢慢的根据 ui 图 根据代码 慢慢的了解业务

记录一下 ：
xxx 项目分析 五个模块 根据手机号 每个模块的页面展示都不同

学到的经验 ：
基础知识事件的绑定
事件的传参
小程序生命周期的理解
时间组件
自定义 弹窗组件
自定义下拉列表组件
自定义车牌组件
文件夹命名

模块 - 对象 - 属性
各个模块都有各个模块的含有 不能随便乱起名字 名字必须要简单语义化 可以用 - 分开 千万不要 例如 listItem 会被骂的很惨
css起名字 千万不要驼峰起名字 可以用 list-item
声明函数的时候 语义化 简单明白
on事件的点击开头 onAdd onDel onUpd
get 获取数据 获取内容 getList
… 还有很多 需要总结

1. 图片优化 通过 H5来截取 H5里面的图片

var IMG_SERVER = "https://xxx.com"
// 指定网络图片路径(指定本地路径时使用imgpath)
var imgurl = function (name, type) {
  if (name) {
    if (name.indexOf('://') != -1) {
      return name
    } else {
      // 固定的土车帮网络图片路径
      return IMG_SERVER + '/static/tucbang/' + name + '.' + (type || 'png')
    }
  }
}

使用
wxml 页面使用

<wxs src="../../../../filters/core.wxs" module="f" /> 

从而减少 小程序必要的图片

2. 样式的减少

通过这三个文件 来达到 减少css样式的问题

default 公共的样式
fnt 字体样式 + 颜色 + 背景颜色
margin 公共的margin+ padding
全局中使用

还要学会如何搬梯子

在小公司 成长 虽然学起来 进度慢 大部分人都在混日子 但是也能学到一些东西

生活经验 ： 当你没能耐的时候 忍耐或许是最能解决你现在状况