PC端开发React项目 Reset Css的选择

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
React项目实战PC端开发中,通常会使用一系列前端技术和工具。其中,可以使用React、Redux、React Router、Styled Components、Axios、Ant Design等来开发PC端「网易云音乐PC」Web项目。在具体的项目开发流程中,可以按照以下步骤逐步完善各个需求: 1. 项目前置准备:包括搭建项目环境、配置开发工具等。 2. 创建项目:使用React官方脚手架create-react-app来初始化项目。 3. 设计UI界面:参考网易云音乐PC的UI界面进行设计。 4. 登录、退出功能:实现用户登录和退出功能。 5. 首页功能:开发首页,包括展示音乐列表、推荐内容等。 6. 内容(文章)管理功能:实现文章列表的展示、发布文章和修改文章等功能。 在具体的技术选型中,可以使用React Hooks来简化组件的编写,使用Mobx作为状态管理库,使用Ant Design作为UI组件库,使用Axios来进行ajax请求,使用React Router Dom v6进行路由管理,使用React-Quill作为富文本编辑器,使用Sass作为CSS预编译器。 以上是一个React项目实战PC端开发流程和技术选型的简单介绍。具体的开发过程中,还可以根据项目需求进行更加详细的配置和功能实现。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Music163-React::fire:基于React全家桶开发:“网易云音乐PC端项目”实战](https://download.csdn.net/download/weixin_42139460/15090696)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [前端实战|React18项目启动——pc端极客园项目前置准备](https://blog.csdn.net/Svik_zy/article/details/126323607)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值