微信⼩程序 WXML && WXSS

问题

微信⼩程序 WXML && WXSS

WXML

• ⽀持数据绑定
• ⽀持逻辑算术、运算
• ⽀持模板、引⽤
• ⽀持添加事件（ bindtap ）
• Wxml 编译器： Wcc 把 Wxml ⽂件 转为 JS
• 执⾏⽅式： Wcc index.wxml
• 使⽤ Virtual DOM ，进⾏局部更新

WXSS

• wxss编译器： wcsc 把 wxss ⽂件转化为 js
• 执⾏⽅式： wcsc index.wxss

尺⼨单位 rpx

rpx（responsive pixel ）: 可以根据屏幕宽度进⾏⾃适应。规定屏幕宽为750rpx 。公式：

const dsWidth = 750
export const screenHeightOfRpx = function () {
    return 750 / env.screenWidth * env.screenHeight
}
export const rpxToPx = function (rpx) {
    return env.screenWidth / 750 * rpx
}
export const pxToRpx = function (px) {
    return 750 / env.screenWidth * px
}

样式导⼊

使⽤ @import 语句可以导⼊外联样式表， @import 后跟需要导⼊的外联样 式表的相对路径，⽤ ; 表示语句结束

内联样式

静态的样式统⼀写到 class 中。 style 接收动态的样式，在运⾏时会进⾏ 解析，请尽量避免将静态的样式写进 style 中，以免影响渲染速度

全局样式与局部样式

定义在 app.wxss 中的样式为全局样式，作⽤于每⼀个⻚⾯。在 page 的 wxss ⽂件中定义的样式为局部样式，只作⽤在对应的⻚⾯，并会覆盖 app.wxss 中相同的选择器

更多面试题

如果你想了解更多的前端面试题，可以查看本站的WEB前端面试题 ,这里基本包涵了市场上的所有前端方面的面试题，也有一些大公司的面试图，可以让你面试更加顺利。

这些题库还在更新中，如果你有不错的面试题库欢迎分享给我，我整理后放上来；人人为我，我为人人，互帮互助，共同提高，祝大家都拿到心仪的Offer！