2024秋招小程序面试题库

257 阅读1分钟

wxss与css的区别

1.尺寸单位

  • wxss引入了rpx单位,这是一种相对像素单位,根据屏幕宽度自动缩放,使得样式在不同设备上更加一致
  • css通常使用pxrem等单位,对于响应式设计,可能需要额外的计算或媒体查询来实现跨设备的一致性

2.选择器支持

  • wxss不支持所有css的高级选择器,比如属性选择器或者伪类

3.样式作用范围

  • wxss支持全局样式或局部样式,app.wxss文件中的样式将应用于整个小程序,而每个页面的.wxss文件只作用于当前页面
  • css通常通过<link><style>标签在HTML文档中定义,其作用范围取决于如何引用

4.样式规则

  • wxss可能有一些特殊的样式属性,如scroll-into-viewcover-view,这些是针对小程序环境的特性
  • css提供了更广泛的样式属性,包括动画、过渡等现代web设计特性

5.兼容性和执行环境

  • wxss是专为微信小程序设计的,只能在微信小程序的运行环境中使用
  • css是web标准的一部分,可以在任何现代浏览器中使用

6.兼容性和执行环境

  • wxss的某些限制实际上是为了提高小程序的渲染性能和资源加载效率
  • css在web环境下可能需要考虑更多的性能优化策略,比如避免复杂的布局和重绘

小程序的双向绑定和Vue哪里不一样

小程序直接使用this.data.key=value是不能更新到视图当中的

必须使用this.setData({key:value})来更新值