携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第5天，点击查看活动详情

一、微信小程序开发1

小程序

目前主流的是指微信小程序。微信小程序是腾讯出的一款轻应用，运行在微信中。和网页公众号不是一个类型的东西，小程序有自己的开发语言和框架，不是基于浏览器运行的。

小程序开发使用的还是web前端技术

1. 一般情况下公司ui设计师给到的小程序设计稿宽度为750px，我们在做小程序开发的时候长度单位使用rpx。在750px的设计稿中，1px=1rpx，这样写的代码可以实现自适应
2. 小程序发起网络请求使用的是自带的api，由于小程序不是web项目没有浏览器环境，所以没有跨域问题

小程序开发使用小程序开发者工具进行制作

小程序自身提供了很多的组件和api在使用的时候建议参照官网进行

小程序页面组成

js 页面逻辑代码

json 页面配置信息

wxml 表示页面的元素结构

wxss 样式，小程序中使用rpx单位 创建文件夹后新建page 会自动创出四个不同后缀名的文件

二、微信小程序开发2--request网络请求封装成一个promise对象

把网络请求封装成一个promise对象的形式

/**
 * 封装request请求为一个Promise对象
 * @param {*} url 
 * @param {*} data 
 * @param {*} method 
 */
function request(url, data, method = "GET") {
  return new Promise((reslove, reject)=>{
    wx.request({
      url,
      data,
      method,
      timeout: 5000,
      success: (result) => {
        reslove(result.data)
      },
      fail: (res) => {
        reject(res)
      },
      // complete: (res) => {},
    })
  })
}

module.exports = {
  request
}

注、详细的微信小程序开发链接

了解微信开发者工具 

微信开发者工具是官方推荐使用的小程序开发工具，它提供的主要功能如下：

• 快速创建小程序项目
• 代码的查看和编辑
• 对小程序功能进行调试
• 小程序的预览和发布