蓝桥杯Web赛道【功能实现】搜一搜呀题目解析

 思路:

1,使用过滤器filter得到数据。过滤器:filter()

2,将符合条件的数据进行筛选。函数:includes()

代码如下:

computed: {
          filteredList() {
             return this.postList.filter(item=> 
             console.log(item) 
             item.title.includes(this.search)
            )
          },
        },
//filteredList是题目定好的方法 通过v-for形式显示在页面
//使用return 返回postList数据并且使用filter过滤
// console.log(item) 我们要的值在item这个对象里 名字在item.title
//调用includes函数 

知识点:

includes()方法用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。

includes(a,b) 括号里第一个参数a为必选参数,表示要查找的某个参数;第二位b为可选参数,表示从某个索引位置开始查找,默认为零。

### 关于蓝桥杯Web赛道历年真题 对于希望参加蓝桥杯竞赛并专注于Web开发方向的学生来说,了解历年的真题有助于更好地准备比赛。以下是关于如何获取以及利用这些资源的一些指导。 #### 获取官方提供的往届试题 官方网站提供了部分历史赛事的题目供参赛者练习。例如,在第十四届蓝桥杯省赛Web大学组中,参与者可以通过特定链接访问到该年度的比赛题目[^2]。这不仅限于此届比赛;通过浏览官网的不同板块或参与社区讨论区交流,能够找到更多过往赛事的信息与资料。 #### 社区分享和个人博客总结 除了官方渠道外,还有许多个人博主会整理自己经历过的考试内容并与大家分享经验教训。比如某位名为莫若心的作者就曾针对不同类型的典型考题进行了深入分析,并承诺持续更新相关内容以帮助更多的选手备战蓝桥杯[^1]。这类第三方来源虽然不是由主办方直接提供,但对于理解常见考点及其解法非常有价值。 #### 实际操作案例解析 具体到某一类别的实际编程任务上,则可以从具体的实例入手学习。以一道叫做“分一分”的题目为例,在开始解答之前需下载配套的项目文件夹,其中包含了HTML页面和JavaScript脚本等必要组件[^3]。另一个例子是在`collect-puzzle.js` 文件内完成指定功能实现的任务描述也展示了真实比赛中可能遇到的技术挑战[^4]。 ```html <!-- 示例:index.html --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Sample Page</title> </head> <body> <script src="./js/index.js"></script> </body> </html> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值