小程序知识总结

一：注册开发者账号：

1.网址：https://mp.weixin.qq.com/

2.下载微信开发者工具：
稳定版Stable Build| 微信开放文档

网址：https://developers.weixin.qq.com/minipor

3.微信开发文档：

微信开放文档：

网址：https://developers.weixin.qq.com/minipor

二：项目结构：

1.进入微信开发者工具文档：

2.进入微信工具文档里面的大致结构：

 

 3.找到pages下的app.json结构代码：

 4.代码内容的介绍：

三：配置文件：

1。找到pages下的.app.json：哪个页面在最前面，哪个页面是默认默认页面。

 2.tabBar:底部栏的配置：

（1）：color:文本默认颜色

 (2) :   selectedColor:文本选中颜色：

 (3):  list:页面列表：

    (1):pagePath:页面地址

  (2):text:文本

   (3):iconpath:图片路径

  (4):selectedlconPath:选中图片地址

"tabBar": {
    "color": "#ccc",
    "selectedColor": "#000",
    "borderStyle": "white",
    "backgroundColor": "#fff",
    "list": [
      {
        "pagePath": "pages/yidian/yidian",
        "iconPath": "images/t1.png",
        "selectedIconPath": "images/t1-h.png",
        "text": "一点资讯"
      },
      {
        "pagePath": "pages/todo/todo",
        "iconPath": "images/t2.png",
        "selectedIconPath": "images/t2-h.png",
        "text": "todo"
      },
      {
        "pagePath": "pages/nav/nav",
        "iconPath": "images/t3.png",
        "selectedIconPath": "images/t3-h.png",
        "text": "nav"
      },
      {
        "pagePath": "pages/jok/jok",
        "iconPath": "images/t4.png",
        "selectedIconPath": "images/t4-h.png",
        "text": "jok"
      }
    ]
  },

3.切换：

button按钮标签：切换标签写上点击事件toggle

1.wx:if="" 控制标签是否存在，true存在， false：不存在 

 

 4。跳转

 

 （2）js跳转

5.封装api：

 6.封装ruquest.js

7.使用npm包：

1。网址：Vant Weapp - 轻量、可靠的小程序 UI 组件库

2。第一步：

 3.第二部安装：

 

 4.第三部出现：

5.第四部：

1. "packNpmManually": “false”, 修改为   "packNpmManually": true,

2.添加：

  {

        "packageJsonPath": "./package.json",

        "miniprogramNpmDistDir": "./"

      }

6.第五步：

1.工具   2.创建npm   

四：以上总结就此结束。