微信小程序知识总结01

本文介绍了微信小程序的基础知识,包括必备的根目录文件如app.js、app.json和app.wxss,以及每个页面的.js、.wxml、.wxss和.json文件结构。详细讲解了wxml的标签编写和wxss的CSS选择器,如.class、#id、element等。此外,还讨论了Flex布局的应用,自适应单位rpx的特性,以及全局样式和页面样式的优先级。最后提到了app.json中window配置项对导航栏的设置。
摘要由CSDN通过智能技术生成

1.小程序的基本文件结构

(1)根目录下面有三个文件,app.js、app.json、app.wxss。一个小程序都必须有这三个文件,他们必须放在应用程序的根目录下面,否则小程序会提示找不到app.json文件。

    

(2)app.js,表示小程序的逻辑文件,app.json表示小程序的配置文件,app.wsxx,表示全局公共样式文件。

(3)每个页面都包含有四个文件,主要为.js、.wxml、.wxss、.json文件,wxml文件类似于我们熟悉的html文件,用来编写页面的标签和骨架,不同的是wxml文件里面的标签元素不可以使用html标签,只能使用小程序封装的一些组件。wsxx文件的作用类似于我们熟悉的css文件,json文件用来配置页面的样式和行为,js文件用来配置我们前端中的javaScript文件,用来编写小程序的页面逻辑。

    wxml文件内容:

<!--pages/posts/post.wxml-->
<!--滑动视图容器界面-->
<swiper indicator-dots='true' autoplay='true' interval='1000'>
<!--
(1)indictor-dots表示用来显示面板指示点;
(2)autoplay表示用来显示自动播放;
&#
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值