蓝桥杯(Web 前端)搜一搜呀

蓝桥杯(Web 前端)搜一搜呀

思路

看到了关于搜索的,第一时间就想起了字符串的 search 方法

search() 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。
如果没有找到任何匹配的子串,则返回 -1。

一开始我是想在if语句中直接const arr,后来才明白这样的话,每次进来又是一个新的arr,所以改成了在data中定义数组arr
最后return记得一定要在循坏外面,不然拿不到
每次进来要把arr清空

写的不是很好,如果有更多改进请在评论区留言哦,互相学习

具体实现代码

data:{
// 需要定义一个变量来接数据
	arr:[]
},
 computed: {
          filteredList() {
            // TODO: 请补充代码
            this.arr = []
            this.postList.forEach(e => {
            // search 查看title中是否包含this.search,不包含返回-1
              if(e.title.search(this.search)!==-1&&this.search!==""){
                this.arr.push(e)
              }
            });
            return this.arr
          },
        },
      });
<think>好的,我需要帮助用户了解蓝桥杯Web组的备考重点和学习方向。首先,我需要回顾用户提供的引用内容,看看有没有相关的信息可以整合进去。引用1提到蓝桥杯不难,有学弟妹获得省一省二,特别是Web组的备赛笔记在引用3中有提到,涉及HTML、CSS、媒体查询、动画效果等。引用2是关于Java毕业设计的,可能不太相关,但可以忽略。 接下来,我需要确定用户的问题:备考重点、技术栈、学习建议。根据引用3的博客内容,应该包括HTML/CSS基础、JavaScript、框架(可能Vue或React)、HTTP协议、算法题、调试工具等。还需要考虑蓝桥杯Web组的考试形式,可能涉及实际项目开发或在线编程题。 然后,我需要组织这些内容,分点回答,确保使用正确的中文表达,并且符合系统级指令,比如行内数学公式用$...$,但这里可能用不上。同时要生成相关问题,并正确添加引用标识,比如在提到媒体查询时引用[^3]。 需要注意引用3中的具体内容,比如媒体查询、动画效果、清除浮动、过渡属性、calc函数、透明度、鼠标手势、最大最小宽度、transform属性等,这些都是CSS的重点。此外,博客中提到的学习路线可能包括HTML基础、CSS布局、JavaScript核心语法、框架使用、HTTP协议和实战练习。 最后,生成的相关问题应该围绕蓝桥杯Web组的备考,可能涉及如何准备项目、推荐的学习资源、时间安排等。确保每个回答部分都有结构,分点清晰,并且引用正确。</think>### 蓝桥杯 Web 组备考重点与技术栈分析 #### 一、技术栈与核心知识点 1. **HTML/CSS 基础** - 掌握语义化标签、表单控件、响应式布局(如媒体查询[^3]) - 熟悉 CSS 动画(`@keyframes`)、过渡属性(`transition`)、Flex/Grid 布局 - 实践清除浮动、`calc()`函数、`transform`属性(如旋转、缩放) 2. **JavaScript 核心能力** - 理解闭包、原型链、事件循环机制 - 熟练操作 DOM 和 BOM,实现动态交互 - 掌握 ES6+ 特性(如箭头函数、解构赋值、Promise) 3. **前端框架与工具** - **Vue.js** 为重点(蓝桥杯常用技术栈),需熟悉组件化开发、Vue Router、状态管理 - 了解构建工具如 Webpack 或 Vite 的基础配置 - 调试工具:Chrome DevTools 网络分析和性能优化 4. **计算机网络与算法** - HTTP 协议(状态码、缓存机制、RESTful API) - 掌握基础算法(排序、搜索),刷题平台推荐 LeetCode 简单/中等题 #### 二、学习建议与备考策略 1. **分阶段学习路线** - **第一阶段**:2周攻克 HTML/CSS,完成仿站练习(如电商首页) - **第二阶段**:3周深入 JavaScript,实现 TodoList 等交互项目 - **第三阶段**:4周学习 Vue.js,开发小型管理系统(参考资源[^2]中的项目思路) 2. **真题驱动训练** - 分析历年真题(如资源管理系统、动态数据可视化) - 重点练习表单验证、AJAX 数据交互、组件复用场景 3. **环境与工具准备** - 配置本地开发环境(Node.js + VSCode) - 熟悉蓝桥杯官方在线 IDE 的操作限制(如插件禁用) #### 三、高频考点示例 ```javascript // Vue 组件通信示例(父子组件) // 父组件 <template> <ChildComponent @submit="handleSubmit" :data="parentData" /> </template> <script> export default { methods: { handleSubmit(payload) { console.log('接收子组件数据:', payload) } } } </script> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值