建设行网站修改电话,网龙网络公司官网,wordperss网站做负载均衡,wordpress数据库分离文章目录 前言一、基本组成结构基本组成小程序页面的组成部分JSON配置文件作用 二、页面基础pagesWXML和HTML的区别WXSS和CSS的区别小程序中js文件分类 三、小程序宿主环境总结 前言
微信小程序的项目基本结构、页面的基础及宿主环境 一、基本组成结构
基本组成
新建一个微信… 文章目录 前言一、基本组成结构基本组成小程序页面的组成部分JSON配置文件作用 二、页面基础pagesWXML和HTML的区别WXSS和CSS的区别小程序中js文件分类 三、小程序宿主环境总结 前言
微信小程序的项目基本结构、页面的基础及宿主环境 一、基本组成结构
基本组成
新建一个微信小程序项目其项目基本结构如下
pages用来存放所有小程序的页面utils用来存放工具性质的模块例如格式化时间的自定义模板app.js小程序项目的全局配置文件app.json小程序项目的全局配置文件app.wxss小程序项目的全局样式文件project.config.json项目的配置文件sitemap.json用来配置小程序及其页面是否允许被微信索引
小程序页面的组成部分
小程序官方建议把所有小程序的页面都存放在pages目录中以单独的文件夹存在如下 其中每个页面由4个基本文件组成
.js文件页面的脚本文件存放页面的数据、事件处理函数等。.json文件当前页面的配置文件配置窗口的外观、表现等。.wxml文件页面的模板结构文件。.wxss文件当前页面的样式表文件。
JSON配置文件作用
JSON是一种数据格式在实际开发中JSON总是以配置文件的形式出现。小程序项目中也不例外通过不同的,json配置文件可对小程序项目进行不同级别的配置。
小程序项目中的4种json配置文件 项目根目录中的app.json配置文件是当前小程序的全局配置包括了小程序的所有页面路径、窗口外观、界面表现、底部tab等。 项目根目录中的project.config.json配置文件项目配置文件用来记录我们对微信小程序开发工具所做的个性化配置。 项目根目录中的sitemap.json配置文件微信现已开放小程序内搜索效果类似于PC网页的SEO。其用来配置小程序页面是否允许微信索引。当用户允许时微信会通过爬虫的形式为小程序内容建立索引。当用户搜索的关键字和页面的索引匹配成功的时候小程序页面将尽可能展示在搜索结果中。 每个页面文件夹中的.json配置文件小程序的每个页面可以使用.json文件对本页面的窗口外观进行配置页面中的配置项会覆盖app.json的window中的相同的配置项。就近原则 app.json全局设置导航栏背景颜色 改变首页indx的index.json
二、页面基础
pages 改变项目首页app.json内的pages内配置页面路径注意的是哪个页面的路径写在最前面启动就展示哪个页面。新建项目页面只需要在pages内写出路径保存后自动生成。
WXML和HTML的区别 WXMLWeiXin Markup Language是小程序框架 设计的一套标签语言用来构建小程序页面的结构其作用类似于网页开发中的HTML。 WXSS和CSS的区别 WXSSWeXin Style Sheets是一套样式语言用于描述WXML的组件样式类似于网页开发中的CSS 小程序中js文件分类 三、小程序宿主环境 宿主环境包含通信模型、运行机制、组件、API 通信主体 通信模型 小程序启动过程
把小程序的代码包下载到本地解析app.json全局配置文件执行app.js小程序入口文件调用App()创建小程序实例渲染小程序首页小程序启动 完成
页面渲染过程
加载解析页面的.json配置文件加载页面的.wxml模板和.wxss样式执行页面的.js文件调用Page()创建页面实例页面渲染完成 总结
以上就是微信小程序的基础入门偏理论。
