Rossy Yan的博客

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

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

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

小蓝发现人之间面对面交流逐渐减少，倾诉的机会变少了，有些人比较腼腆保守，不敢大声说出自己的心里话，期盼之类的，容易造成压力过大，心愿便利贴可以匿名，提供大家安全隐秘方便的倾诉平台。小蓝希望大家写下自己的目标、理想、愿望等，激励自己奋斗，积极向上......写出来做一个精神寄托。可是，小蓝对 Vue 语法不熟，便利贴没能完成，快来帮助小蓝完成吧！​准备步骤├── css│ ├── fonts│ │ ├── element-icons.ttf│ │ └── element-ico

今宵酒醒何处，杨柳岸晓风残月”，“蓦然回首，那人却在灯火阑珊处”，“试问闲愁都几许？一川烟草，满城风絮，梅子黄时雨” ......宋词可谓是古代文学桂冠上一颗璀璨的明珠，本题将实现一个在搜索框中输入关键字，实时显示符合条件的完整宋词的功能。​准备步骤├── css│ └── style.css├── data.json├── index.html└── js ├── axios.min.js └── vue.min.jsindex.html 是主页面。js/vue.

在使用 element-ui 开发的过程中，表单组件的使用相当频繁，其使用方式也比较简单，只要根据官网示例操作即可掌握。不过刚开始使用它的小蓝却遇到了一个问题：本来一个完整的表单已经出现在页面上了，可是调皮的小猫跳到键盘上一顿“操作”后表单凭空消失了......机智的你来帮他查找原因并修复这个 bug 吧～

期末考试结束不久，辛勤的园丁们就将所有学生的考试成绩汇总完毕。不过现在遇到一个问题，那就是目前所有学生的考试数据均混杂在一起。name: "潇然",class: 2, // 班级math: 110, // 数学成绩language: 92, // 语文成绩english: 114, // 英语成绩physics: 56, // 物理成绩chemistry: 74, // 化学成绩},name: "张三",class: 1,math: 100,},// ...

登录、发短信等按钮避免用户点击太快，以致于发送了多次请求。调整浏览器窗口大小时，resize 次数过于频繁，造成计算过多。文本编辑器实时保存。上面这些场景在实际交互中会不断地调用绑定在事件（如：浏览器的resizescrollkeypressmousemove等）上的回调函数，极大地浪费资源，降低前端性能。为了优化体验，需要对这类事件进行调用次数的限制，对此我们就可以采用防抖（debounce）的方式来减少调用频率。

歌者文明的二向箔目前已经到达太阳系，二向箔的封装力场已经消失，接触到太阳系的三维空间后，导致三维立体空间塌陷，变成二维平面空间并不断扩展。倘若能借助曲率引擎等手段以光速先行逃离，那么摆脱二维化的命运依然是可能的。目前人类已经开发出曲率飞船，停放飞船的港口一次性只能发送 10 辆飞船，并且飞船的启动时间为 3000ms。下面由你来开发一个类收集飞船的发射请求，依据飞船的结果自动安排下一批次的飞船发射，帮助人类逃离二向箔的打击。但是由于发射飞船的装置限制，一次最多发送的飞船有数量限制。

小蓝最近一直在云课平台学习，为了更好的督促自己，于是将每天的学习时间都记录了下来，但是如何更加直观的显示学习时间让小蓝很是苦恼。本题需要你使用 ECharts 帮助小蓝实现统计学习时间图表。

小楼的爸爸是一名程序员，暑假期间，发现小楼在家经常玩手机，于是决定设计一个小游戏让小楼学习成语来加强小楼对成语的理解。接下来让我们跟着小楼来学学成语吧~​准备步骤├── index.html└── js └── vue.min.js目标效果idiom=["","","",""]，点击热字，则idiom=["热","","",""]idiom=["热","","","眶"]，点击泪字，则idiom=["热","泪","","眶"]idiom=["热","泪"

在使用 element-ui 开发的过程中，对表格的使用比较多，且在同一个系统中表格的样式基本上是固定的，功能也基本一样。若每写一个页面都要去复制一份表格的代码，就会产生大量重复的代码，既不利于后期的维护，代码也不够简洁。为此需要前端工程师对 element-ui 的原组件进行二次封装。

时间管理永远都是提升工作和学习效率的必备法门，你在平时的工作学习中是否也有做计划和管理计划的习惯呢？本题需要在已提供的基础项目中使用 Vue.js 知识实现一个简易的任务管理器​准备步骤wget https://labfile.oss.aliyuncs.com/courses/7835/exam13-imi.zip && unzip exam13-imi.zip && rm exam13-imi.zip├── css│ └── style.css # 页面样式文件├── img│ 。

购物车是商城类应用里必不可少的功能，接下来，我们将使用vue实现一个购物车列表。

通常网站上会有搜索功能，方便用户定位搜索。本次试题我们要使用 Vue 2 的语法来完成一个关键字匹配的搜索功能。

而此次问题的核心就在于，Vue实例化的时机过早，在其所依赖的DOM结构尚未完整构建完成时就已启动挂载流程，从而导致无法找到对应的DOM元素，最终致使计算器功能出现异常，输出框错误地显示“{{current}}”，并且按钮的交互功能也完全丧失响应。为了让代码结构更为清晰，便于后续的维护与管理工作，我打算把HTML文件中标签内的JavaScript代码迁移到外部的JS文件里，随后在HTML文件中对其进行引用。