- 博客(14)
- 收藏
- 关注
原创 函数作用域问题
4部走 对于这种情况 虽然进不去 但是在预编译环节还是会将d赋值为undefind 这里注意var b = function(){}不叫函数声明 叫做函数表达式 function a(){} function c(){}才叫做函数声明 前四部是预编译环节 ...
2022-03-02 20:48:28
126
原创 this相关
一。在普通情况下 第一种情况下函数直接被调用,则此时的this指向window 第二种情况下函数作为对象的方法被调用(谁调用我 我指向谁) 看一道面试题
2022-03-02 15:19:03
128
原创 事件循环模式
一.定时器引发的思考 输出结果为 加了一个for循环之后 输出结果 发现尽管延时器的延时时间为0,但还是在弹窗之后执行 之后我们可以总结出 执行的顺序 二。事件循环模型 ...
2022-03-02 10:24:14
172
原创 数据类型解析
一.基本数据类型 还有一个symbol:用于表示独一无二的值 二.各基本数据类型之间的转换 一. 转换为String类型 toString()方法,但是null和undefind这两个值没有toString方法 String()方法 将需要转换的数据作为参数传进去 其他数据实际上调用toString,会将null转化为'null',将undefind转化成'undefind' 二.使用Number()函数 1.字符串转换成数字 若如果为纯数字的字符串,之间转换成数字 若如果...
2022-03-01 22:19:18
167
原创 实现继承的几种方式
一 . 原型链继承 若想实现Sub的实例能够用Supper原型上的showprop方法 关键在于 子类型的原型是父类型的实例即可 画图更加直观 二 构造函数继承(假的) 关键在于巧用call方法实现 三 组合继承 一般都是用这种 将原型链继承和构造函数继承结合起来,原型链继承实现方法的继承,构造函数继承实现属性的继承 ...
2022-03-01 09:35:33
225
原创 商城注册登录
1.首先先完成静态页面组件 在完成静态页面之后需要进行验证码的获取,我们还是先看文档看看需要发送什么请求能获得验证码, 我们发现需要带一个手机号码的参数,所以我们双向绑定手机号码和验证码, 接下来我们写api接口 接下来就是写store仓库 在写完之后,我们就可以通过点击发送验证码按钮发送请求,获得code通过双向绑定直接显示 到这里我们就完成了获得验证码的功能。 2.然后我们进行完成注册功能 完成注册功能与发送验证码类似,我就不详细写...
2022-01-20 14:24:06
1875
原创 处理购物车产品数量
1.首先老样子,还是先观察给个api文档 这里与详情页面一样需要传2个参数,id和数量,但与详情页不同的是数量传的是正数或负数,例如传了1意思是在原有的数量上加1 而传了个-1意思是在原有的数量上减1,清楚需要向服务器传什么参数之后 2. 观察之后发现一个有三个元素都可以对数量进行操作 我们采用了传参的方法 通过第一个参数来判断当前对是哪个元素对数量进行操作 第二个参数是 disNum形参:+ 变化量(1) -变化量(-1) input最终的个数(并不是变化量) 第三个...
2022-01-13 09:53:00
190
原创 uuid初使用
今天在使用写购物车页面时发现,向服务器拿数据拿不到,原因是 每个用户都应该有一个独有的uuid,并且持久化存储,这时我们应该把uuid存储到本地中 这里使用了单例模式确保只有一个uuid,并存储到本地中持久化存储 然后我们就可以向服务器中传商品信息和数量,但发现api接口只给了我们2个参数,所以我们考虑在请求头上添加临时用户uuid 我们可以通过这个直接拿到uuid 这里面的userTemId是与后端老师确定好的字段 这时我们就可以在购物车页面拿到数据 ...
2022-01-12 09:47:55
318
原创 商城加入购物车操作
1.首先通过观察已经上线的项目可以知道,点击加入购物车会跳转到一个加入购物车成功的页面, 还会将加入购物车的商品信息和数量传到服务器上 2.写api 通过接口文档可以知道有两个参数和请求方式是post 然后我们可以再store上 这里只需要返回一个请求是否成功的信息,所以不需要存储数据,注意这里async函数会返回一个promise 3.组件派发请求 如果请求成功,进行页面跳转,若失败了则跳出弹窗 这里是成功后跳转的页面 这里的问题是怎么将加入购物车的商品信息传到...
2022-01-11 10:48:19
1207
原创 分页器初体验
1. 一般来说分页器很多地方都用的上所以我们将分页器放在全局组件上 2. 我们需要向这个组件上传几个参数,使用props进行父向子传值,传入了有 根据总共的数据和每一页能放多少个数据,我们可以求出一共有多少页 注意这里我们要向上取整, 3. 完成这一步之后就完成了一大半 4. 设置7个button 第一个button是上一页 这个按钮主要是点击的时候将页面数减1 并且将减完后的页面数传到父组件中重新发送请求 当这时页面数为1时,触发disable 就不能点..
2022-01-03 22:03:44
497
原创 平台售卖属性的面包屑
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
345
原创 面包屑处理分类信息操作
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
437
原创 监听路由的变化再次发请求获取数据
mounted() { this.getData(); //在组件挂载完之后获取数据 }, methods: { getData() { this.$store.dispatch("getSearchList", this.searchParams); }, }, 在上节课留下的一个小bug,这导致了只会对服务器请求一次数据((组件挂载完之后请求) 我们可以通过监听路由的变化从而对服务器再次请求数据 watch: { $route(new.
2021-12-17 10:52:03
460
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人