跳到主要内容

集享权益小程序

· 阅读需 2 分钟
Quany
Quany
软件工程师

运行步骤​

  1. 打开微信开发者工具：设置>通用设置>安全> 打开服务端口；
  2. 把项目导入 Hbuilder 开发软件中：文件>导入>本地导入；
  3. 用 Hbuilder 运行项目: 运行>运行小程序模拟器>微信开发者工具xx运行；

开发​

1.环境配置参考：utils->http->environment.js 2.生产：ENVIRONMENT的值修改成->ENVIRONMENT_RELEASE 3.测试：ENVIRONMENT的值修改成->ENVIRONMENT_TEST 4.alpha：ENVIRONMENT的值修改成->ENVIRONMENT_ALPHA

一般原则​

  1. 尽量减少平台的代码：

JS 原则​

  1. 提倡函数式编程；
  2. 开启热重载，先编写出 UI；再关闭热重载，联调接口和逻辑；
  3. 先把状态和逻辑写到页面，如果多页面使用再写到 store 里面；-- 复用策略；
  4. 衔接接口的原则：
    1. 尽量不要在前端处理数据，计算数据；
    2. 专项专干，接口少复用；
    3. 减少接口请求数量，尤其是用户一个交互别请求一个以上的接口；-- 用户体验；

CSS 原则​

  1. 提倡使用原子类编写样式；以提高复用率、可维护性；
  2. 慕课标准宽度值：750px;
  3. 尺寸单位统一使用：upx;

进阶(feature)​

  • 即使不压缩也可以上传体验版：优化主包加载速度，开发更容易定位；
    1. 分析 vendor.js 内容，剔除多余内容；
    2. 重构入口页面；

资源文件原则​

不允许放置本地，一律依赖远程路径；

微信公众号​

微信公众号