web基础阶段的小兔鲜儿项目学习

已于 2022-12-19 15:14:33 修改
阅读量2.2k 收藏 4
点赞数
分类专栏： web前端 文章标签： 前端 学习 css
于 2022-12-01 15:26:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/angrynouse/article/details/128113038
版权

小兔鲜儿


在这里插入图片描述

1. 所用素材

素材链接，点我跳转：https://download.csdn.net/download/angrynouse/87228151

2. 项目文件介绍

favicon.ico 图标直接放在项目根目录下
images文件夹：项目中固定的图片，即logo 样式 修饰图片
uploads文件夹：项目中非固定的图片，即轮播图中的图片等，需要跟着活动进行更换
css文件夹：所有的css样式，
		common.css中放的是所有页面的公共样式
		index.css当前首页的样式
		base.css基础公共样式——去掉浏览器默认样式，初始化默认样式

3. index页面的基本骨架

description 和 title 和 keywords可以有效提高网站的SEO
在这里插入图片描述
logo部分的搜索引擎SEO优化:a标签中放主要文字，文字font-size设置为0，这样就可以只展示logo图片同时提升seo了
最低0.47元/天 解锁文章
况几
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html+css入门小兔鲜项目
12-05
html+css入门小兔鲜项目
前端练手项目小兔鲜，推荐新手
12-24
前端练手项目小兔鲜，推荐新手
小兔鲜网站
weixin_56871552的博客
03-14 1616
images文件夹:存放固定使用的图片素材，例如:logo、样式修饰图等等uploads文件夹:存放非固定使用的图片素材，例如:商品图、宣传图需要上传的图片iconfont文件夹:字体图标素材css 文件夹:存放 CSS 文件(link 标签引入)index.css:首页css样式bass.css:基础公共样式common.css:各个网页相同模块的重复样式，例如:头部、底部index.html:首页HTML文件引入html文件。
黑马程序员前端项目uniapp小兔鲜儿微信小程序项目笔记
最新发布
JayChouyyds589的博客
05-21 469
黑马程序员uniapp小程序 笔记整理集合
html(10-小鲜兔儿项目)
缘友一世的博客
03-12 9965
文章目录综合项目小兔鲜项目一 分析1 Header 部分开发2Footer 部分开发3 网站入口 xtx-entry 部分开发4 新鲜好物面板 xtx-new-goods 部分开发5 生鲜商品面板 xtx-fresh-goods 部分开发二 项目结构三 代码实现3.1 index.html 代码3.2 base.css 代码3.3 common.css 代码3.4 index.css 代码四 效果 综合项目小兔鲜项目 一 分析 1 Header 部分开发 2Footer 部分开发
CSS自学Day9-（项目案例）小兔鲜儿项目结构搭建
m0_64005381的博客
09-16 1178
css零基础自学，小鲜兔项目搭建，涉及了文件和目录准备、文件和目录准备、快捷导航-布局、快捷导航-内容、header-布局、logo和导航、搜索等，项目资源自黑马教程。
vue3小兔鲜商城项目学习笔记+资料分享02
weixin_44125573的博客
11-10 4792
vue3小兔鲜商城项目学习笔记
Web网页项目实战-----小兔鲜儿项目
qq_43658148的博客
07-05 4603
本篇文章主要是Web实战项目小兔鲜儿，这是一款电商类的网站，采用Html,CSS来进行网页的布局，实现了商品的展示，信息的跳转等功能
web前端+css+html基础阶段小兔鲜项目+psd文件设计稿及项目源码
12-01
在本资源包中，我们关注的...通过学习和实践小兔鲜项目，你不仅可以提升技术能力，还能增强将设计与代码相结合的实战经验。这是一个绝佳的学习起点，对于想要踏入Web开发领域的初学者来说，无疑是一次宝贵的学习机会。
小兔鲜生APP项目计划书.pptx
03-06
小兔鲜生APP项目计划书 小兔鲜生APP项目计划书旨在建立一个基于互联网+生鲜的商业模式，旨在解决生鲜市场的供应链重构和新消费应用场景变革。该项目计划书涵盖了商业模式、市场分析、项目介绍和规划与策略等方面。 ...
小兔鲜儿商城web端vue3+js项目
05-17
小兔鲜儿商城web端vue3+js项目，适用于学完vue3的伙伴们！通过完成这个项目，一定可以对vue3有更深入的理解，也可以巩固对vue3的语法掌握。通过做一个商城项目可以对实际项目开发有初步了解，对未来项目开发有所助益...
day08（小兔鲜01-项目前置样式项目搭建）.emmx
08-22
day08（小兔鲜01-项目前置样式项目搭建）.emmx
CSS梅兰商城项目实战PSD
09-19
学习梅兰商城项目实战PSD文件
小兔鲜儿vue3开发资料文档
09-18
在这个名为“小兔鲜儿vue3开发资料文档”的压缩包中，我们可以期待找到与Vue3相关的开发教程、最佳实践、范例代码以及可能的模板和素材。 首先，Vue3 引入了Composition API，这是对Options API的重大改进。...
【计算机毕业设计】Vue3.0小兔鲜儿电商项目+项目学习笔记
JAVA编码选手的博客
06-12 1046
Vue3.0小兔鲜儿电商项目 基于 vue3.0 的组合 AP I方式与选项 API 的方式开发的一个综合品类的电商前台系统。 实现了一套完整的电商业务流程，从首页，类目，搜索，品牌，商品详情，购物车，结算，支付，个人中心，订单管理，收货地址管理，评价中心，和其他个人信息管理业务。
小兔鲜项目----Pinia
每天都要努力学习哦~~
05-23 1383
Pinia 是 Vue 的专属的最新状态管理库 ，是 Vuex 状态管理工具的替代品1. 提供更加简单的API (去掉了 mutation )2. 提供符合组合式风格的API (和 Vue3 新语法统一)3. 去掉了 modules 的概念，每一个 store 都是一个独立的模块 4. 搭配 TypeScript 一起使用提供可靠的类型推断在编写代码的过程中，一旦 输入 @/ , VSCode会立刻 联想出src下的所有子目录和文件, 统一文件路径访问不容易出错。
小兔鲜儿项目讲解【图文完整】
2301_80864686的博客
11-03 3966
小兔鲜儿项目讲解 目录小兔鲜儿项目讲解一、项目实现结果二、前期准备工作三、页面详细制作四、完整代码 一、项目实现结果 该项目共分为七大部分：快捷导航栏、header头部模块、banner图、新鲜好物模块、人气推荐模块、生鲜模块、footer版权模块 如图所示： 二、前期准备工作 1、准备素材和工具 （1）学成在线PSD源文件 （2）开发工具（VsCode）+测试工具（Chrome）+切图（PxCook） 2、新建项目文件夹 （1）创建项目文件夹xtx-pc-client，所有项目相关文件都保存在xtx-
黑马程序员前端 Vue3 小兔鲜电商项目——（一）初始化项目
赵士杰——成功并非一蹴而就，而是在持之以恒的努力中逐渐实现。
06-21 6957
黑马程序员前端 Vue3 小兔鲜电商项目——（一）初始化项目
小兔鲜儿项目vue3
08-18
小兔鲜儿项目是一个使用Vue3.0开发的项目。它采用了vuex来管理购物车和用户数据，使得数据的管理更加方便。项目中会使用到vue3.0的新特性，因此会体验到更加鲜嫩、酸爽的开发过程。然而，由于目前大多数第三方UI组件库不支持vue3.0，所以在项目中会大量自己封装和布局组件，并预制一些基本样式。在解决问题时，小兔鲜儿项目主要使用ref函数和组合式API - computed，这样可以更加灵活地处理项目中的数据。关键文件包括vite.config.js（项目的配置文件，基于vite的配置）、package.json（项目包文件，核心依赖项变成了Vue3.x和vite）、main.js（入口文件，使用createApp函数创建应用实例）和app.vue（根组件，使用SFC单文件组件，包含script、template和style）。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [小兔鲜儿Vue3.0前端电商项目实战](https://blog.csdn.net/qzc2017/article/details/120634549)[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* [小兔鲜项目----vue3入门](https://blog.csdn.net/qq_63358859/article/details/130704712)[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、付费专栏及课程。

余额充值