07 2021 档案

Node.js学习笔记【二】
摘要：模块化 在nodejs中，应用由模块组成，nodejs中采用commonJS模块规范。 模块分类 系统模块：http、querystring、url等 自定义模块 模块管理 系统模块 可以去node.js手册上查看 node 本身提供的模块 例如： Crypto 加密 Events 事件 FileS 阅读全文
posted @ 2021-07-27 22:25 小风车吱呀转 阅读(143) 评论(0) 推荐(0)
Node.js学习笔记【一】
摘要：什么是Node.js Node.js就是运行在服务器端的JavaScript，是现在流行的语言中能同时运行在前端与后台的程序语言。 Node.js优势 常见的后台开发语言： 1.PHP 2.Java 3.Python 每个语言都有它自己的特点和优势。 Node.js的优势： 1.Node.js开发高 阅读全文
posted @ 2021-07-22 18:03 小风车吱呀转 阅读(99) 评论(0) 推荐(0)
VUE移动端音乐APP学习【二十八】：项目打包
摘要：vue-cli版本为4.x 1.在项目根目录创建2个env文件对应——开发环境、生产环境 NODE_ENV = 'development' VUE_APP_BASE_URL='http://192.168.1.8:3000' .env.development NODE_ENV = 'producti 阅读全文
posted @ 2021-07-16 08:31 小风车吱呀转 阅读(91) 评论(0) 推荐(0)
VUE移动端音乐APP学习【二十七】：player内核的修改优化
摘要：One. 缺陷：当打开播放器快速切换歌曲时，按下暂停播放，发现歌词和背景音乐都仍在播放，这显示是不符合预期的。 原因：代码watch currentSong的变化以后做清理操作，然后执行audio.play()和获取歌曲。这里就存在一个问题——当我们快速切换的时候，canplay事件触发产生的相关操 阅读全文
posted @ 2021-07-13 23:04 小风车吱呀转 阅读(153) 评论(0) 推荐(0)
VUE移动端音乐APP学习【二十六】：用户个人中心开发
摘要：用户个人中心分为两个部分：用户个人收藏的歌曲列表和用户播放历史列表。 先创建user-center.vue，基本代码如下 <template> <transition name="slide"> <div class="user-center"> <div class="back"> <i clas 阅读全文
posted @ 2021-07-12 23:46 小风车吱呀转 阅读(353) 评论(0) 推荐(0)
VUE移动端音乐APP学习【二十五】：歌曲列表组件开发（二）
摘要：实现点击垃圾桶，清除所有歌曲列表功能 和之前清除所有搜索历史列表一样，引用confirm组件拦截提示用户的操作 <confirm ref="confirm" text="是否清空播放列表" confirmBtnText="清空"></confirm> 给垃圾桶图标添加点击事件showConfirm 阅读全文
posted @ 2021-07-10 11:05 小风车吱呀转 阅读(296) 评论(0) 推荐(0)
VUE移动端音乐APP学习【二十四】：歌曲列表组件开发（一）
摘要：点击迷你播放器的列表按钮就会弹出一个当前播放的歌曲列表层，这个列表也有一些功能，比如播放模式的控制，点击歌曲播放，收藏歌曲以及从列表中删除歌曲，点击垃圾桶把歌曲列表清空，甚至还可以添加歌曲到队列。 首先是对首页进行开发，基本代码如下： <template> <transition name="lis 阅读全文
posted @ 2021-07-06 23:33 小风车吱呀转 阅读(255) 评论(0) 推荐(0)
VUE移动端音乐APP学习【二十三】：搜索历史模块开发
摘要：搜索历史模块不仅在搜索模块出现，还在后续的添加歌曲模块中出现，多个组件多个模块共用了它，这个数据应该保存在全局的vuex中。 在state.js中添加searchHistory // 搜索历史 searchHistory: [], 有了state就设置它的mutation-types、mutatio 阅读全文
posted @ 2021-07-05 18:23 小风车吱呀转 阅读(232) 评论(0) 推荐(0)
VUE移动端音乐APP学习【二十二】：搜索检索
摘要：当搜索内容时会出现搜索结果列表，将这个结果列表封装成一个组件。这个组件就可以根据搜索的关键词请求服务端数据来检索不同的结果。 其基本的dom结构代码如下： <template> <div class="suggest"> <ul class="suggest-list"> <li class="su 阅读全文
posted @ 2021-07-02 23:38 小风车吱呀转 阅读(221) 评论(0) 推荐(0)
VUE移动端音乐APP学习【二十一】：热门搜索开发
摘要：通过api获取热门搜索关键词 设置api //search.js import axios from 'axios'; export function getHotKey() { return axios.get('/api/search/hot'); } 在search.vue中使用api获取数据 阅读全文
posted @ 2021-07-01 09:14 小风车吱呀转 阅读(144) 评论(0) 推荐(0)