2.项目中的文件

news/2024/2/29 3:48:51

项目的路径是这样的

目录

1  pages

1.1  json

1.2  wxml

1.3  wxss

1.4  js

2  utils

3  .eslintrc.js

4  app.js

5  app.json

6  app.wxss

7  project.config.json

8  project.private.config.json

9  sitemap.json


 

1  pages

pages 用来存放所有小程序的页面,比如index就是首页,logs就是日志,其中的wxml可以理解为html,wxss可以理解为css

1.1  json

json是该页面的配置文件,比如用到了什么组件这些,页面自己的json文件优先级最高

当页面的json与全局的json有冲突时(无论公有还是私有配置)都会优先按照页面的json配置文件来,比如我现在想设置首页头部的背景颜色为灰色

  • navigationBarBackgroundColor后面接不了rgb值

即使全局的设置为#fff,他还是会按照页的json文件走

1.2  wxml

wxml与html有下面三个主要区别

  • 标签名称不同
  • 属性节点不同
  • wxml中有类似vue的模板语法

标签我们主要了解下面四个

htmlwxml
divview
spantext
imgimage
anavigator

属性节点比如 a标签的href就是navigator的url

类似vue的模板语法比如这里的if

1.3  wxss

wxss相较于css,app.wxss是全局样式,pages中的wxss是局部样式

  • 新增了rpx尺寸单位
  • WSSS仅支持部分CSS选择器,像类,id,标签,并集,后代,::after,::before都是支持的,其他的支不支持你开发时自己试试就完了

语法上与css基本一致

1.4  js

pages中的js已经写好了一部分内容,内容是放数据的,生命周期这些东西,后面会提到

2  utils

utils 用来存放工具性质的模块,比如格式化时间的自定义模块

3  .eslintrc.js

这个是检查代码书写规范的配置文件,比如我们可以定义等号的两边必须有两个空格这种规范

4  app.js

app.js 是小程序项目的入口文件

5  app.json

app.json 是小程序项目的全局配置文件,比如pages中包含所有的页面,window可以定义小程序全局的背景色这些,style是组件的版本,目前(2023/4/2)最新的版本还是v2

我们可以在pages中添加路径来创建新的页面,比如我想再创建一个登录页面,更改为pages之后ctrl+s保存,在资源管理器中会自动创建一个文件夹,里面放着新页面的文件

由于我index在pages这个数组中的位置是第一个,所以进入小程序后第一个显示的就是index

如果你把log放第一位,那么进入小程序后第一个显示的页面就是log

6  app.wxss

app.wxss 是小程序项目的全局样式文件

7  project.config.json

project.config.json 项目的配置文件,比如之前注册的appid与项目名称(projectname)是放在这里面的

项目名称与小程序名称无关

project.config.json中的setting与本地设置有关,比如这个es6

8  project.private.config.json

project.private.config.json 是项目的私有配置文件,如果与project.config.json中的配置有冲突,会优先使用project.private.config.json中的配置

9  sitemap.json

sitemap.json 用于配置小程序及其页面是否允许被微信爬取信息(这里的爬指的是像百度那样的通用爬虫,当你让微信爬的时候,搜索你小程序中的一些内容就可以找到你的小程序,不让爬就搜索不到),page给星号表示所有的页面,action给allow表示允许被爬

如果不想被爬就就写disallow


https://www.jiucaihua.cn/news/show-4628142.html

相关文章

随机数发生器设计(三)

随机数发生器设计(三)- 熵估计和健康测试 熵估计健康测试 熵估计 考虑都熵源的多样性,建立一个通用的熵估计模型比较困难。本文采用nist.sp.800-90B推荐的Markov评估。详见 https://doi.org/10.6028/NIST.SP.800-90B。 执行Markov评估时&am…

Netty之EventLoop 解读

是什么 EventLoop (事件循环对象)本质是一个单线程执行器(同时维护了一个 Selector),里面有 run 方法处理 Channel 上源源不断的 io 事件。 它的继承关系比较复杂 一条线是继承自 j.u.c.ScheduledExecutorService 因…

【JavaEE】Tomcat-Servelet第一个helloworld程序

Tomcat & Servelet第一个程序helloworld! 文章目录 JavaEE & Tomcat & 第一个Servelet程序1. HTTP服务器 - Tomcat1.1 Tomcat的目录结构:1.2 启动Tomcat1.3 Tomcat的优点 2. Servelet框架2.1 创建Maven项目2.2 引入依赖2.3 创建目录2.4 写代…

AutoHotKey脚本初步:判断和选择

文章目录 脚本基础连击识别setTimer判断和选择 脚本基础 尽管通过窗口识别与按键映射,就可以胜任很多工作了,但AutoHotKey仍提供了一些简单的编程功能,对一些稍微复杂的任务,也可以做到得心应手。但要注意一点,AHK的V…

Payroll工资单中英文对照明细

不知道大家的工资单是中文的还是英文的,如果是英文的,刚开始看有些看不懂(我就是),那么可以在这里找到对应的翻译。如果中文的,而你又想知道对应英文怎么写的话,也欢迎查阅以下表格。ps.个人所得…

Linux 实操篇-网络配置

Linux 实操篇-网络配置 Linux 网络配置原理图 查看网络IP 和网关 查看虚拟网络编辑器和修改IP 地址 查看网关 查看windows 环境的中VMnet8 网络配置(ipconfig 指令) 查看linux 的网络配置ifconfig ping 测试主机之间网络连通性 基本语法 ping 目的主机(功能描述…

Java企业级信息系统开发学习笔记14 Spring Boot(使用Spring Initializr方式构建Spring Boot项目)

文章目录 一、使用Spring Initializr方式构建Spring Boot项目(一)创建Spring Boot项目(二)创建控制器(三)运行入口类(四)访问Web页面(五)修改访问映射路径 一…

Java面向对象程序开发——基础

文章目录 前言类和对象类对象 构造方法匿名对象变量作用域this关键字总结 前言 提示:这里可以添加本文要记录的大概内容: Java 是一种以面向对象编程为基础的编程语言 在 Java 编程中,一切皆为对象 每个对象都有其自己的属性和方法 对象可以…

二叉树的链式结构 - C语言(含有大量递归)

目录: 🍔前言 🍔二叉树链式结构的实现 🍟基本构架 😍代码: 🍔二叉树的遍历 🍟前序遍历 🍟中序遍历 🍟后序遍历 🍟层序遍历 &#x1f53…

python学习-进阶基本知识点总结

(一)正则表达式 1、正则表达式 字符类 [abc]:匹配 “a”、“b” 或 “c” 中的任意一个字符。abc:除了 “a”、“b” 和 “c” 以外的任何字符。[a-z]:匹配任何小写字母。[A-Z]:匹配任何大写字母。[0-9]&…