2021年6月18日
摘要：
HomeSwiper是本项目的轮播图组件，它使用了两个现成的组件Swiper和SwiperItem，前者是对播放容器的设置，后者是对播放项目的设置。 我们直接使用Swiper组件，在其内部通过v-for动态创建若干个SwiperItem，每个SwiperItem都是一张超链接图片。需要展示的图片存放 阅读全文
posted @ 2021-06-18 23:23
springxxxx
阅读(142)
评论(0)
推荐(0)
摘要：
在Detail组件中使用DetailNavBar组件时，其center插槽中放置了四个tag：['商品', '参数', '评论', '推荐']。事实上，这四个tag分别对应详情页面的四个部分。现在我们希望点击某个tag，页面会自动滚动到对应的区域；反之，当页面滚动到某个区域时，对应的tag被高亮（字 阅读全文
posted @ 2021-06-18 22:42
springxxxx
阅读(129)
评论(0)
推荐(0)
摘要：
在这里复习一下flex布局相关的知识： 弹性容器的样式： flex-direction—设置主轴方向 flex-wrap—当容器主轴方向空间不足时，设置元素是否会自动换行。（默认值为nowrap，若flex-shrink都为0，则元素会溢出容器） flex-flow—同时设置direction和wr 阅读全文
posted @ 2021-06-18 22:03
springxxxx
阅读(40)
评论(0)
推荐(0)
摘要：
NavBar组件作为导航条，是最经常被复用的几个组件之一，下面来剖析一下它的实现过程： NavBar通常可以分为left/center/right三块，只是这三个位置具体填充什么，需要在使用时再传入。所以我们在这三个位置分别放入一个插槽。此外，为了便于添加默认的样式，故将每个插槽用div包裹起来。 阅读全文
posted @ 2021-06-18 22:00
springxxxx
阅读(416)
评论(0)
推荐(0)
摘要：
BackTop组件实现功能：回到页面顶部。并且只有当页面滚动到一定距离后，才显示出来。 由于该组件在页面滚动时位置保持不变，所以采用fixed定位。 给它绑定单击响应函数backClick()，由于绑定事件的操作只能对原生的html标签进行（给组件标签绑定无效），所以使用了.native修饰符，其作 阅读全文
posted @ 2021-06-18 19:32
springxxxx
阅读(291)
评论(0)
推荐(0)
摘要：
1、http请求头中包含哪些内容？ Cache-Control：指定请求和响应遵循的缓存机制 Cookie：HTTP请求发送时，会把保存在该请求域名下的所有cookie值一起发送给web服务器。 Content-Length：请求的内容长度 Content-Type：请求的与实体对应的MIME信息 阅读全文
posted @ 2021-06-18 16:45
springxxxx
阅读(61)
评论(0)
推荐(0)
摘要：
首先需要明确两个概念—— 数据绑定：一旦更新data中的某个属性数据，所有页面上直接使用或者间接使用了该属性的节点都会自动更新。 数据劫持：通过Object.defineProperty()来监视data中的所有属性(任意层次)数据的变化，一旦数据发生变化就去更新界面。 它们的关系：数据绑定是我们的 阅读全文
posted @ 2021-06-18 00:55
springxxxx
阅读(126)
评论(0)
推荐(0)
浙公网安备 33010602011771号