初识微信小程序

weixin小程序创建后,页面分为四个区,快捷键分别是模拟器ctrl+shift+d,目录树ctrl+shift+m,编辑器ctrl+shift+e,调试器ctrl+shift+i。

文件首选项位置可以设置zoom,Mouse Wheel Zoom按住ctrl可以随滚轮调整编辑器字体大小。

使用时先清除编译缓存,后编译.可真机调试.用预览与互传软件配合,可以实时交互。

pages管理所有页面,一个页面包含四件套,js定义页面脚本代码,json定义页面脚本信息,wxml定义页面结构,wxss定义页面样式。

app.json 小程序全局配置文件,app.js小程序全局初始化js文件,app.wxss小程序全局样式文件,定义全局样式,初始化。

project.config.json 当前项目的基础配置信息

app.json

json内容必须双引号包裹。

pages定义所有页面的路径,如创建页面index,可在pages下加"pages/index/index",小程序会自动帮忙创建页面,谁放到pages下第一位就是首页。

window配置小程序的顶部导航栏和下拉刷新栏

    "enablePullDownRefresh":true, //下拉栏
    "backgroundColor":"#444", //背景颜色
    "navigationBarBackgroundColor":"#f03d37",//导航栏背景颜色
    "navigationBarTitleText":"小程序示例"  //导航栏标题文本
    "navigationBarTextStyle":"white"  //导航栏文本样式
复制代码

tabbar配置项

tabbar配置项用于定义底部选项卡,小程序自动分配底部选项卡空间和功能。在app.json里面配置。

    "color":"#333",//未选中项字体颜色
    "selectedColor":"#f03d37",//选中项字体颜色,整体设计
    "list":[{
    "text":"首页",
    "pagePath":"",//页面路径
    "iconPath":""//未激活图标路径
    "selectedIconPath":""//选中图标路径
    }]
}

sitemap.json

爬虫相关配置文件

    "page":"pages/me/me"

app.wxss

全局样式设置文件