微信小程序开发-WXML和WXSS

小程序开发


浏览:315 次

姓名:张兴才

学号:19011210349

转载自:

【嵌入式牛入门阅读】相信通过之前的研究,我们对一个完整小程序的文件结构有了大致的了解,对小程序的开发者工具也有了一定的了解。在本节中,我们将开始编写小程序的代码,并介绍WXML和WXSS

【嵌入式牛鼻子】WXML WXSS

[嵌入式奶牛问题]什么是WXML和WXSS文件?

【嵌入奶牛的身体】

WXML和WXSS

我相信,通过之前的研究,我们对完整小程序的文件结构有了大致的了解,对小程序开发工具也有了一定的了解。在本节中,让我们开始编写小程序代码。

编辑WXML文件

在开发者工具中,我们打开主页。wxml位于先前修改的模板小程序的主文件夹下,其中包含以下代码

pages/home/home。wxml

第一行是注释,即语句,不会显示在小程序的前面。第二行是Components。

接下来,我们将广泛使用<view>组件。例如,让我们在上面的代码下面添加以下代码以查看效果:

<视图>

<视图>

WXML模板</view>

从事网页编程的人都知道网页编程使用HTML+CSS+JS的组合。HTML用于描述当前页面的结构,CSS用于描述页面的外观,JS通常用于处理页面和用户之间的交互<;/视图>

您可以使用上面的代码来理解组件的基本组成

组件和组件相似。它们都成对出现,例如<;/text>,<;视图><;/view>,两个应该写在一起,前面是开始标签,后面是结束标签,结束标签前面是“/”

视图组件可以嵌套,

为了在视觉上看起来更好,代码应该缩进(尽管不缩进不会影响)

我们可以让这个页面更复杂。

<视图>

<视图>

<视图>

技术学习说明</view>

技术与我们过去接触到的一些知识截然不同。例如,英语强调词汇,这要求你多说多记;数学要求你记住公式并反复练习;教学方式也有很大的差异。过去,有专门的老师手把手教你,也有学生交流。要学好技术,我们应该遵循哪些学习和教学方法?

<视图>

<视图>

自学而非手工</view>

技术方向很多,知识点也很复杂。你需要有一定的自学能力。所谓的自学能力,要求你勤于思考,善于探索,在遇到问题时能够不断实践和探索。在实际工作中,还要求你能够根据技术文件快速掌握最前沿的技术,而你的同事将没有时间教你。没有自学能力,很难胜任许多工作。

<视图>

查找文档而不是记忆知识点</view>

高中第一学期,一门课只有一本很薄的书。老师会反复讲解知识点,以增强你的记忆力。考试也已结束;然而,对于技术的一个小分支,有数千页或更多页的内容。记住知识点显然是不合适的。学习技术就像查字典查阅技术文档。你只需要掌握基本的语法和用法。编程时你可以随时查阅,就像你不用背诵数万个单词就能知道它的含义和用法一样。因此,技术文档是学习技术最重要的参考资料。

<视图>

实用而非动手阅读</view>

技术是最注重结果的技能。不管你读了多少书,不知道如何写技术产品是没有用的。许多朋友有收藏癖。他们下载了很多电子资源,收集了很多优秀的技术文章,但他们懒得消化和理解,浪费了时间和精力。不使用开发工具编写代码,不配置开发环境,缺乏实践经验,这些都是阻碍你学好技术的坏习惯。

<视图>

<view>搜索,不要伸手</view>

过去,当我们遇到技术问题时,我们