当前位置:网站首页>小程序代码的构成
小程序代码的构成
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文件
是普通的功能模块文件,用来封装公共函数或属性供页面使用
边栏推荐
- sun.misc.BASE64Encoder报错解决方法[通俗易懂]
- Codeforces Round #804 (Div. 2) - A, B, C
- Ros2 topic [01]: installing ros2 on win10
- Process file and directory names
- B站UP搭建世界首个纯红石神经网络、基于深度学习动作识别的色情检测、陈天奇《机器学编译MLC》课程进展、AI前沿论文 | ShowMeAI资讯日报 #07.05
- Go language | 02 for loop and the use of common functions
- [quick start of Digital IC Verification] 1. Talk about Digital IC Verification, understand the contents of the column, and clarify the learning objectives
- 解决php无法将string转换为json的办法
- 零道云新UI设计中
- Leetcode skimming: binary tree 10 (number of nodes of a complete binary tree)
猜你喜欢
Leetcode brush question: binary tree 14 (sum of left leaves)
About the priority of Bram IP reset
Practical demonstration: how can the production research team efficiently build the requirements workflow?
leetcode刷题:二叉树15(找树左下角的值)
Unity编辑器扩展 UI控件篇
【数字IC验证快速入门】1、浅谈数字IC验证,了解专栏内容,明确学习目标
Zero cloud new UI design
kubernetes资源对象介绍及常用命令(五)-(ConfigMap&Secret)
【数字IC验证快速入门】3、数字IC设计全流程介绍
Go language | 02 for loop and the use of common functions
随机推荐
B站UP搭建世界首个纯红石神经网络、基于深度学习动作识别的色情检测、陈天奇《机器学编译MLC》课程进展、AI前沿论文 | ShowMeAI资讯日报 #07.05
js实现禁止网页缩放(Ctrl+鼠标、+、-缩放有效亲测)
Leetcode brush question: binary tree 14 (sum of left leaves)
无卷积骨干网络:金字塔Transformer,提升目标检测/分割等任务精度(附源代码)...
Introduction to dead letter queue (two consumers, one producer)
实操演示:产研团队如何高效构建需求工作流?
Database logic processing function
Go language | 01 wsl+vscode environment construction pit avoidance Guide
When JS method passes long type ID value, precision loss will occur
Schema and model
【数字IC验证快速入门】1、浅谈数字IC验证,了解专栏内容,明确学习目标
.Net分布式事务及落地解决方案
leetcode刷题:二叉树12(二叉树的所有路径)
CCPC 2021威海 - G. Shinyruo and KFC(组合数,小技巧)
死信队列入门(两个消费者,一个生产者)
618 "low key" curtain call, how can baiqiushangmei join hands with the brand to cross the "uncertain era"?
如何形成规范的接口文档
银河证券在网上开户安全吗?
中金财富在网上开户安全吗?
Oracle tablespace management