小程序框架学习1——(整体目录结构)

原创 2018年02月01日 18:03:16
(1)整体目录结构

  • 根目录结构
    • pages:存放小程序一个个页面
    • utils:存放一些工具类
    • app.js:小程序进入时的js逻辑(类似于Android的Application)
    • app.json:小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等
    • app.wxss:小程序全局的样式
    • project.config.json:小程序开发工具的个性化配置,例如界面颜色、编译配置等等
  • pages目录
    • 一个页面四个文件组成,框架会自动去寻找路径下 .json, .js, .wxml, .wxss 四个文件进行整合
    • .json 后缀的 JSON 配置文件 页面配置文件
    • .wxml 后缀的 WXML 模板文件 页面布局文件
    • .wxss 后缀的 WXSS 样式文件 页面样式文件
    • .js 后缀的 JS 脚本逻辑文件 页面逻辑文件



版权声明:本文为博主原创文章,未经博主允许不得转载。

微信小程序学习(2):小程序目录结构介绍

1.微信小程序目录结构 微信小程序默认的目录结构,下面一一介绍: 1.1 小程序的文件格式介绍 在项目中我们可以看到四种文件类型: .js后缀的文件是脚本文件,页面的交互等代码在这里实现;...
  • sinat_36772813
  • sinat_36772813
  • 2016年11月21日 10:46
  • 5202

【江南】微信小程序从0到1-整体框架

小程序整体框架       从9月22号小程序刚开始上线,就开始关注小程序。从刚开始登陆一脸懵逼到现在懂一些,相信很多刚开始学习的朋友都会有这么一段经历,没事,万事开头难。        登陆小...
  • nan355655600
  • nan355655600
  • 2016年12月19日 22:50
  • 654

微信小程序学习笔记(1)----学习资料整理

微信小程序破解教程微信小程序只对少部分开放公测名额,大部分人都是没有权限,所以想要体验微信小程序开发还是需要破解一下的,破解方法比较简单,GitHub上早已有了破解教程https://github.c...
  • whzhaochao
  • whzhaochao
  • 2016年09月28日 16:36
  • 2814

小程序学习--1

小程序学习–1简介 微信小程序就是一个类似 RN 的轮子,可以快速开发,有一定的适用场景,但是也有其局限性, 适合于 低频 但重要的需求 微信小程序提供了什么? 底层API 和 组件 微...
  • mjzhang1993
  • mjzhang1993
  • 2017年01月13日 11:01
  • 916

小程序的学习步骤计划

一、首先了解基本的框架 要求:* 知道如何配置,最简单的一个小程序由哪几部分、哪几部分构成 * 运行机制是什么?(数据驱动) 如何启动,也就是程序的入口在哪里,如何运行,程序结束后如何销毁释放内存 ...
  • hflyingheart
  • hflyingheart
  • 2017年08月16日 18:38
  • 219

微信小程序学习(1)_微信小程序简介

一、微信小程序的来源在2016年9月中,微信公众平台向外发出200个小程序内测邀请函,那么什么是微信小程序,有什么功能呢?微信小程序尽管叫小程序,但其实这就是今年年初腾讯曾对外提及的微信“应用号”。早...
  • Two_Water
  • Two_Water
  • 2016年10月06日 23:59
  • 2467

微信小程序开发详解(三)---微信小程序工程目录结构

1:打开微信小程序开发工具,进入编辑模式,如下图1所示 图1 1:这个项目主要由pages/firstPage,pages/index,pages/logs,这几个文件夹组成,这几个文件夹...
  • aoaoxiexie
  • aoaoxiexie
  • 2016年12月15日 15:02
  • 2165

小程序框架总结

目录:         1.框架概述         2.项目目录结构         3. json配置             3.1 全局json文件app.json            ...
  • qq_28057577
  • qq_28057577
  • 2017年02月15日 14:52
  • 1839

小程序一:小程序的框架

小程序一:小程序的框架
  • Zhao1234567890123456
  • Zhao1234567890123456
  • 2016年11月02日 18:11
  • 884

微信小程序框架集合

UI组件 weui-wxss ★852 - 同微信原生视觉体验一致的基础样式库Wa-UI ★122 - 针对微信小程序整合的一套UI库wx-charts ★105 - 微信小程序图表工具wema...
  • u012017783
  • u012017783
  • 2017年01月15日 18:57
  • 6995
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:小程序框架学习1——(整体目录结构)
举报原因:
原因补充:

(最多只允许输入30个字)