- 博客(4)
- 收藏
- 关注
RSS订阅原创 React.js hooks 练习案例-网易云音乐【day4】
成果展示昨天又玩了一下，把播放歌曲功能做了，现在可以播放歌曲，导航条会跟随歌曲时间前进，也可以拖拽进度条跳到某个节点继续播放，虽然这样对普通开发没有打作用，但可以提高前端对js的控制能力和数据的处理能力。通过这个项目我也多多少少在开发上了点新的认识，希望你们一样。/* 导入组件 */import React, { memo, useState, useEffect, useRef, useCallback } from 'react';import { shallowEqual, useDispa
2020-11-23 11:59:58
314
原创 React.js hooks 练习案例-网易云音乐【day3】
成果展示昨天又玩了一下，把首页的下半部分完成了。发现如果有好的美工，前端开发工程师可以节省，大量写样式的时间，就好像榜单部分大量采用背景图实现效果，原本我还想着要写比较复杂的颜色。好吧，我承认我错了，你赢了。这是还没完成得部分。新碟上架模块设计这个组件是一页五个数据的轮播，并非首页顶部的轮播图一页一个数据，实现原理类似做分页。import React, { memo, useEffect, useRef} from 'react'; // 导入react组件import { shallow
2020-11-22 09:39:31
280
1
原创 React.js hooks 练习案例-网易云音乐【day2】
成果展示因为之前没玩把握，所以先玩了几天再决定记录下，现在已经完成首页的70%左右的功能。还原度95%左右。等项目完成得差不多我会上传到 git 给小伙伴参考。下半部分基还有，2个模块没完成。共享组件设计方面把大多数页面都用到布局抽离成共享组件：头部组件底部组件歌曲封面组件插件使用轮播图使用：antd 风格与组件稳定符合项目要求，如果真实开发组件稳定考虑优先，除非风格完全不匹配，才考虑原生。...
2020-11-21 13:34:29
283
原创 React.js hooks 练习案例-网易云音乐【day1】
案例目标本人之前的开发项目中曾经接触过react这个框架，因为在开发是模块化进行，所以在开发过程中是一边开发一边学习，没有很好的对 racet 的技术做一个整理。而且 react hooks 的技术越来越成熟，所以想通过这个案例，对 react 的原有技术和新的开发模式 hooks 的运用做一个重新梳理，提高自己对此技术的认识。并且提供给想学习 react hooks 的小伙伴一个参考。项目结构开发文件 src资源文件 assets （css, img …）共享文件 commo
2020-11-21 11:59:17
284
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人