- 基于Vue.js的音乐播放器:以Vue.js为核心框架,结合Vuex管理播放状态,如播放、暂停、进度控制等。借助HTML5的Audio API实现音频播放功能。页面设计模拟常见音乐播放器,有专辑封面展示、播放列表、进度条等。还可添加歌词滚动功能,利用JavaScript解析LRC歌词文件,实现歌词与音乐同步。
- Canvas绘图板:运用HTML5的Canvas API,实现一个功能齐全的在线绘图板。通过JavaScript监听鼠标事件,如点击、移动、松开,实现绘制图形、线条等操作。支持多种画笔颜色、粗细选择,还能实现橡皮擦、撤销、重做等功能。运用本地存储(localStorage),方便用户保存和加载绘制的作品。