微信小程序知识总结01

最新推荐文章于 2024-06-26 10:30:00 发布

雪花飘满地

最新推荐文章于 2024-06-26 10:30:00 发布

阅读量827

点赞数

分类专栏： WeChat小程序

本文链接：https://blog.csdn.net/m0_37248802/article/details/80652130

版权

本文介绍了微信小程序的基础知识，包括必备的根目录文件如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表示用来显示自动播放；
&#