前面的准备工作都差不多了,现在就要开始正式的学习小程序啦····
个人觉得官方手册还是很有用的,我开发的时候基本是根据小程序官方手册以及百度的。
你按照第一步创建好的项目里面有些自带的文件,今天来讲讲都是什么意思:
app.json:
对当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等,页面配置见下方,每一个wxml文件都要写在pages这里;window里面就是设置小程序的主题颜色,字体等,就是小程序的样式设置;tabBar就是设置底部菜单模块的语法。
{
"pages":[
"pages/index/index",
"pages/logs/logs"
],
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle":"black"
},
"tabBar": {
"list": [{
"pagePath": "pages/index/index",
"text": "首页"
}, {
"pagePath": "pages/logs/logs",
"text": "日志"
}]
},
"networkTimeout": {
"request": 10000,
"downloadFile": 10000
},
"debug": true
}
pages文件夹:
这个里面就放你要写的页面文件,每个页面有一个wxml、wxss、和js,并且除了后缀名称要一样的,这样小程序才能读取。
utils文件夹:
里面刚开始有一个utils.js,这个是全局的js方法文件夹调用的话就在当前的js文件里面写出路径并调用,例如:你在index.js里面要调用utils的全局js方法,那么,就直接在js里面
var util = require('../utils/util.js');
var 对象 = util.方法名(方法对应的参数);就可以直接调用啦。
今天就先到这,下一节详细讲讲wxml···
以上均为个人观点,欢迎大家指正O(∩_∩)O
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通