微信小程序语言与web开发语言的区别

WXML与HTML的区别

def：WXML是小程序框架设计的一套标签语言，用来构建小程序页面的结构，作用类似于web开发中的HTML

区别：

标签名称的不同

如HTML中的div，span，img，a分别对应wxml中的view，text，image，navigator

属性节点的不同

如跳转地址<a href="#"></a超链接>与之对应的是<navigator url=" 地址"></navigator>

增加了vue的语法

如数据绑定；列表渲染；条件渲染等

WXSS与CSS的区别

def：wxss是一套样式语言，用于描述wxml的组件样式，类似于web开发中的css

区别：

新增了rpx尺寸单位

css中需要手动进行像素单位换算，而wxss在底层支持新的尺寸单位rpx，在不同大小的屏幕上小程序会自动进行换算

提供了全局样式和局部样式

项目根目录下的app.wxss可以作用于所有小程序页面；

局部页面中的.wxss也仅只对当前页面生效

wxss仅支持部分css选择器

微信小程序语言与web开发语言的区别相关推荐

最详细的【微信小程序+阿里云Web服务】开发部署指引（一）：准备开始
文章目录前言案例说明专题文章链接前言作为一个程序开发的老鸟,有时候想使用微信小程序,开发实现一些实用的小功能.由于小程序往往需要有后台数据的支持,所以一般还需要搭建一个Server服务器,来 ...
最详细的【微信小程序+阿里云Web服务】开发部署指引（十一）：开发小程序设置功能
文章目录前言一.功能说明二.设置界面代码实现 1.创建界面Page 2.WXML 3.JS 4.WXSS 三.参数控制逻辑代码实现 1.自动跳转卡片 2.自动播放声音专题文章链接前言案例的 ...
最详细的【微信小程序+阿里云Web服务】开发部署指引（四）：搭建服务端数据库
文章目录前言一.连接主机数据库二.创建数据表结构三.准备测试数据专题文章链接前言做完了前面的注册申请工作,今天我们开始进行程序的开发. 这篇文章,我们要完成的是服务端数据库表的创建. 一 ...
最详细的【微信小程序+阿里云Web服务】开发部署指引（八）：开发小程序卡片类型呈现功能
文章目录前言一.功能说明二.代码实现 1.创建主界面Page 2.WXML 2.JS 3.WXSS 4.合法域名校验 5.图片缓存刷新问题的解决小结专题文章链接前言本篇文章,将对照专题案 ...
最详细的【微信小程序+阿里云Web服务】开发部署指引（十二）：开发小程序用户反馈功能
文章目录前言一.功能说明二.代码实现 1.创建界面Page 2.WXML 3.JS 4.WXSS 专题文章链接前言案例的运行效果,可以扫码观看: 本篇文章,我们将实现应用的用户反馈功能. 一 ...
微信小程序购物商城系统开发系列-工具篇
微信小程序购物商城系统开发系列-工具篇微信小程序开放公测以来,一夜之间在各种技术社区中就火起来啦.对于它估计大家都不陌生了,对于它未来的价值就不再赘述,简单一句话:可以把小程序简单理解为一个新的操 ...
微信小程序开发教程第七章：微信小程序编辑名片页面开发
前面我们更新了六篇的微信小程序开发教程,现在更新第七章:微信小程序编辑名片页面开发,(第一二章:微信小程序开发教程,第三四章:微信小程序项目结构以及配置&微信小程序首页面开发,第五章:微信小程 ...
微信小程序个人中心页面开发
目录微信小程序创建项目配置底部导航栏微信小程序滚动播放内容微信小程序功能中心模块开发微信小程序个人中心页面开发微信小程序获取电话号码微信小程序显示列表数据微信小程序显示分页列表微信小程 ...
从0到一开发微信小程序（2）——开发第一个小程序
文章目录其他相关文章 1.创建项目 2.小程序代码目录介绍 2.1.描述整体的app.* 2.2.描述各自页面的pages下面的目录其他相关文章从0到一开发微信小程序(1)--申请账号并安装开发 ...
微信小程序：uni-app云开发的网盘助手
这是一款uni-app开发的一款网盘小助手小程序源码该源码主要用于用户输入关键词然后全网抓取百度网盘资源内容另外呢该小程序还可以免费领取百度网盘七天会员,所以用来引流特别的不错该小程序还有外卖系 ...

微信小程序语言与web开发语言的区别

WXML与HTML的区别

WXSS与CSS的区别

微信小程序语言与web开发语言的区别相关推荐

最新文章

热门文章