VUE移动端项目跟练2(简洁易懂)

1.面经列表渲染的数据流

2.面经列表去掉html标签(使用正则)

调用带参数的方法去掉标签

3.筛选-切换类名(最新或推荐)

接口文档中已规定 weight_desc表示推荐页,null表示最新页

赋予active类,表示当前选中

添加点击事件,表示切换选中的sorter

截止到这一步我们成功的更换了类名,但是还没有真正的发请求获取数据 发送请求

3.面经详情页

通过点击,传id,通过id值确认对应id的详情页

两种传参方式

4. 点赞收藏页面效果

原先点赞和收藏是白色,一旦添加上active类,就成了黄色(表示被收藏或者被喜欢)

4.1 点赞收藏表面效果

4.2 传输后台

(通过调用接口实现)

相关推荐
天蓝色的鱼鱼17 小时前
关于 CSS 你可能不知道的属性,但关键时刻很有用
前端·css
泯泷17 小时前
第 2 篇:设计第一套字节码:Opcode、Instruction 与 Constant Pool
前端·javascript·安全
妙码生花17 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(十五):优化细节、网络请求封装
前端·后端·ai编程
泯泷18 小时前
第 1 篇:从 1 + 2 开始:亲手写出第一台 JSVM
前端·javascript·安全
团团崽_七分甜18 小时前
Spring Boot 核心知识点总结
前端
lichenyang45318 小时前
从一个按钮开始,理解 ASCF 框架到底在做什么
前端
古夕18 小时前
第三方 SSO 接入实践:redirect_uri 编码、回调一致性与跨项目联调
前端·vue.js
朦胧之18 小时前
页面白屏卡住排查方法
前端·javascript
用户5936087414018 小时前
Playwright 黑魔法:用 ClipboardEvent 绕过 React 富文本编辑器
前端
Ruihong18 小时前
Vue withDefaults 转 React:VuReact 怎么处理?
vue.js·react.js·面试