(学习笔记)微信小程序 -- WXML模板、WXSS样式、JS逻辑交互

这篇博客详细介绍了小程序的开发语言WXML和WXSS与HTML和CSS的区别,如WXML的数据绑定、列表渲染、条件渲染等模板语法,以及WXSS新增的rpx单位和样式隔离机制。同时,还阐述了小程序中.js文件的三种类型,包括app.js、页面.js文件以及普通.js文件的功能和应用场景。
摘要由CSDN通过智能技术生成

WXML是小程序框架下的标签语言,类似于网页开发中HTML

WXML  和  HTML 的区别

1)使用的标签名不同

2)属性节点不同

3)  提供了类似于Vue中的模板语法

数据绑定、列表渲染、条件渲染

但个人认为前两项没多大区别 ,换个皮而已。

WXSS是小程序下的样式语言, 用来描述WXML的组件样式,类似于网页开发中的CSS。

WXSS 和 CSS的区别 :

1)新增了rpx尺寸单位

        CSS中像素单位需要手动换算,但是WXSS在底层支持新的尺寸单位,可以自动换算

2)提供了全局的样式和局部样式

        根目录的 app.wxss 能作用所有小程序页面

        各个页面文件夹的 .wxss 样式仅对当前页面生效

3)WXSS仅支持部分CSS选择器

小程序中的 .js 文件是用来处理用户操作

        小程序中JS文件分为三类

                app.js --> 整个小程序项目的入口文件,通过调用APP()函数来启动整个小程序

                        

               页面的.js文件 -->  页面的入口文件,通过调用page()函数来创建页面并运行 

                        

                普通的 .js 文件 --> 普通的功能模块文件,用来封装公共的函数或属性供页面使用

                        

                        在utils文件的utils.js文件中就封装了formatTime函数供所有页面来使用,如果某个                            页面需要使用该函数,通过导入utils就可以使用formatTime函数。

         

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值