自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 项目实战:《智慧线上购物商城》:基于vue3+vite+vant4组件(三)

一、注册功能实现二、使用Localstorage本地存储实现登录功能三、路由守卫:在未登录账号之前,是不能进入消息页和购物车页以及我的页,点击这三个会跳转到登录页,且提醒您还未登录;只有以及登录了才能正常点击这三个模块。四、我的页中之我的订单栏点击跳转到对应模块:在我的订单这个模块,我们要实现点击不同模块,跳转到订单页的不同部分,且在订单页里,不同部分可以相互切换。

2023-02-19 16:30:07 866 1

原创 项目实战:《智慧线上购物商城》:基于vue3+vite+vant4组件(二)

在进行上一步数据渲染之后,我们会遇到一个问题,数据渲染是成功循环在页面了,但由于是同一个页面布局循环添加点击事件是相对于所有模块都添加了同一个点击事件,我们该如何实现点击不同的模块进入不同的页面呢?ps:值得注意的是在数据渲染之前,写静态布局的时候,布局就应该考虑后续数据是循环遍历,从而减少请求到数据布局却不适合循环的的静态布局。③在工具栏添加一个点击事件,并传递json数据中的路径,通过路由跳转跳到相应界面。json中的数据都是数组对象型,一类数据是一个数组,在对象中编辑你要的数据。

2023-02-19 15:03:44 643

原创 项目实战:《智慧线上购物商城》:基于vue3+vite+vant4组件(一)

《智慧线上购物商城》:基于vue3+vite+vant4组件(一)

2023-02-11 16:27:55 3347 3

原创 Vue里面如何使用路由(二)

Vue里面如何使用路由(二)

2022-12-25 14:50:02 187

原创 Vue项目里如何使用路由(一)

Vue项目里如何使用路由

2022-12-18 15:33:52 1712 1

原创 HBuilser X+雷电模拟器:使用HBuilser X连接雷电模拟器

HBuilser X+雷电模拟器:使用HBuilser X连接雷电模拟器雷电模拟器问题解决雷电模拟器如何设置小白教程

2022-12-12 23:06:58 1229

原创 git基本指令作用以及推送项目到码云(gitee)

git基本指令作用以及推送项目到码云(gitee)

2022-12-04 16:49:48 171

原创 用原生JavaScript和jQuery实现购物车页面基本功能

用原生JavaScript和jQuery实现购物车页面基本功能

2022-11-27 17:25:05 637

原创 用JavaScript实现随机点名器+tab切换案例分享

用JavaScript实现随机点名器+tab切换案例分享

2022-11-19 22:55:49 299

原创 JavaScript基础知识总结(一)

JavaScript知识总结,JavaScript简介,变量定义,数据类型,数据类型转换,各类运算符,控制流程,if语句,switch语句,while循环,do-while循环,for循环,数组,数组遍历,数组增删改查,函数定义,作用域,匿名函数

2022-11-14 16:57:35 241

原创 排序方法(一)

通俗来说,就是在一个元素列里,将相邻的两个元素进行比较,比较结束后就是将大的放在小的后面,一直两两相比,直到这一个元素列全部是从小到大进行排列。j++) { if (arr[j] > arr[j+ 1 ]) { // 相邻元素两两对比 let temp = arr[j+ 1 ];// 元素交换 arr[j+ 1 ] = arr[j];}}}选择排序是一种简单直观的排序算法。

2022-11-06 17:16:50 54

原创 Css基础:盒子模型+浮动+定位简要介绍

Css基础:盒子模型+浮动+定位简要介绍

2022-10-30 17:12:24 169

原创 利用蓝湖进行切图

蓝湖切图使用

2022-10-22 19:45:22 12792

原创 flex布局应用

作用:改变子元素在父元素中的空间排列方式重要属性:flex-direction、flex-wrap、justify-content、align-items。

2022-10-08 11:13:38 126

原创 Web项目开发基本流程及注意事项

例如:一级文件夹:图片-----images样式css-----全局公共样式-----reset.css common.css style.css脚本js-----首页Index.html。

2022-10-08 09:23:01 130

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除