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

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函数。

         

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值