pages文件夹:它是一个文件夹。
所处位置:小程序项目,根目录下
作用:存放,构成小程序的各个页面的代码文件,如下图pages文件中存放了index,logs,main子文件夹。
补充知识点:
根目录:起源于早期将Windows文件的分级管理比喻成大树形状,驱动器一级文件夹就相当于大树的根部,故称根目录。下级文件夹依次展开,就像大树的分枝,逐级展开。
utlis文件夹:
位置:根目录
作用:存放公用的代码。这些代码通常具有通用性,在不同部分的代码中使用。例如,判断对象字符串是否为空的函数。
.eslintric.js文件夹:.eslintrc.js是一个ESLint配置文件,
位置:根目录
作用:用于识别和报告在ECMAScript/JavaScript代码中发现的模式。
消除Javascript等代码语法的一些不合理、不严谨之处,减少一些怪异行为;消除代码运行的一些不安全之处,保证代码运行的安全;提高编译器效率,增加运行速度;为未来新版本的Javascript等代码做好铺垫。
{}project.config.json 与{}project.private.config.json文件:
在微信小程序中,project.config.json文件是一个项目的配置文件,包含关于小程序的一些基本信息,例如小程序的名称、App ID、开发者信息以及页面路径等。此外,该文件还可以用于进行项目的配置,包括公共和私有的配置。项目中的project.private.config.json文件中的相同设置优先级高于project.config.json。可以在 project.config.json 文件中配置公共的配置,而在 project.private.config.json 文件中配置个人的配置。然而,这个文件一般不会被提交到版本控制系统中,而是会被保存在本地开发者的电脑里,用于指定小程序的一些基本配置。
sitemap.json文件:
sitemap.json文件是一个JSON对象,它在微信小程序中起着非常重要的作用。它主要用于配置小程序及其页面是否允许被微信索引。当开发者允许微信索引时,微信会通过爬虫的形式,为小程序的页面内容建立索引。这样,当用户的搜索词条触发该索引时,小程序的页面就可能显示在搜索结果中。
具体来说,sitemap.json文件的规则配置项(rules)指定了索引规则,每项规则都是一个JSON对象。例如,开发者可以通过设置"action"属性为"allow",来允许所有页面被索引;或者通过设置"action"属性为"disallow"和指定"page"属性,来禁止某些特定的页面被索引。
此外,如果小程序爬虫发现的页面数据和真实用户的呈现不一致,那么该页面将不会被收录到索引中。因此,开发者需要确保页面数据的真实性和一致性。
app.js文件
它是小程序的入口文件,掌控着整个小程序的生命周期。这个文件中注册了小程序的生命周期函数,并存放了一些全局的属性和变量。
一个关键的部分是App()方法,它只能在小程序根目录下的app.js文件中注册一次,并且用于指定小程序的生命周期函数。例如,你可以在App()方法中定义一些全局变量或函数,这些变量或函数在整个应用程序中都可以被访问和使用。此外,其他页面也可以调用App实例的方法来访问全局数据。
小程序的生命周期:
应用的生命周期:小程序的生命周期函数是在app.js里面调用,包括onLaunch(小程序初始化)、onShow(小程序启动或从后台进入前台)、onHide(小程序从前台进入后台)等方法。特别地,当小程序进入后台时,会先触发页面的生命周期函数onHide,再触发应用的生命周期函数onHide;而当小程序从后台进入前台时,会先触发应用的生命周期函数Onshow,再触发页面的生命周期函数onShow。只有当小程序进入后台一定时间(目前是5分钟),或者系统资源占用过高,才会被真正的销毁。
页面的生命周期:页面的生命周期包括onLoad(页面加载)、onShow(页面显示)、onReady(页面初次渲染完成)、onHide(页面隐藏)、onUnload(页面卸载)等方法。这些方法可以用于处理页面数据请求、页面渲染、页面交互等操作。
组件的生命周期:组件的生命周期包括created, attached, detached, ready, moved, error, show, hide, resize, routeDone等方法。这些方法可以用于处理组件的创建、挂载、卸载、渲染、移动、错误、显示、隐藏、调整大小、路由完成等操作。
app.json文件:
是小程序的全局配置文件。这个文件主要用于决定页面文件的路径、窗口表现、设置网络超时时间、设置多tab等。具体来说,它可以通过pages字段来注册所有的页面,用字符串数组来表示,页面用【路径+文件名】来表示。字符串数组的一个页面为首页。文件名不需要后缀,框架会自动寻找。
此外,app.json文件还可以配置小程序的窗口表现,例如设置导航栏的背景颜色、标题栏的文字颜色等;可以设置网络超时时间,用于指定请求网络超时的阈值;并且还支持设置多tab,允许用户在小程序中打开多个页面。
app.wxss文件:
是微信小程序中的一个样式表文件,它主要负责定义小程序中的页面样式。这个文件使用的是WXSS(WeiXin Style Sheets)这套样式语言,用于描述WXML的组件样式,决定了WXML的组件应该如何显示。同时,app.wxss文件也具有一些微信小程序所独有的语法和规则。
在app.wxss文件中,你可以定义页面中的元素的样式、布局、字体、颜色、背景等属性。此外,你也可以在app.wxss文件中设置全局样式,这些全局样式会被应用到每一个页面中。
另外,小程序会优先选择页面的wxss文件,而不是app.wxss文件。所以,如果你想要为特定的页面设置特殊的样式,你可以在对应的页面wxss文件中进行定义。
.wxml文件:
.wxml文件是微信小程序中的一套标签语言,它结合基础组件和事件系统,用于构建出页面的结构,内容。文章来源:https://www.toymoban.com/news/detail-799246.html
在.wxml文件中,设置组件的属性、样式以及绑定事件。这些标签可以理解为微信小程序中的“组件”,通过在组件上定义特定的事件,可以实现用户与小程序的交互。文章来源地址https://www.toymoban.com/news/detail-799246.html
到了这里,关于微信小程序-文件基础(持续更新)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!