Moliy-Moliy

2019年10月22日

摘要： 1.什么是CartControl组件？至于这个这个组件的样式，这里就不做说明了；分析：这个是实现食物数量的增加和减少 count是要存在food里面，但是food里面本来是没有count的。-，+ 就要更新count，而且要知道是哪一个food加了或者是减了；在CartControl可以通过阅读全文

posted @ 2019-10-22 17:53 Moliy-Moliy 阅读(361) 评论(0) 推荐(0) 编辑

点击分类项-----滑动分类列表

摘要： 1.给左侧的每个li注册点击事件 2.在methods方法中写逻辑代码：点击左侧后如何让右侧滚动呢？我们可以使用Better-Scroll中的这个方法：但是如何得到右边列表对象的呢，我们可以把const foodsScroll改成 this.foodsScroll,这样就变成全局的了，其他方法阅读全文

posted @ 2019-10-22 11:51 Moliy-Moliy 阅读(385) 评论(0) 推荐(0) 编辑

解决惯性滑动不更新的问题

摘要：由于前面，设置probeType:2,这是惯性滑动不更新的，（惯性滑动就是鼠标，手指离开后的滑动）怎么解决呢？将probeType:3, 在滑动的过程中，其实大家是不会关注，左侧的菜单列表的；但是，当停止不滑动的时候，必须要停在当前右侧页面应该对应的列表项; 但是最好还是这样解决问题，比较好：阅读全文

posted @ 2019-10-22 11:01 Moliy-Moliy 阅读(143) 评论(0) 推荐(0) 编辑

滑动列表更新当前分类

摘要：在计算属性中写计算方法，currentIndex(){}; 分析运算逻辑： 1.先从data中取得要用到的条件数据 const {scrollY ,tops} = this; 2.根据条件计算产生一个结果： 3.返回结果； 4.给左侧列表绑定class; 当前返回的结果是和左侧列表的index时就阅读全文

posted @ 2019-10-22 09:37 Moliy-Moliy 阅读(127) 评论(0) 推荐(0) 编辑

2019年10月21日

收集Tops

摘要： //这个Tops的收集是要放在列表第一次更新完成后，立即收集的。 //初始化函数一般以下划线开头什么是伪数组？ 1.拥有lentgth属性和数值下标属性。 2.不具有数组所具有的方法。伪数组是一个Object，而真实的数组是一个Array。阅读全文

posted @ 2019-10-21 22:37 Moliy-Moliy 阅读(114) 评论(0) 推荐(0) 编辑

收集ScrollY

摘要： 1,参考文档：但是会发现：一个也没有打印出来，为什么呢? 默认是不分发滚动事件的需要这样做所以需要给增加这个属性，用它来分发滚动事件：这样滑动就可以打印出，当前的x,y; 但是我们并不是要打印喔，我们是要收集，放到scrollY中：注意：这样写看着有些不方便，那我们就可以抽离出来，封装成一个阅读全文

posted @ 2019-10-21 22:29 Moliy-Moliy 阅读(115) 评论(0) 推荐(0) 编辑

第一次使用better-scroll实现滑动的效果

摘要：具体使用参照https://better-scroll.github.io/docs/en-US/guide/use.html#basic-usage 具体使用参照github地址：https://github.com/ustbhuangyi/better-scroll 废话不多说，直接开始：我的阅读全文

posted @ 2019-10-21 17:33 Moliy-Moliy 阅读(646) 评论(0) 推荐(0) 编辑

vue项目---/shop/shopgoods页面的滑动效果分析

摘要：这是那个页面；阅读全文

posted @ 2019-10-21 16:22 Moliy-Moliy 阅读(227) 评论(0) 推荐(0) 编辑

面试5（每日打卡）

摘要： 32. 写一个function，清除字符串前后的空格。（兼容所有浏览器）不会喔答案：String.prototype.trim function () { return this.replace(/^\s+/," ").replace(/\s+$/,""); } 35. 如何获取javascri 阅读全文

posted @ 2019-10-21 11:55 Moliy-Moliy 阅读(130) 评论(0) 推荐(0) 编辑

2019.10.21

摘要： 1.【html】png8和png24有什么区别？我的答案：不知道百度见解：png8:要么完全透明，要么完全不透，不支持半透明； png24：支持半透明注意：他们的根本区别不是颜色位的区别，而是存储方式的不同。所以就可以这样： 1》色彩丰富的，大的图片切成jpg的 2》尺寸小的，色彩不丰富的和阅读全文

posted @ 2019-10-21 11:25 Moliy-Moliy 阅读(142) 评论(0) 推荐(0) 编辑

公告