微信的WXML和HTML WXSS和CSS的区别详解

WXML和HTML:

标签名称不同：

HTML标签主要包括：div,img,a,span......

WXML标签主要包括：view,image,navigator,text......

属性节点不同：

WXML提供了类似于vue的模板语法

数据绑定列表渲染条件渲染

WXSS和CSS:

1. WXSS增加了rpx尺寸单位，在不同大小的尺寸屏幕下会进行自动换算

2. WXSS提供了全局样式（app.wxss)来对设置全局样式，和页面css来设置局部样式

3. wxss只会支持css的部分选择器（.class/#id/element/并集后代后代选择器/等）

小程序的js文件：

小程序的js文件根据功能不同包括下面的三种不同的文件

app.js:小程序项目执行的入口文件，通过调用App()函数来启动整个项目。

页面的js文件：小程序页面的入口文件，通过调用Pages()来启动整个页面

普通的js文件;是普通的功能模块文件，通过封装公共函数和属性给页面使用

微信的WXML和HTML WXSS和CSS的区别详解相关推荐

微信公众平台订阅号和服务号的区别详解
什么是订阅号? 订阅号:为媒体和个人提供一种新的信息传播方式,主要功能是在微信侧给用户传达资讯:(功能类似报纸杂志,提供新闻信息或娱乐趣事) 适用人群:个人.媒体.企业.政府或其他组织. 什么是服务号 ...
微信小程序 WXSS和CSS的区别？什么是WXSS？
1.什么是WXSS wxss全名是WeiXin Style Sheets 是一套样式语言,用于描述WXML的组件样式,类似于网页开发中的CSS.本质上和css没区别,只是在css基础上创新了一些参数, ...
wxss 点击样式_微信小程序点击控件修改样式实例详解
微信小程序点击控件修改样式实例详解现在要在微信小程序中实现点击控件修改样式,如下: 微信小程序中不支持直接操作dom,要实现这种效果,我们需要通过设置data,然后利用数据和界面的双向绑定来实现它. ...
[转]CSS hack大全详解
转自:CSS hack大全&详解 1.什么是CSS hack? CSS hack是通过在CSS样式中加入一些特殊的符号,让不同的浏览器识别不同的符号(什么样的浏览器识别什么样的符号是有标准的, ...
php微信小程序物流进度推送,微信小程序消息推送php服务器验证实例详解
微信小程序消息推送php服务器验证实例详解设置页面("设置">>"开发设置"): 1.设置服务器域名注意http和https协议的不同. 2. ...
CSS属性vertical-align详解（CSS之五）
CSS属性vertical-align详解作用对象 vertical-align的意思是在垂直方向进行对齐.它主要对以下属性的元素有效 inline元素.inline-block元素和普通的文本. ...
CSS之排列系列--块级元素、内联元素、内联块元素--区别/详解
原文网址:CSS之排列系列--块级元素.内联元素.内联块元素--区别/详解_IT利刃出鞘的博客-CSDN博客简介本文介绍CSS的块级元素(block).内联元素(inline)和内联块元素(inl ...
CSS vw vh详解
CSS vw vh详解简介适配原理简介 vw vh是一种相对单位相对视口的宽度计算结果 vw viewport width 1vw=1/100视口宽度 vh viewport height 1 ...
css background-attachment属性详解
css background-attachment属性详解 background-attachment属性用途 background-attachment属性用于设置背景图片定位的参照方式 backg ...