微信小程序基础总结

微信小程序

​ 小程序框架提供了自己的视图层描述语言 WXML 和 WXSS，以及 JavaScript，并在视图层与逻辑层间提供了数据传输和事件系统，让开发者能够专注于数据与逻辑。

小程序结构和Web对比

结构	传统web	微信小程序
结构	HTML	WXML
样式	CSS	WXSS
逻辑	Javascript	Javascript
配置	无	JSON

小程序结构目录

文件结构

小程序的配置文件

全局配置

​ app.json 是当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等配置

属性	描述
entryPagePath	小程序默认启动首页
pages	页面路径列表
window	全局的默认窗口表现
tabBar	底部 tab 栏的表现

{
   
  "entryPagePath": "pages/test/index",
  "pages":[
    "pages/index/index",
    "pages/test/index"
  ],
  "window": {
   
     "navigationBarBackgroundColor": "#ff0000",
     "navigationBarTitleText": "古诗词网",
     "navigationBarTextStyle": "black",
     "navigationStyle": "default",
     "backgroundColor": "#0000ff",
     "enablePullDownRefresh": true
  },
  "tabBar": {
   
    "list": [
       {
    
        "page