当前位置:网站首页>小程序代码的构成
小程序代码的构成
2022-07-05 20:19:00 【'wx】
1.WXML模板
WXML和HTML的区别
(1).标签名称不同
HTML(div,span,img,a)
WXML(view,text,image,navigator)
(2)属性节点不同
<a href="#">超链接</a>
<navigator url="pages/home/home"></navigator>
(3)提供类似于vue的模板语法
数据绑定
列表渲染
条件渲染
2.WXSS样式
(1)新增了rpx尺寸单位,不同大小屏幕上面会自动进行换算
(2)提供了全局样式和局部样式
项目根目录下的app.wxss会作用于所有小程序页面
局部页面的.wxss样式仅对当前页面生效
(3)WXSS仅支持部分css选择器
类选择器和id选择器
元素选择器
并集选择器,后代选择器
伪类选择器
3.JS逻辑交互
(1)app.js
是整个小程序项目的入口文件,通过调用App()函数来启动整个小程序
(2)页面的.js文件
是页面的入口文件,通过调用Page()函数来创建并访问页面
(3)普通的.js文件
是普通的功能模块文件,用来封装公共函数或属性供页面使用
边栏推荐
- leetcode刷题:二叉树17(从中序与后序遍历序列构造二叉树)
- Scala basics [HelloWorld code parsing, variables and identifiers]
- 解决php无法将string转换为json的办法
- sun. misc. Base64encoder error reporting solution [easy to understand]
- 关于BRAM IP复位的优先级
- Document method
- 信息学奥赛一本通 1340:【例3-5】扩展二叉树
- 3.3、项目评估
- Summer Challenge harmonyos - realize message notification function
- y57.第三章 Kubernetes从入门到精通 -- 业务镜像版本升级及回滚(三十)
猜你喜欢
Leetcode skimming: binary tree 17 (construct binary tree from middle order and post order traversal sequence)
小程序页面导航
Informatics Orsay all in one 1339: [example 3-4] find the post order traversal | Valley p1827 [usaco3.4] American Heritage
[quick start of Digital IC Verification] 3. Introduction to the whole process of Digital IC Design
物联网智能家居基本方法实现之经典
Rainbond 5.7.1 支持对接多家公有云和集群异常报警
Wechat applet regular expression extraction link
Go language | 01 wsl+vscode environment construction pit avoidance Guide
Leetcode(695)——岛屿的最大面积
Leetcode skimming: binary tree 10 (number of nodes of a complete binary tree)
随机推荐
Schema and model
插值查找的简单理解
[quick start of Digital IC Verification] 9. Finite state machine (FSM) necessary for Verilog RTL design
Elk distributed log analysis system deployment (Huawei cloud)
字节跳动Dev Better技术沙龙成功举办,携手华泰分享Web研发效能提升经验
2022北京眼睛健康用品展,护眼产品展,中国眼博会11月举办
Y57. Chapter III kubernetes from entry to proficiency -- business image version upgrade and rollback (30)
[quick start of Digital IC Verification] 1. Talk about Digital IC Verification, understand the contents of the column, and clarify the learning objectives
[Yugong series] go teaching course in July 2022 004 go code Notes
走入并行的世界
零道云新UI设计中
Document method
Oracle tablespace management
C language OJ gets PE, OJ of ACM introduction~
BZOJ 3747 POI2015 Kinoman 段树
【数字IC验证快速入门】7、验证岗位中必备的数字电路基础知识(含常见面试题)
怎么挑选好的外盘平台,安全正规的?
【数字IC验证快速入门】8、数字IC中的典型电路及其对应的Verilog描述方法
【数字IC验证快速入门】6、Questasim 快速上手使用(以全加器设计与验证为例)
leetcode刷题:二叉树10(完全二叉树的节点个数)