自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 函数作用域问题

4部走对于这种情况 虽然进不去 但是在预编译环节还是会将d赋值为undefind这里注意var b = function(){}不叫函数声明 叫做函数表达式function a(){} function c(){}才叫做函数声明前四部是预编译环节...

2022-03-02 20:48:28 71

原创 this相关

一。在普通情况下第一种情况下函数直接被调用,则此时的this指向window第二种情况下函数作为对象的方法被调用(谁调用我 我指向谁)看一道面试题

2022-03-02 15:19:03 77

原创 事件循环模式

一.定时器引发的思考输出结果为加了一个for循环之后输出结果发现尽管延时器的延时时间为0,但还是在弹窗之后执行之后我们可以总结出 执行的顺序二。事件循环模型...

2022-03-02 10:24:14 127

原创 数据类型解析

一.基本数据类型 还有一个symbol:用于表示独一无二的值二.各基本数据类型之间的转换一. 转换为String类型toString()方法,但是null和undefind这两个值没有toString方法String()方法 将需要转换的数据作为参数传进去 其他数据实际上调用toString,会将null转化为'null',将undefind转化成'undefind'二.使用Number()函数1.字符串转换成数字若如果为纯数字的字符串,之间转换成数字若如果...

2022-03-01 22:19:18 101

原创 实现继承的几种方式

一 . 原型链继承 若想实现Sub的实例能够用Supper原型上的showprop方法关键在于 子类型的原型是父类型的实例即可画图更加直观二 构造函数继承(假的) 关键在于巧用call方法实现三 组合继承 一般都是用这种 将原型链继承和构造函数继承结合起来,原型链继承实现方法的继承,构造函数继承实现属性的继承...

2022-03-01 09:35:33 178

原创 商城注册登录

1.首先先完成静态页面组件在完成静态页面之后需要进行验证码的获取,我们还是先看文档看看需要发送什么请求能获得验证码,我们发现需要带一个手机号码的参数,所以我们双向绑定手机号码和验证码,接下来我们写api接口接下来就是写store仓库在写完之后,我们就可以通过点击发送验证码按钮发送请求,获得code通过双向绑定直接显示到这里我们就完成了获得验证码的功能。2.然后我们进行完成注册功能 完成注册功能与发送验证码类似,我就不详细写...

2022-01-20 14:24:06 1753

原创 处理购物车产品数量

1.首先老样子,还是先观察给个api文档这里与详情页面一样需要传2个参数,id和数量,但与详情页不同的是数量传的是正数或负数,例如传了1意思是在原有的数量上加1 而传了个-1意思是在原有的数量上减1,清楚需要向服务器传什么参数之后2.观察之后发现一个有三个元素都可以对数量进行操作我们采用了传参的方法 通过第一个参数来判断当前对是哪个元素对数量进行操作第二个参数是 disNum形参:+ 变化量(1) -变化量(-1) input最终的个数(并不是变化量)第三个...

2022-01-13 09:53:00 128

原创 uuid初使用

今天在使用写购物车页面时发现,向服务器拿数据拿不到,原因是每个用户都应该有一个独有的uuid,并且持久化存储,这时我们应该把uuid存储到本地中这里使用了单例模式确保只有一个uuid,并存储到本地中持久化存储然后我们就可以向服务器中传商品信息和数量,但发现api接口只给了我们2个参数,所以我们考虑在请求头上添加临时用户uuid我们可以通过这个直接拿到uuid这里面的userTemId是与后端老师确定好的字段这时我们就可以在购物车页面拿到数据...

2022-01-12 09:47:55 255

原创 商城加入购物车操作

1.首先通过观察已经上线的项目可以知道,点击加入购物车会跳转到一个加入购物车成功的页面,还会将加入购物车的商品信息和数量传到服务器上2.写api通过接口文档可以知道有两个参数和请求方式是post然后我们可以再store上这里只需要返回一个请求是否成功的信息,所以不需要存储数据,注意这里async函数会返回一个promise3.组件派发请求如果请求成功,进行页面跳转,若失败了则跳出弹窗这里是成功后跳转的页面这里的问题是怎么将加入购物车的商品信息传到...

2022-01-11 10:48:19 1155

原创 分页器初体验

1.一般来说分页器很多地方都用的上所以我们将分页器放在全局组件上2.我们需要向这个组件上传几个参数,使用props进行父向子传值,传入了有根据总共的数据和每一页能放多少个数据,我们可以求出一共有多少页注意这里我们要向上取整,3.完成这一步之后就完成了一大半4. 设置7个button 第一个button是上一页这个按钮主要是点击的时候将页面数减1 并且将减完后的页面数传到父组件中重新发送请求当这时页面数为1时,触发disable 就不能点..

2022-01-03 22:03:44 443

原创 商城排序操作

关于商城排序的操作

2022-01-02 10:33:32 337

原创 平台售卖属性的面包屑

1.首先我们应该先看接口文档商品属性的数组: ["属性ID:属性值:属性名"]示例: ["2:6.0~6.24英寸:屏幕尺寸"]发现是一个数组并且里面的数组元素是字符串2.这时通过点击面包屑上的关键字获得"属性ID:属性值:属性名"atteValueClick(attr,attrValue){ this.$emit('attrInfo',attr,attrValue) }通过自定义事件发送到search组件中 attrInfo(attr,attrValu

2022-01-01 10:35:23 308

原创 面包屑处理分类信息操作

1.点击分类导航 在这里显示面包屑 <ul class="fl sui-tag"> <li class="with-x" v-show="searchParams.categoryName">{{searchParams.categoryName}}<i @click="removeCategoryName">x</i></li> </ul>2.对x健添加一个点击...

2021-12-18 09:56:13 390

原创 监听路由的变化再次发请求获取数据

mounted() { this.getData();//在组件挂载完之后获取数据 }, methods: { getData() { this.$store.dispatch("getSearchList", this.searchParams); }, },在上节课留下的一个小bug,这导致了只会对服务器请求一次数据((组件挂载完之后请求)我们可以通过监听路由的变化从而对服务器再次请求数据watch: { $route(new.

2021-12-17 10:52:03 394

空空如也

空空如也

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

TA关注的人

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