2024年Java最全微信小程序开发入门篇(二)，2024年最新大厂Java面试笔试题目

本次面试答案，以及收集到的大厂必问面试题分享：

本文已被CODING开源项目：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友，可以点击这里获取

Page:({

data: {

listObj: [

{

title:“标题”,

time:“2021-09-18”

},{

title:“标题2”,

time:“2021-09-18”

},{

title:“标题3”,

time:“2021-09-18”

}

]

}

})

1.3.2、wx:key

• 我们在使用 wx:for 时，最好加一个 wx:key='*this'

• 或者加一个 wx:key="index"

{ {item.title}} - { {item.time}}

{ {item.title}} - { {item.time}}

2、WXSS样式

==========================================================================

2.1、小程序适配方案

---

• 小程序适配单位：rpx (responsive pixel 响应式像素单位)

• 规定任何屏幕下宽度为 750rpx

• 在iPhone 6 下 1rpx = 0.5px，小程序会根据屏幕的宽度不同自动计算 rpx 值的大小

• 我们一般设计规范都是依据 iPhone 来设计的，也就是说平时 UI 设计师给出的 1px 我们写代码时要写 0.5rpx。(也就是用 px / 2 来得到我们对应的 rpx 大小)。

2.2、样式导入

---

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

/** common.wxss **/

.small-p {

padding:5px;

}

/** app.wxss **/

@import “common.wxss”;

.middle-p {

padding:15px;

}

2.3、内联样式

---

框架组件上支持使用 style、class 属性来控制组件的样式。

• style：静态的样式统一写道 class 中。

• class：用于指定样式规则，其属性值是样式规则中类选择器名(样式类名)的集合，样式类名不需要带上.，样式类名之间用空格分隔。

目前支持的选择器有：

| 选择器 | 样例 | 样例描述 |

| — | — | — |

| .class | .intro | 选择所有拥有 class=“intro” 的组件 |

| #id | #firstname | 选择拥有 id=“firstname” 的组件 |

| element | view | 选择所有 view 组件 |

| element, element | view, checkbox | 选择所有文档的 view 组件和所有的 checkbox 组件 |

| ::after | view::after | 在 view 组件后边插入内容 |

| ::before | view::before | 在 view 组件前边插入内容 |

需要注意的是小程序是不支持通配符 *

3、事件

======================================================================

事件分为冒泡事件和非冒泡事件：

1. 冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。

2. 非冒泡事件：当一个组件上的事件被触发后，该事件不会向父节点传递。