微信小程序学习笔记02 WXML/WXSS/JS 及其和 HTML /CSS的区别

原创 已于 2022-01-19 09:53:52 修改 · 1.9k 阅读 · 14 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css #javascript #html

于 2022-01-17 14:42:45 首次发布
本文介绍了微信小程序中WXML与HTML、WXSS与CSS的区别。WXML标签与HTML不同，如使用view、text等，并提供了模板语法；WXSS增加了rpx单位和特定样式规则，而JS则涉及数据绑定、列表渲染和条件渲染等逻辑交互，包括app.js、页面js及普通js文件的使用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、WXML 和 HTML 的区别：

WXML（WeiXin Markup Language）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。与HTML相似，区别如下：

1.标签名称不同

① html中有 （div span img a）等标签
② wxml中有（ view text image navigator） 等标签

2.属性节点不同
html:

<a href="#">超链接</a>

wxml:

最低0.47元/天 解锁文章

200万优质内容无限畅学
前端学习笔记-微信小程序学习笔记
01-09
前端学习笔记-微信小程序学习笔记 微信小程序是一种基于微信平台的轻量级应用程序，提供了前端开发的解决方案。本笔记总结了微信小程序的基本组成部分、JSON 配置文件的作用、WXML 模板语法、WXSS 样式语言、JS ...
易打卡签到小程序源码（优化版），微信小程序源代码下载
05-24
3. **WXSS（微信小程序样式语言）**：类似CSS，WXSS用于描述WXML元素的样式，控制页面布局和视觉效果。它可以实现响应式设计，适应不同尺寸的手机屏幕。 4. **JavaScript API**：微信小程序提供了丰富的JavaScript...
WXML与HTML的区别
热门推荐
Black_stonenight的博客
08-13 1万+
1、标签名字有点不一样 2、多了一些 wx:if 这样的属性以及 {{ }} 这样的表达式 3、开发工具限制：WXML仅能在微信小程序开发工具中预览，而HTML可以在浏览器内预览。 4、组件封装不同：WXML对组件进行了重新封装，为后续的性能优化提供了可能，同时避免开发者写出低质量的代码。 5、没有DOM树：小程序运行在JS Core内，没有DOM树和window对象，没有办法使用相关API。 ...
wxml和html的区别
2301_79658787的博客
06-19 553
WXML（WeiXin Markup Language）和HTML（HyperText Markup Language）是用于不同平台的标记语言，主要用于构建界面和布局，具有一些显著的区别：::wx:ifwx:forwx:bind<div><p><span>
wxml和html的异同
最新发布
Z09111616的博客
07-11 325
摘要： WXML与HTML均为标记语言，但应用场景不同。WXML专用于微信小程序，采用自定义标签（如<view>、<text>），原生支持数据绑定（{{}}）和指令（wx:if、wx:for），与小程序MVVM架构深度集成。HTML为通用网页语言，依赖DOM操作，灵活性高但需框架实现响应式。WXML强调简洁性与性能优化，需搭配WXSS/JS使用；HTML兼容多浏览器，可自由扩展。示例显示WXML通过数据驱动视图，而HTML需手动操作DOM。两者结构相似，但WXML为微信生态量身定制。
WXML和HTML的区别
weixin_45627726的博客
01-20 1594
WXML可以通过上述语法快速实现一些功能。
【微信小程序】WXML和HTML区别
MrsBaek的博客
07-12 4817
HTML和WXML是两种不同的标记语言，用于构建网页和小程序的用户界面。它们有以下区别：用途：HTML（Hypertext Markup Language）是用于构建网页的标记语言，而WXML（Wechat Mini Program XML）是微信小程序中用于构建页面结构的标记语言。平台限制：HTML可以在各种Web浏览器上运行，而WXML主要用于微信小程序平台。标签和属性：HTML使用一系列预定义的标签和属性来描述网页结构和样式。
基于JavaScript、TypeScript的微信小程序功能、组件、CSS、JS设计源码笔记总结
02-14
首先，微信小程序的基础结构包括四个核心文件类型：WXML（WeiXin Markup Language）、WXSS（WeiXin Style Sheets）、JS（JavaScript）、JSON（配置文件）。WXML类似于HTML，用于描述页面结构；WXSS类似于CSS，负责...
用于微信小程序的HTML和Markdown格式的富文本渲染组件，支持代码高亮.zip
02-21
部分字符已被替换），我们无法获取具体的信息，但通常这样的文件名可能是项目的源代码包，包含`.wxml`（微信小程序的结构文件）、`.wxss`（样式文件）、`.js`（逻辑文件）以及可能的配置文件和资源文件。开发者可以...
微信小程序 WXML、WXSS 和JS介绍及详解
10-21
主要介绍了微信小程序 WXML、WXSS 和JS介绍及详解的相关资料,需要的朋友可以参考下
html和wxml标签对比,微信小程序笔记（2）：wxml相比于html的扩展
weixin_33089345的博客
06-26 1418
wxml的概述WXML(WeiXin Markup Language)是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。与html不同的是，为了方便小程序的开发，wxml配合小程序渲染层与逻辑层分离的理念，新增了数据绑定、列表渲染、条件渲染、模板、引用功能。数据绑定小程序为了做到数据与逻辑的分离，可以在wxml中使用在js中定义的变量名，并且通过在js中调用setData的方...
微信小程序 - WXML语法与HTML比较
Victor.Chang
06-17 7996
上章我们看到一个小程序的page是由 .wxml .wxss .js .json组成。 wxml：相当于html，开发小程序的页面 wxss：相当于css，小程序页面渲染样式 js：实现小程序的动态方法等，包括该page的生命周期函数等 json：用于小程序的配置 如果你已经很熟练掌握Html，那么通过下表对照就可以快速掌握小程序的基础语法了。 html 小程序 <div></div> <view></view> &...
微信小程序开发中WXML、WXSS与HTML、CSS的区别
m0_61631823的博客
03-17 4741
微信小程序的开发与web网页开发的区别： 1.页面结构 web网页开发使用的页面结构是HTML,而小程序开发使用的却是WXML，两者的区别有： ①：标签名称不同 HTML中有（div、span、img、a）等标签 WXML中不存在这些标签，它有自己独特的标签如：（view、text、image、navigator），其作用与上面HTML标签对应相似， 使用如下： HTML的使用 <div> <div></div> <span>
xml和html的区别
caiweijiancsdn的博客
03-15 771
什么是xml？ 1、定义：可扩展标记性语言(EXtensible Markup Language) 2、特定：xml是具有自描述特性的半结构化数据。 3、作用：xml主要用来传输数据 xml和html的区别？ 1、语法要求不同：xml的语法要求更严格。 （1）在html中不区分大小写，在xml中严格区分 （2）在html中，有时不严格，如果上下文清楚地显示出段落或者列表键在何处结尾，那么你可以省...
微信小程序 WXML和html有什么区别？WXML是什么文件？
贼厉害
02-04 2194
WXML全程WeiXin Markup Language 是小程序框架设计的一套标签语言用来构建小程序页面的结构，起作用类似于网页开发中的HTML。
微信小程序中WXML和HTML的不同
vayne_1的博客
08-24 420
微信小程序中WXML和HTML的不同
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值