一、填空题
1、 组件 是视图层的基本组成单元。
2、 swiper内部只可以放置 swiper-item 组件。
3、 设置text文本内容长按可选的属性是 selectable 。
4、navigator组件通过设置 open-type 属性,来区分不同的跳转功能。
5、通过image的 mode 属性来设定不同的图片展示模式。
二、判断题
1、所有组件和属性都使用小写。(✔)
2、video组件用来播放音频。(✖)
3、audio组件用来播放视频。(✖)
4、canvas组件用来绘制形状。(✖)(动画,游戏也可以以)
5、只有给父元素设置display:flex,才可以使用flex的相关属性。(✔)
三、选择题
1、下列对于input组件的说法错误的是(D)。
A、可以设置input输入框的禁用
B、用来控制输入单行文本内容
C、通过placeholder给输入框添加友好提示信息
D、input的type属性有3中有效类型
2、关于组件描述错误的是(A)。
A、所有组件都使用大写
B、组件自带一些微信风格的样式和功能
C、组件是视图层的基本组成单元
D、所有组件都有基础属性
3、关于form表单组件描述错误的是(A)。
A、每个表单内的组件不用设定name属性
B、form表单提交的是表单内选中的所有组件
C、form组件用来将表单里的值提交给JS逻辑层进行处理
D、button中的type有两个属性分别是submit和reset
4、下列关于text文本组件,说法正确 (A)。
A、text的selectable属性,表示文本是否可选
B、text的space属性,有效值为emsp表示中文字符空格大小
C、text的decode属性,表示是否解码
D、text组件内支持text和view的嵌套
5、下列关于媒体组件,说法正确的是(A)。
A、媒体组件包括音频组件,视频组件,图片组件
B、image组件的mode属性有12种展现方式
C、audio表示视频组件
D、video组件的宽高不能通过WXSS设置
四、简答题
1、简述如何使用scroll-view实现内容横向滚动
(1)、创建一个 scroll-view
组件,并设置 scroll-x="true"
属性,启用横向滚动。可以 根据实际情况设置 scroll-y
属性来启用纵向滚动,或同时启用横向和纵向滚动。
(2)、在 scroll-view
中添加需要滚动的内容,可以使用 view
或其他组件来包裹内容。 需要注意的是,为了实现横向滚动,需要将内容的宽度设置为超过视图宽度,以触 发 滚动效果。
(3)、根据实际需求,可以设置 scroll-left
和 scroll-top
属性来控制滚动的初始位置 和偏移量。可以通过程序代码动态设置这些属性的值,实现滚动效果的控制和交互。
(4)、在需要的情况下,可以使用 bindscroll
事件监听滚动的状态和位置,以实现相关 的业务逻辑,例如加载更多数据、更新滚动指示器等。
2、简述如何获取input输入框的值
(1)、创建一个 input
组件,并设置 bindinput
属性,绑定输入事件的回调函数。
(2)、在回调函数中,使用 event.detail.value
获取输入框的值。该值为字符串类型,
表示当前输入框中的文本内容。
(3)、可以将输入框的值存储到页面数据中,或通过函数参数传递到其他组件中,实现
数据的传递和处理。
3、请简述input组件中哪个属性可以设置输入文本的最大长度
可以使用 input
组件创建文本输入框,并使用 maxlength
属性限制输入文本的最大长度。
maxlength
属性是一个数字类型的属性,用于设置输入框中允许输入的最大字符数。当输 入框中的文本长度达到最大长度时,用户将无法再输入更多的字符。例如, 将 maxlength
属性设置为 10
,则输入框中最多只能输入 10 个字符