wxss与css的区别
1.尺寸单位
- wxss引入了
rpx单位,这是一种相对像素单位,根据屏幕宽度自动缩放,使得样式在不同设备上更加一致 - css通常使用
px、rem等单位,对于响应式设计,可能需要额外的计算或媒体查询来实现跨设备的一致性
2.选择器支持
- wxss不支持所有css的高级选择器,比如
属性选择器或者伪类
3.样式作用范围
- wxss支持全局样式或局部样式,
app.wxss文件中的样式将应用于整个小程序,而每个页面的.wxss文件只作用于当前页面 - css通常通过
<link>与<style>标签在HTML文档中定义,其作用范围取决于如何引用
4.样式规则
- wxss可能有一些特殊的样式属性,如
scroll-into-view和cover-view,这些是针对小程序环境的特性 - css提供了更广泛的样式属性,包括动画、过渡等现代web设计特性
5.兼容性和执行环境
- wxss是专为微信小程序设计的,只能在微信小程序的运行环境中使用
- css是web标准的一部分,可以在任何现代浏览器中使用
6.兼容性和执行环境
- wxss的某些限制实际上是为了提高小程序的渲染性能和资源加载效率
- css在web环境下可能需要考虑更多的性能优化策略,比如避免复杂的布局和重绘
小程序的双向绑定和Vue哪里不一样
小程序直接使用this.data.key=value是不能更新到视图当中的
必须使用this.setData({key:value})来更新值