2023年05月份青少年软件编程Scratch试卷三级真题

                                                   2023-05 Scratch三级真题

                                                              分数:100

                                                               题数:38

                                                         测试时长:60min

一、单选题(共25题,共50分)

1.  关于变量,下列描述错误的是?(A)(2分)  (变量那一栏就可以修改,显示与隐藏变量)

A.只能建一个变量

B.变量可以隐藏

C.变量可以删除

D.变量的值可以修改

答案解析:考察变量相关操作,包括新建、删除变量,可以设定变量值以及在舞台区显示、隐藏变量的操作。

2.  运行下列程序后,变量“和”的值是?(D)(2分)(理解不了的话,可以用scratch演示一遍)

A.1

B.4

C.5

D.6

3.  当前角色的造型如下图所示,运行程序后,最后停留在哪个造型上?(A)(2分)

A.造型1

B.造型2

C.造型3

D.造型5

答案解析:考察学生对计数循环的理解,经过10循环后停留在造型1上。

4.  下列哪个选项可以实现小猫从左跑到右,碰到舞台边缘停止前进,面向左边方向?(B)(2分)  (首先排除c d ,然后a没有碰到舞台边缘)

  

A. 

B. 

C. 

D. 

答案解析:本题考察”重复执行直到”指令的理解和运用。先执行循环体中的代码直到碰到舞台边缘停止,并且最后小猫需面向左边。

5.  蝴蝶程序如右图所示,点击绿旗,程序运行后,最终看到几只蝴蝶?(D) (2分)

(会看到11只,因为自己本身有一只加上再复制10次,共11只,理解不了可以编程看效果)

A.1只

B.9只

C.10只

D.11只

答案解析:考察“克隆”指令。“克隆”就是可以在程序运行期间自动地复制角色,拥有和本体一样的属性和脚本。角色重复执行了10次,加上本体也就是11只。

6.  默认小猫角色,点击绿旗,运行程序后,下列描述正确的是?(C)(2分)

A.小猫先向右移动,碰到舞台边缘反弹向左移动;再次碰到边缘后,向右移动;重复100次,最后停下来

B.小猫先向左移动,碰到舞台边缘反弹向右移动;再次碰到边缘后,向左移动;重复100次,最后停下来

C.小猫保持原地不动

D.小猫忽左忽右地在舞台中移动,碰到边缘反弹,继续忽左忽右地运动

答案解析:本题侧重考察学生对广播消息的并行过程的理解和掌握。对于同一个角色,程序在并行相反的两个运动程序,在极短的时间差内,x坐标增加10,又减少10,我们是看不出小猫有位移变化的。这里可能有同学会被碰到舞台反弹干扰,会因此认为x坐标先增加100次,一定会碰到边缘,就反弹了。正好又去执行100次,x坐标减少10。还是会受到程序执行顺序的掌握不够而造成逻辑上理解的偏差

7.  以广播的形式控制角色向前移动,下列哪个选项最合适?( C)(2分)

A.123456

B.@#%^

C.前进

D.ABC

答案解析:abc、123456之类的,不便于其它人看懂程序,不知道这些广播是什么意义。所以必须取有意义的名字。

8.  淘气的生日是12月份的某一天,下列哪个选项一定能生成这一天?(D )(2分)

A. 

B. 

C. 

D. 

9.  小猫在舞台中心,面向90度方向,运行程序后,下列选项正确的是?(A)(2分)

A.小猫距离舞台中心最少9步

B.小猫距离舞台中心最少15步

C.小猫距离舞台中心最多3步

D.小猫距离舞台中心最多5步

答案解析:每次运行要先归位,都是从中心开始;每次最少可能为3步,3次循环最小值至少为9;每次最大值5步,3次循环最大值只能达到15步。因此选A.

10. 运行下列程序后,画出的图形是?(C )(2分)

A. 

B. 

C. 

D. 

答案解析:由于颜色为黑色,所以后面的颜色值的增加指令不会产生效果。所以只能画出一个黑色的圆,选C。

11. 关于“全部擦除”积木,下列描述正确的是?(B)(2分)

A.只能擦除画笔所画的图形

B.只能擦除图章和画笔所画的图形

C.可以擦除背景

D.可以擦除画笔、图章所绘的的图形及背景

答案解析:只能擦除图章和画笔所画的图形,不可以擦除背景图形。答案B

12. 关于“广播”,下列描述正确的是?( D)(2分)

A.广播只能由角色发出

B.广播的内容可以是字符或数值,但不能是变量

C.舞台不能发送广播,但可以接收广播

D.广播可以被任何角色以及舞台接收

答案解析:广播可以由任何角色或舞台发出,也可以被任何角色或舞台接收,内容可以是字符或数值,也可以是变量。所以选D.

13. 运行程序后,下列描述正确的是?(D)(2分)

A.财富值大于100就过关

B.找到钻石矿脉就过关

C.财富值大于100,或者找到钻石矿脉都可以过关

D.财富值大于100,同时还需要找到钻石矿脉,才能过关

答案解析:“与”运算要求两个条件同时满足,所以应选D。

14. 运行下列程序后,画出的图形是?(B)(2分)

A. 

B. 

C. 

D. 

答案解析:本题考察循环中绘图,内循环10次,每次坐标向下移动并落笔,之后再抬笔,这样就出现点状线,外循环15次,则出现15条向下的点状线。

15. 小动物们排队做早操,第一排有1个小动物,第二排有3个小动物,第三排有5个小动物,以此类推...排了8排,算一算一共有多少个小动物?(C )(2分)

A.24个

B.32个

C.64个

D.128个

答案解析:64。 1+3+5+7+9+11+13+15=64,所以一共有64个小动物。

16. 运行下列程序后,变量a和变量b之间的关系是?(B)(2分)

A.a>b

B.a<b

C.a=b

D.b是a的2倍

答案解析:考察循环结构与变量运算的综合知识。

17. 骰子角色有6个造型,分别对应1~6点,下列哪个选项不能让骰子角色换成随机的造型?(B)(2分)

A. 

B. 

C. 

D. 

答案解析:要让造型随机切换,必须使用随机数积木。B选项程序里【将变量设为1~6】,变量的值会变成“1~6”,它是一个字符串,不是1~6之间的某一个数,再执行【换成数造型】角色不会换成随机造型,其它三段程序都能让角色换成随机造型。

18. 下列哪段程序能够计算出100以内所有双数的和,并将结果存到变量sum里?( D)(2分)

A. 

B. 

C. 

D. 

答案解析:编程计算100以内的双数和时,变量sum用来累加双数,变量num用来自增不断变成下一个双数。一开始sum的值要是0,num的值应该是100以内最小的双数2,然后每次应该让sum加上num的值,num的值要增加2。如果无法看懂解析,建议亲自编写程序,并在循环内加上等待积木,运行程序以后仔细观察各个变量值的变化。

19. 楼道的声控灯会在有响声的时候亮起,等5秒以后熄灭,下列哪个选项可以实现这个功能?(D) (2分)

A. 

B. 

C. 

D. 

答案解析:A程序少了循环积木,声控灯肯定是要一直检测有没有声音的;B程序实现的效果是有声音就亮,没声音马上就灭,而不是等5秒再灭;C选项实现的是没声音亮,有声音灭。

20. 迷宫地图如下图所示,机器人只能走蓝、绿、黄色方格,找到钻石,每一格的长度是50步,下列哪个选项不能让机器人拿到宝石?(D)(2分)

A. 

B. 

C. 

D. 

答案解析:要想让机器人拿到钻石,需要控制它一直向当前方向移动,并且每次碰到绿色就要左转90度,碰到钻石后停止,A、B、C三段程序都符合这些要求。执行D程序时,机器人没碰到绿色会移动,碰到后停止移动,左转90度,转完以后机器人还是站在绿色格子上,碰到绿色一直成立,机器人不会移动,会一直在原地转圈圈。

21. 下列哪个选项可以画出右图所示的图案?(C)(2分)

A. 

B. 

C. 

D. 

答案解析:图案是由角色图章1次,旋转1次,然后重复10次以后组成的。旋转10次以后,正好转回原来的角度,一共转了360度,所以每次应该旋转36度,答案选C。

22. 制作一个打砖块小游戏,下列哪个选项能实现克隆出一排6块砖块?( C) (2分)

A. 

B.

C.

D. 

答案解析:要制造一排6个砖块,最方便的方法是让本体先显示,然后每60步制造一个克隆体,C程序符合要求。如果想要让本体不动,制造出来的克隆体依次向右排列,需要用到变量,让不同的克隆体向右移动不同的距离。A、B程序只会使得克隆体都堆叠在一起。

23. 下列选项说法正确的是?( C)(2分)

A.舞台上可以存在无数个克隆体

B.本体做什么,克隆体就要做什么

C.执行停止全部脚本后,会删掉所有克隆体

D.克隆体的大小只能跟本体一样

答案解析:A选项,所有角色总共只能制造300个左右的克隆体;B选项,拼接在【当开始被点击】下面的代码控制本体,拼接在【当作为克隆体启动时】下的代码控制克隆体,所以本体和克隆体可以做不同的事情;D选项,克隆体被制造出来的时候和本体长得一模一样,但之后本体可以继续变化,克隆体也可以变化,所以最后本体和克隆体长得可能不一样。

24. 现有一款测温设备,如果到目标距离小于100,同时体温大于37.5°C就发出警报,下图程序空缺处应填写?(B)(2分)

A. 

B. 

C. 

D. 

答案解析:需要两个条件都满足才报警,应该使用【与】积木。

25. 运行下列程序,变量c的值为?(D )(2分)

A.true

B.false

C.0

D.1

答案解析:首先进行逻辑运算a>b不成立,为0;c>b成立,为1;二者数学相加,结果为1。故选D

二、判断题(共10题,共20分)

26. 运行下列程序后,变量c的值是6。(错)

答案解析:c被重新赋值:ab两个变量的和被重新赋给了c,因此c的值为3.

27. 变量a与变量b的初始值都是1,a+b等于2。运行下列程序后,a的值一直保持2不变。(错)

答案解析:借助循环,a被不断累加b,值逐步变大。此例变量a最终结果为11.

28. 三十位同学,编号从1到30,编号为单数的同学到第1列,双数的同学到第2列,下列程序能实现这个功能。(错)

答案解析:除2的余数为0时是双号,被分到了第1列。与题干描述不符。

29. 默认小猫角色,点击绿旗,运行下列程序后,舞台上会有11只小猫。按下空格键后,只剩下一只小猫。(对)

答案解析:按下空格键后,克隆体都被删除,只剩下本体。

30. 多次运行下列程序,角色可能会说出“你好”。(错)

答案解析:随机数和条件嵌套,增加了本题的逻辑复杂度,需要小心。随机在10到30之间,是包前又包后的,最大取值是30。如果a取值大于15,再进行条件判断,a是否大于30,这时,很容易忽略了a的取值范围,让第一个条件a大于15混淆。a取值不会大于30,因此,无论如何取值,也不会执行a>30条件语句的语句体。

31. 有两个角色:小猫和猴子,小猫角色添加了一个如下图所示的变量a,在猴子角色的程序中,可以直接修改变量a的值。(错)

答案解析:这里重点考察学生对变量作用域的掌握。共有变量,适用于全局,任何角色都可以读取和修改它;私有变量,适用于局部,特定对象,其他角色是可以通过侦测程序中对象的属性读取到的,但是,由于是局部私有的变量,其他角色是不可以修改的。因此,如果想让一个角色去修改另一个角色的私有变量,是不正确的。

32. 运行下列程序后,舞台上最终会看到4个一样大小的小猫。(错 )

答案解析:侧重考察图章的特性。重复执行3次,先复制再移动,舞台上确实可以看到的是4个小猫,其中3个是图章复制出来的,1个是本体。关键是最后执行大小增加50,是不是所有的小猫都会改变呢?结果是不会,因为图章复制的小猫,会继承主体的特征,但是不会再被程序修改。

33. 白色背景,画笔的颜色为蓝色,点击绿旗,可以画出一个实心圆。(对)

答案解析:如果将画笔的粗细设置得比较粗,再让画笔执行落笔指令就能在舞台上画出一个实心圆。

34. 默认小猫角色,运行下列程序后,角色会一直切换造型。(对)

答案解析:点击绿旗以后会先广播消息1,接收到消息1以后角色会先切一次造型,然后再广播消息1,这样右边的程序就会进入死循环,让角色一直不停地切造型、广播消息1。

35. 默认小猫角色,运行下列程序后,角色会说出“是”。(错)

答案解析:一开始变量x的值是3.14,四舍五入以后是3,3除以3可以除断,余数为0,0=0的条件是成立的,所以最后角色会说出“true”。

三、编程题(共3题,共30分)

36. 绘制多彩五角星

1.准备工作

(1)选择背景stars、角色Pencil;

(2)将角色Penci的中心点设为笔尖。

2.功能实现

(1)将画笔粗细设为3,画笔的颜色和初始位置自定义,绘制边长为150的五角星,不超出舞台;

(2)每绘制一边改变一种颜色;

(3)绘制完成后抬笔。

评分标准:

(1)正确选择背景stars、角色Pencil;(2分)

(2)初始化:将角色Penci笔尖设置为造型中心位置,将画笔的粗细设为3;(2分)

(3)绘制边长为150的五角星(若五条边长不都为150,扣2分);(3分)

(4)每绘制一边改变一种颜色;(2分)

(5)绘制完成后抬笔。(1分)

参考程序:

37. 躲避陨石

飞船在陨石乱飞的太空中行驶,借助鼠标操纵飞船躲避。每一次被陨石撞击,生命值将减少,当生命值为0及以下时,游戏结束。

1.准备工作

(1)删除小猫角色,从角色库选择两个角色:Rocketship和Ball;

(2)从背景库里选择Galaxy;

(3)建立一个变量“生命值” 。

2.功能实现

(1)点击绿旗游戏开始,变量“生命值”的初始值为100,角色和背景如下,飞船大小为30;

(2)陨石Ball每隔1秒克隆1个,克隆体大小为30,出现在随机位置,右转-30到30之间的随机角度后,不断前进,碰到边缘就反弹;

(3)飞船不断面向鼠标方向移动10步;

(4)陨石碰到飞船,生命值减少10,消失;

(5)生命值小于等于0,游戏结束。    

参考程序:

飞船的程序

陨石的程序

评分标准:

(1)正确选择角色和背景和背景;(1分)

(2)正确建立和初始化变量为100;(1分)

(3)实现飞船跟随鼠标移动;(1分)

(4)实现陨石每隔1秒克隆1个;(1分)

(5)实现克隆体出现后旋转一个任意(随机数)角度后,不断前进,碰到边缘就反弹;(2分)

(6)能进行正确判断:陨石碰到飞船,生命值减少10,并删除克隆体;(2分)

(7)能用循环指令对碰撞进行持续判断;(1分)

(8)实现生命值在0及以下时(等于0也给分),游戏结束。(1分)

说明:

(1)只要能实现题目要求的功能,变量名不限,变量的初始化及结束程序的条件判断,放在哪个角色里写都可以。但碰到陨石生命值减少一定要放“当作为克隆体启动”后面。

(2)因每次减值为整10,所以,只要能实现在生命值,判断的条件是<10、9、8、7、6、5、4、3、2、1,还是“<0或=0”均可,不扣分。

(3)判断生命值在0及以下时结束程序未单独写,放在每次弯量减少之后,效果一样,不扣分。

试题分析:

主要考察克隆、随机数、循环与选择嵌套。前二项在在克隆体产生、旋转,后一个在碰撞与减分、程序结束条件判断中运用。

38. 数星星

1.准备工作

(1)删除默认角色小猫,添加角色Pico和Star;

(2)添加背景:Stars。

2.功能实现

(1)Pico位置在舞台左下角;

(2)点击绿旗,等待1秒后,舞台上方出现1到10之间随机个数的星星,星星一字排开;

(3)Pico询问“请问天上有几颗星星?”回答正确,Pico说“正确”2秒,回答不正确,Pico说“错误”2秒。

参考程序:

Star程序

Pico程序

评分标准:

(1)背景、角色选择正确;(1分)

(2)能够克隆1-10随机的个数的星星,能够一字排开;(4分)

(3)能够询问有几颗星星;(1分)

(4)能正确判断正确和错误。(4分)
————————————————
版权声明:本文为CSDN博主「Lemon Liu」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/m0_46227121/article/details/131134750

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/29291.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

【深度学习】基于Qt的人脸识别系统,门禁人脸识别系统,Python人脸识别流程,树莓派

文章目录 人脸识别过程人脸检测人脸对齐人脸特征提取特征距离比对人脸识别系统 人脸识别过程 在深度学习领域做人脸识别的识别准确率已经高到超出人类识别&#xff0c;但综合考虑模型复杂度&#xff08;推理速度&#xff09;和模型的识别效果&#xff0c;这个地方还是有做一些…

基于Java物流管理系统设计实现(源码+lw+部署文档+讲解等)

博主介绍&#xff1a; ✌全网粉丝30W,csdn特邀作者、博客专家、CSDN新星计划导师、java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战 ✌ &#x1f345; 文末获取源码联系 &#x1f345; &#x1f447;&#x1f3fb; 精…

STM32单片机(四)第一节:OLED调试工具

❤️ 专栏简介&#xff1a;本专栏记录了从零学习单片机的过程&#xff0c;其中包括51单片机和STM32单片机两部分&#xff1b;建议先学习51单片机&#xff0c;其是STM32等高级单片机的基础&#xff1b;这样再学习STM32时才能融会贯通。 ☀️ 专栏适用人群 &#xff1a;适用于想要…

从业务出发,K8S环境自建和非自建整体架构设计比较

新钛云服已累计为您分享751篇技术干货 随着数字化转型的大潮到来&#xff0c;越来越多的企业开始上云&#xff0c;同时也纷纷加入到微服务和K8S队伍中。但在K8S整体环境究竟应该用自建的还是非自建&#xff1f;以及他们需要用到的服务&#xff0c;究竟应该自建还是直接用PAAS服…

C++【STL】之list的使用

文章目录&#xff1a; list介绍list使用1. 默认成员函数1.1 构造函数1.2 拷贝构造1.3 赋值重载1.4 析构函数 2. 迭代器3. 容量操作4. 数据访问5. 数据修改5.1 插入删除5.2 交换调整清理 6. 其他操作6.1 链表拼接6.2 链表移除6.3 排序6.4 链表逆置 list介绍 list是可以在常数范围…

java 版本企业电子招投标采购系统源码之登录页面

​ 信息数智化招采系统 服务框架&#xff1a;Spring Cloud、Spring Boot2、Mybatis、OAuth2、Security 前端架构&#xff1a;VUE、Uniapp、Layui、Bootstrap、H5、CSS3 涉及技术&#xff1a;Eureka、Config、Zuul、OAuth2、Security、OSS、Turbine、Zipkin、Feign、Monitor、…

轻量服务器架设网站打开速度慢,如何加速?

轻量服务器非常适合流量适中的小、中型网站&#xff0c;虽作为轻量级主机包&#xff0c;但它一般与云服务器使用同样的 CPU、内存、硬盘等底层资源。只是&#xff0c;轻量服务器的资源(可用的存储空间、RAM 和 CPU等硬件/内存容量)更低&#xff0c;虽然这些对于较中、小的网站来…

性能优化-内存优化

8-《内存优化》 一.基础知识1.Java的内存分配区域2.Java的引用类型3.Java的垃圾回收机制&#xff1a;三个问题4.Android的内存管理机制 二. Android的内存泄漏、内存溢出、内存抖动概念0.内存泄露1.内存溢出![在这里插入图片描述](https://img-blog.csdnimg.cn/8b73ef844f26470…

png转jpg,直接改后缀?

通过把.png改为.jpg可以改变图片的格式么&#xff1f; 将PNG文件扩展名改为JPEG的扩展名&#xff08;.jpg或.jpeg&#xff09;不会更改图像的格式。它只是更改了文件扩展名&#xff0c;这可能导致一些图像查看器和编辑器无法正确识别和处理该文件。 PNG和JPEG是两种不同的图像文…

Python自动人工智能训练数据增强工具 | DALI介绍(含代码)

Python自动人工智能训练数据增强工具 | DALI介绍(含代码) 文章目录 Python自动人工智能训练数据增强工具 | DALI介绍(含代码)自动数据增强方法DALI 和条件执行使用 DALI 自动增强使用 DALI 的自动增强性能尝试使用 DALI 进行自动增强 深度学习模型需要数百 GB 的数据才能很好地…

练习:逻辑回归

练习2&#xff1a;逻辑回归 介绍 在本练习中&#xff0c;您将实现逻辑回归并将其应用于两个不同的数据集。还将通过将正则化加入训练算法&#xff0c;来提高算法的鲁棒性&#xff0c;并用更复杂的情形来测试模型算法。 在开始练习前&#xff0c;需要下载如下的文件进行数据上…

研一,有点迷茫。

作者&#xff1a;阿秀 校招八股文学习网站&#xff1a;https://interviewguide.cn 这是阿秀的第「277」篇原创 小伙伴们大家好&#xff0c;我是阿秀。 最近回答了不少大一大二研一在读的学习圈中学弟学妹的咨询问题&#xff0c;基本都是计算机学习、进度、疑惑等等相关的问题&a…

Mock和Vite-plugin-Mock的区别是什么?

简介 我不知道大家和我是否有一样的疑问&#xff0c;之前Mock.js用的挺好&#xff0c;为啥又出现了一个vite-plugin-mock,而且这个插件还依赖于Mock.js.那么他的优势到底是什么呢&#xff1f;如果你也有这样的疑问&#xff0c;本文最后会给出答案解开这个谜底 前言 我之前已经…

MVC、MVP、MVVM:详解2

概述 MVC、MVP、MVVM 都是在 Android 开发中经常用到的架构思想&#xff0c;它们都是为了更好地分离代码、提高代码可复用性、方便维护等目的而设计的。下面对这三种架构思想进行简单的介绍和比较。 MVC MVC 架构是最早被使用的一种架构&#xff0c;它把程序分成了三个部分&…

EasyExcel实现execl导入导出

引言 在实际开发中&#xff0c;处理 Excel 文件是一个常见的需求。EasyExcel 是一个基于 Java 的开源库&#xff0c;提供了简单易用的 API&#xff0c;可以方便地读取和写入 Excel 文件。本文将介绍如何使用 EasyExcel 实现 Excel 导入功能&#xff0c;以及一些相关的技巧和注…

【问题记录】Visual Studio 下的Qt工程无法打开 “xxx.ui“ 文件和LNK1104 无法打开文件“Qt5Cored.lib”错误

环境 Windows 11 家庭中文版Microsoft Visual Studio Community 2022 (64 位) - Current 版本 17.5.3qt-vsaddin-msvc2022-2.9.1-rev.06 问题产生 VS下Qt环境准备好后&#xff0c;创建了Qt工程然后点击 Form Files 下的 “xxx.ui” 文件&#xff0c;在弹出 Qt 设计师 界面后…

电脑出现MSVCP100.dll丢失错误怎么办?

MSVCP100.dll是一个Windows系统文件&#xff0c;它可以确保Windows程序正确平稳运行&#xff0c;如果该文件安装不正确、丢失或损坏&#xff0c;则使用该文件的应用程序将无法正常启动&#xff0c;会出现“无法启动此程序&#xff0c;因为计算机中丢失MSVCP100.dll”的错误提示…

从零开始 Spring Boot 42:异步执行

从零开始 Spring Boot 42&#xff1a;异步执行 图源&#xff1a;简书 (jianshu.com) 在之前的文章中&#xff0c;我多次介绍过在 Spring 中如何使用Async注解让方法调用变成“异步执行”&#xff1a; 在这篇文章中&#xff0c;介绍了如何让定时任务使用Async变成异步执行。在…

数据结构——图

文章目录 **一 图的基本概念****1 定义** **二 图的存储及基本操作****1 邻接矩阵法****2 邻接表法****3 十字链表****4 邻接多重表****5 图的基本操作** **三 图的遍历****1 广度优先搜索BFS****2 深度优先搜索DFS****3 图的遍历与连通性** **四 图的应用****1 最小生成树****…

Kendo UI for jQuery---03.组件___网格---02.开始

网格入门 本指南演示了如何启动和运行 Kendo UI for jQuery Grid。 完成本指南后&#xff0c;您将能够实现以下最终结果&#xff1a; 1. 创建一个空的 div 元素 首先&#xff0c;在页面上创建一个空元素&#xff0c;该元素将用作 Grid 组件的主容器。 <div id"my-…