尚品汇
文章平均质量分 87
项目个人总结
fw学前端
这个作者很懒,什么都没留下…
展开
-
2.6 尚品汇 day13 二级路由 饿了么ui 表单使用以及验证(不完整)、上线后的跨域代理(nginx)
注意:data中的return上面还可以定义属性,只是不能外部访问。4.1.3 进入配置文件 ,文件(nginx.conf)在usr/local/nginx/conf下。前台项目的服务器:http://gmall-h5-api.atguigu.cn。1.1.2 在main.js 按需引入 引入首字母大写,-用大写替代,el省略,4.1.4 方法1,使用xftp再用记事本改文件,不用xsheel改了。3.1.1 购买服务器,本次购买的是腾讯云的轻量服务器,4.1.5代理跨域代码。原创 2023-02-14 16:23:26 · 526 阅读 · 0 评论 -
2.2尚品汇 day12 async await 不使用store,统一引入API(类似全局总线)
怎么解决: 每一个组件都在mounted里面发起获取用户信息,进行展示(可以太麻烦) 残留的问题:用户在home模块刷新的时候,用户信息一直在展示(mounted执行的时候在向服务器发请求、获取用户信息展示)1.1:为什么刷新页面,用户信息就消失 用户刷新页面,用户信息消失没了获取不到,因为token没有携带给服务器。1.2登录业务 当你点击登录按钮的时候,需要把手机号、密码需要携带给服务器,服务器需要判断,你是不是我的用户【注册过的】 如果是用户登录成功,进行登录,如果用户登录失败给一个提示即可。原创 2023-02-04 20:54:22 · 538 阅读 · 0 评论 -
1.1 尚品汇day10 修改购物车产品的数量(修改选中状态) 删除购物车某个产品(del请求)节流应用 删除选中的购物车商品(数组方法forEach,filter)
4.3.1:今天在做注册、登录业务的时候,先不处理表单的验证功能,在项目最后一天,在把表单如何验证,如果是那哪些插件解决【最后去处理】目前而言:是没有这个接口,一次修改全部产品的选中状态接口【正常工作当中一定是有这样的接口:一次全部修改选中状态】注意:以后工作的时候,最基本的基本功看API文档(在线文档),在开发后台管理系统项目的时候。全选复选框:如果它没勾上,顶上的全部产品的选装中台,没勾上。全选复选框:如果它勾上,顶上全部的产品的选中状态,勾上。仓库中,发请求的时候不用这样{}。原创 2023-02-02 09:59:38 · 296 阅读 · 0 评论 -
12.29 商品汇 day09 加入购物车成功失败判断(try使用) 游客访问身份(uuid)utils文件夹 ...mapGetters跨二级访问仓库的cartList 全选框(arr.every)
执行规则:首先执行try中的代码 如果抛出异常会由catch去捕获并执行 如果没有发生异常 catch去捕获会被忽略掉 但是不管有没有异常最后都会执行。try 语句使你能够测试代码块中的错误。catch 语句允许你处理错误。throw 语句允许你创建自定义错误。(抛出错误)finally 使你能够执行代码,在 try 和 catch 之后,无论结果如何。】原创 2022-12-31 23:00:31 · 204 阅读 · 0 评论 -
12.10 尚品汇 day08 分页器实现 封装路由 vuex(store仓库)的使用
(3)计算逻辑:当给的数据不够5(约定的中间5页可修改,continues)页时开始数字为1和结束数组为totalPage,如果大于5页(continues)的话,开始页等于当前页-向下取整(continues/2);(4)、中间的页码循环显示,使用v-for和v-show(当item大于等于start页码的时候显示,不加这条件的话,则前面的页码(1...)也会显示)(这里的截图是后加的,再按顺序来)-----分页组件 **********(8)、父组件通过自定义事件获取分页器的当前页码并发送请求。原创 2022-12-10 22:04:42 · 285 阅读 · 0 评论 -
11.28 尚品汇 day07 自定义事件子传父亲 数据去重 排序、阿里图标的使用,发请求、
props Array N 商品属性的数组: ["属性ID:属性值:属性名"] 示例: ["2:6.0~6.24英寸:屏幕尺寸"]3)父组件给子组件标签绑定自定义事件,定义回调函数, 数据去重 数组.indexOf==-1,防止重复点击某个属性。【价格升序:把这个信息给服务器传递过去,服务器接收到信息,数据库自动把排序这件事情做了,把排序做好的数据返回给你,你展示即可】2.2我们还是需要收集用户选择的数据,把用户选择的数据信息,给服务器传递获取,获取相应的数据进行展示。原创 2022-11-29 15:13:47 · 96 阅读 · 0 评论 -
11.26 尚品汇 day06 mapgetters使用 Object.assign合并数组 接口传参(post)
1.2:点击搜索按钮的时候,用户输入进来的关键字,点击按钮的时候会通过params参数传递给search模块-----(params)(4) 什么时候调用接口获取数据?1.1:开发的三级联动业务,当你点击a标签的时候,会进行路由的跳转,将产品的名字与id传递给search模块----(query)向服务器发请求,需要把这些参数携带给服务器,服务器就会返回相应的用户的搜索的数据,search就可以进行展示。对于给服务器携带的参数:如果数值为undefind,向服务器发请求的时候,参数步携带给服务器的。原创 2022-11-28 14:19:04 · 415 阅读 · 1 评论 -
11.21 尚品汇 day05 elementui 组件使用轮播图 ;watch+$nextTick完美解决轮播图;api获取floor组件的mock数据同时复用floor组件,父子通信;
派发action,本来在floor组件挂载完毕触发,原创 2022-11-21 19:58:06 · 1318 阅读 · 0 评论 -
11.20 尚品汇 day04 三级联动进入显示 三级联动动画效果 swiper轮播在Vue使用 mock模拟发送请求
接下来需要开发listContainer与floor组件 场景:开发项目,产品经理画出原型,前端与后端人员需要介入(开发项目), leader(老大)刚开完会,前端与后端负责哪些模块,后端人员(....开发服务器), 前端人员【项目起步、开发静态页面、查分静态组件】,回首一看回台‘哥哥’,接口没有写好, 向这种情况,前端人员可以mock一些数据【前端程序员自己模拟的一些假的接口】,当中工作中项目上线,需要把mock 数据变为后台哥哥给的接口数据替换。注意:mockjs【并非mock.js mock-js】原创 2022-11-21 12:56:21 · 448 阅读 · 0 评论 -
11.19 尚品汇 day03 鼠标进入显示二、三级分类,三级联动的路由跳转和传参、节流防抖
需求:1、鼠标进入一级分类显示二、三级分类,三级联动解决:方法一:一级hover时,给二三级的分类添加属性display:block(二三级分类的解构嵌套在一级分类中)方法二:在data定义一个新的索引currentIndex;一级分类绑定鼠标进入事件,获取当前的一级分类的索引index,并让data的currentIndex等于这个一级分类的索引;在二级分类定义一个动态类名触发条件,当index===currentIndex时触发2、节流防抖,用户操作过快鼠标进入卡顿。原创 2022-11-20 13:05:33 · 521 阅读 · 0 评论 -
11.15 尚品汇 day02 配置路由 nprogress进度条 axios二次封装 vuex管理store 鼠标进入添加动态样式
注意:编程式导航(push|replace)才会有这种情况的异常,声明式导航是没有这种问题,因为声明式导航内部已经解决这种问题。由于vue-router最新版本3.5.2,引入了promise,当传递参数多次且重复,会抛出异常,因此出现上面现象,AJAX:客户端可以'敲敲的'向服务器端发请求,在页面没有刷新的情况下,实现页面的局部更新。工作的时候,修改进度条的颜色,修改源码样式.bar类名的。------main.js 配置项不能瞎写。KV:K--->URL V---->相应的组件。原创 2022-11-19 16:13:52 · 334 阅读 · 0 评论 -
11.14 尚品汇 day01 脚手架,路由命名,路由跳转,传参,props传参,重写push,replace
5.1路由的一个分析 确定项目结构顺序:上中下 -----只有中间部分的V在发生变化,中间部分应该使用的是路由组件 2个非路由组件|四个路由组件 两个非路由组件:Header 、Footer 路由组件:Home、Search、Login(没有底部的Footer组件,带有二维码的)、Register(没有底部的Footer组件,带二维码的)因为项目大的时候src(源代码文件夹):里面目录会很多,找文件不方便,设置src文件夹的别名的好处,找文件会方便一些。解决:在路由配置页的/:searchWord/原创 2022-11-14 19:16:21 · 140 阅读 · 0 评论