irpas技术客

(学习笔记)微信小程序 -- WXML模板、WXSS样式、JS逻辑交互_微信 的js文件怎么与wxml文件交互_LTA_Lotiao

大大的周 7250

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

?????????


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #微信 #WXSS #JS逻辑