乐胖代购免代理版

Rossy Yan-CSDN博客

Rossy Yan

码龄2年

个人简介：代码的世界里执着探索的行者 ——Rossy Yan。专注于 C++、C 语言、数据结构、Vue.js、HarmonyOS 应用开发等前沿技术领域，致力于将复杂的技术知识转化为清晰易懂的教程与案例。期待与更多编程爱好者携手共进，在技术的海洋中破浪前行，一同解锁编程世界的无限可能！

IP 属地：江西省

查看详细资料

原力等级

当前等级

6

当前总分

1,930

当月

98

个人成就

全栈领域新星创作者
获得3,949次点赞
内容获得1,152次评论
获得3,172次收藏
代码片获得452次分享

TA的专栏

TA的推广

兴趣领域设置

编程语言

python

联系我，支持我

运营作者：Rossy Yan

商务合作VX： Rossy-Yan（请注明来意）

企鹅：3304954463

感谢打赏，微信二维码：

感谢打赏，支付宝二维码：

创作活动更多

新星杯·14天创作挑战营·第9期

这是一个以写作博客为目的的创作活动，旨在鼓励大学生博主们挖掘自己的创作潜能，展现自己的写作才华。如果你是一位热爱写作的、想要展现自己创作才华的小伙伴，那么，快来参加吧！我们一起发掘写作的魅力，书写出属于我们的故事。我们诚挚邀请你们参加为期14天的创作挑战赛！注： 1、参赛者可以进入活动群进行交流、分享创作心得，互相鼓励与支持（开卷），答疑及活动群请见 https://bbs.csdn.net/topics/619626357 2、文章质量分查询：https://www.csdn.net/qc

60人参与去参加

搜TA的内容

【JS/jQuery——功能实现】传送门（蓝桥杯真题-2458）【合集】

日常浏览网页的时候，我们会发现一个问题，当页面太长、内容太多的时候我们很难快速浏览到心仪的内容。为了解决这个烦恼，优秀的产品研发团队发明了一种类似传送门的功能，以便用户能通过它快速定位到感兴趣的内容。这个功能也被通俗地比喻为“电梯”。本题需要在已提供的基础项目中使用 JS/jQuery 等知识完善代码，最终实现该功能。准备步骤├── effect.gif├── index.html├── css├── images└── js ├── index.js └── jquery-

发布博客 2025.03.14 ·

【HTML——网页布局】蓝桥知识网（蓝桥杯真题-2453）【合集】

蓝桥为了帮助大家学习，开发了一个知识汇总网站，现在想设计一个简单美观的首页。本题请根据要求来完成一个首页布局。准备步骤├── css│ └── style.css├── data.txt├── index.html└── mark.pngcss/style.css 是样式文件。data.txt 是页面数据文件。index.html 是主页面。mark.png 是页面参数标注图。cd /home/projectwget https://labfile.oss.aliyun

发布博客 2025.03.14 ·

【CSS——页面布局】新鲜的蔬菜（蓝桥杯真题-2439）【合集】

厨房里新到一批蔬菜，被凌乱地堆放在一起，现在我们给蔬菜分下类，把相同的蔬菜放到同一个菜板上，拿给厨师烹饪美味佳肴吧。准备步骤├── css│ └── style.css├── images└── index.htmlcss/style.css 是需要补充代码的样式文件。images 是图片文件夹。index.html 是主页面。cd /home/projectwget https://labfile.oss.aliyuncs.com/courses/9788/02.zip

发布博客 2025.03.06 ·

【Html.js——函数编写】分一分（蓝桥杯真题-2438）【合集】

如果给你一个数组，你能很快将它分割成指定长度的若干份吗？本题需要在已提供的基础项目中使用 JS 知识封装一个函数，达到分割数组的要求。准备步骤├── effect.gif├── index.html└── js └── index.jseffect.gif 是最终实现的效果图。index.html 是主页面。js/index.js 是需要补充代码的 js 文件。cd /home/projectwget https://labfile.oss.aliyuncs.com/c

发布博客 2025.03.05 ·

【CSS——效果实现】爱拼才会赢（蓝桥杯真题-18568）【合集】

由爱拼社举办的拼图大赛进行到最后一关，1 号选手小蓝披荆斩棘成为全场黑马。本关卡需要选手使用 CSS Grid 布局完成拼图页面，但是由于小蓝技术水平有限，拼图的效果没有达到预期。现在邀请你作为协助嘉宾帮助小蓝优化拼图页面的效果。本题需要在已提供的基础项目中，使用 CSS 让拼图正确显示。准备步骤├── css│ └── style.css├── images└── index.html目标效果要求规定请勿修改 css/style.css 文件外的任何内容。请严格按照考试步

发布博客 2025.03.04 ·

【Html.js——Bug修复】迷惑的 this（蓝桥杯真题-6183）【合集】

团队开发中为了解决变量相互覆盖的问题，会将相关的功能的涉及到变量收编到一个对象内。但使用对象收编变量后需要注意this合理使用。准备步骤├── css│ └── style.css├── index.html└── js └── index.jsindex.html 是主页面。css 是存放项目样式的文件夹。js/index.js 是需要补充代码的 js 文件。cd /home/projectfile="this" && wget "https://labfile.

发布博客 2025.02.27 ·

【Html.js——Bug修复】找回连接的奇幻之旅（蓝桥杯真题-18559）【合集】

在网络世界中，突然间失去了所有的连接。作为勇敢的冒险者，你将踏上一段惊险刺激的旅程，穿越充满谜题和挑战的网络景观，与神秘的网络幽灵对抗，解开断网之谜，找回失去的连接，带领人们重返数字世界。准备好迎接这场奇幻之旅吗？准备步骤├── css├── images├── index.html├── effect.gif└── js └── index.jsindex.html 是主页面。css 是样式文件夹。images 是图片文件夹。effect.gif 是项目最终完成的效果图

发布博客 2025.02.25 ·

【Html.js——功能实现】产品360度展示（蓝桥杯真题-18557）【合集】

在电子商务网站中，用户可以通过鼠标或手势交互实现 360 度全方位查看产品，提升用户体验。现在需要你设计一个Pipeline管道函数，用于控制 360 度展示产品的动画序列，通过管道连接各个动画步骤，使产品以流畅的方式呈现给用户。准备步骤├── css├── effect.gif├── js│ ├── index.js│ └── utils.js└── index.htmlcss 是样式文件夹。index.html 是主页面。js/index.js 是动画序列代码的 js

发布博客 2025.02.20 ·

【Html.js——功能实现】布局切换（蓝桥杯真题-18556）【合集】

为了提高用户体验，网站有时需要多种浏览模式。现在特邀请你为蓝桥官网设计具有经典、浏览和工具三种布局模式。使用户可以根据具体情况选择合适的模式，以便更好地浏览网页内容。本题需要在已提供的基础项目中使用 JS 完善代码实现布局的切换。准备步骤├── css├── images├── index.html├── effect.gif└── js └── index.jscss 是样式文件夹。images 是图片文件夹。index.html 是主页面。effect.gif 是最终完

发布博客 2025.02.19 ·

【Html.js——功能实现】分享点滴（蓝桥杯真题-18555）【合集】

在数字时代，信息分享变得日益普遍和重要。无论是个人经历、知识技能还是创意想法，分享已经成为连接人与人之间的桥梁，是促进交流和学习的重要途径。用户可以分享自己的见解、经历、学习和创作，将点滴的智慧和灵感分享给世界。本题需要在已提供的基础项目中使用 JS 知识封装一个函数，完成分享。准备步骤├── css├── js| └── index.js└── index.htmlcss 是样式文件夹。index.html 是主页面。js/index.js 是待补充代码的 js 文件。目

发布博客 2025.02.19 ·

【Html.js——效果实现】冰墩墩心情刻画尺（蓝桥杯真题-6182）【合集】

2022 奥运会满意度调查开始了，冰墩墩作为奥运吉祥物以亲民可爱的形象火遍全球，这次，冰墩墩请你打分，满分 5 分，最低 1 分，快来评分吧！准备步骤├── css│ └── index.css├── index.html└── js └── index.jsindex.html 是主页面。css 是存放页面样式的文件夹。js/index.js 是需要补充代码的 js 文件。wget https://labfile.oss.aliyuncs.com/courses/1

发布博客 2025.02.18 ·

【CSS——效果实现】地球漫游（蓝桥杯真题-6181）【合集】

"地球漫游"：一款基于 CSS 动画的小型网页应用，让您身临其境地感受地球绕着太阳公转的奇妙旅程。通过这个应用，您可以观察地球绕着太阳的运动轨迹和速度，感受到宇宙的浩瀚和神秘。准备步骤├── css│ └── style.css└── index.htmlindex.html 是主页面。css/style.css 是需要补充代码的 css 文件。cd /home/projectfile="earth" && wget "https://labfile.oss.aliyuncs.

发布博客 2025.02.18 ·

【CSS——效果实现】动态的 Tab 栏（蓝桥杯真题-6180）【合集】

日常在使用移动端 APP 或访问 PC 端网站的时候，常常发现在一些有工具栏或者 Tab 栏的页面会有顶栏固定的效果。简单来说，在页面未开始滚动时顶栏处在其原有的位置上，当页面向下滚动一定区域后，顶栏会跟随滚动固定在页面上方。本题请实现一个顶栏固定的课程网站首页。

发布博客 2025.02.17 ·

【CSS——效果实现】自适应页面（蓝桥杯真题-5136）【合集】

响应式布局是在 2010 年 5 月份提出的一个概念，这个概念是为解决移动互联网浏览而诞生的。简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。通过响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着大屏幕移动设备的普及，用“大势所趋”来形容也不为过。因此越来越多的设计师采用这个技术。本题需要在已提供的基础项目中，使用 CSS 或者 DOM 操作达到 Menu 和内容页自适应的效果。准备步骤├── css│ └── style.css├── i

发布博客 2025.02.17 ·

【Html.js——功能实现】收集帛书碎片（蓝桥杯真题-5135）【合集】

三叔在外出考古途中无意发现了一份战国帛书，帛书边缘有被明显裁剪过的痕迹，单从帛书片段，提到记录了神秘文物的地点，无奈帛书不完整，为了早日将文物带回博物馆，三叔号召当地村民闷油瓶、王胖子、潘子共同寻找剩余帛书碎片，相约一炷香后再聚。本题需要在已提供的基础项目中使用 JS 知识封装一个函数，达到收集帛书碎片的要求。准备步骤├── js│ └── collect-puzzle.js├── css│ └── style.css├── images└── index.htmlindex

发布博客 2025.02.16 ·

【Html.js ——效果实现】图片水印生成（蓝桥杯真题-5134）【合集】

很多网站都会通过给图片添加水印的形式来标记图片来源，维护版权。前端生成水印通常是通过canvas实现，但实际上我们也可以直接利用CSS来实现图片水印，这样做会有更好的浏览器兼容性。本题中你将封装一个创建文字水印的函数。准备步骤├── css│ └── style.css├── images│ └── origin.png├── index.html└── js ├── dom-to-image.js └── index.jsindex.html 是主页面。c

发布博客 2025.02.16 ·

【CSS ——功能实现】电影院排座位（蓝桥杯真题-5133）【合集】

随着人们生活水平的日益提升，电影院成为了越来越多的人休闲娱乐，周末放松的好去处。各个城市的电影院数量也随着市场的需求逐年攀升。近日，又有一个电影院正在做着开张前期的准备，小蓝作为设计工程师，需要对电影院的座位进行布局设计。本题需要在已提供的基础项目中，使用 CSS 达到对电影院排座位的目的。

发布博客 2025.02.15 ·

【Vue.js ——功能实现】趣购（蓝桥杯真题-2426）【合集】

在线购物几乎已经是现代生活必备的一环，每年的 618，双 11 都是购物的狂欢。我们几乎可以在线上购物商城买到一切日常所需。本题需要在已提供的基础项目中，使用 Web 原生拖拽事件实现在线购物的功能。准备步骤├── images│ ├── book.jpeg│ ├── box.jpeg│ ├── paper.jpeg│ ├── trolley.jpeg│ └── tv.jpg├── index.html├── effect.gif├── js│ ├── ht

发布博客 2025.02.14 ·

【JavaScript ——异步函数】封装 Promisefy 函数（蓝桥杯真题-2425）【合集】

我们知道在浏览器中 JavaScript 是单线程运行的，而回调函数曾经是 JavaScript 中实现异步函数的主要方式，面对这样的嵌套回调，处理错误也会变得非常困难：你必须在“金字塔”的每一级处理错误，而不是在最高一级一次完成错误处理，所以大多数现代异步 API 采用的都是 Promise 的形式。下面就请你以 Node.js 中常用的读取文件操作为例，封装一个 Promisefy 函数，将回调形式调用的读取文件方法转换成一个 Promise 的版本。

发布博客 2025.02.12 ·

【Vue.js——Bug修复】消失的 Token（蓝桥杯真题-2424）【合集】

小蓝开发了一个登录功能，但是在登录界面中输入用户名后点击“确认”按钮并没有如预期般成功进入欢迎界面。但是从出现欢迎语来看，数据已经发生了改变，到底是怎么回事呢？请帮助小蓝排查代码，让登录功能回归正常吧！1. 页面初始化Vuex 存储初始化：代码中定义了 BaseModule 和 UserModule 两个 Vuex 模块，并创建了一个 Vuex 存储实例 store。BaseModule 存储了欢迎信息，初始状态下 welcome 的值为 '请输入用户名登录系统'。UserModule 存储了用户相

发布博客 2025.02.10 ·