springxxxx - 博客园

2021年6月21日

摘要：冒泡排序冒泡排序是一种很基本的排序算法，步骤如下。 (1) 指向数组中两个相邻的元素（最开始是数组的头两个元素），比较它们的大小。 (2) 如果它们的顺序错了（即左边的值大于右边），就互换位置。如果顺序已经是正确的，那这一步就什么都不用做。 (3) 将两个指针右移一格。重复第(1)步和第(2)步，阅读全文

posted @ 2021-06-21 15:34 springxxxx 阅读(247) 评论(0) 推荐(0)

2021年6月18日

HomeSwiper、RecommendView和FeatureView组件的使用

摘要： HomeSwiper是本项目的轮播图组件，它使用了两个现成的组件Swiper和SwiperItem，前者是对播放容器的设置，后者是对播放项目的设置。我们直接使用Swiper组件，在其内部通过v-for动态创建若干个SwiperItem，每个SwiperItem都是一张超链接图片。需要展示的图片存放阅读全文

posted @ 2021-06-18 23:23 springxxxx 阅读(142) 评论(0) 推荐(0)

DetailNavBar组件实现tag和滚动的双向联动

摘要：在Detail组件中使用DetailNavBar组件时，其center插槽中放置了四个tag：['商品', '参数', '评论', '推荐']。事实上，这四个tag分别对应详情页面的四个部分。现在我们希望点击某个tag，页面会自动滚动到对应的区域；反之，当页面滚动到某个区域时，对应的tag被高亮（字阅读全文

posted @ 2021-06-18 22:42 springxxxx 阅读(129) 评论(0) 推荐(0)

flex布局

摘要：在这里复习一下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组件作为导航条，是最经常被复用的几个组件之一，下面来剖析一下它的实现过程： NavBar通常可以分为left/center/right三块，只是这三个位置具体填充什么，需要在使用时再传入。所以我们在这三个位置分别放入一个插槽。此外，为了便于添加默认的样式，故将每个插槽用div包裹起来。阅读全文

posted @ 2021-06-18 22:00 springxxxx 阅读(416) 评论(0) 推荐(0)

BackTop组件的实现思路

摘要： BackTop组件实现功能：回到页面顶部。并且只有当页面滚动到一定距离后，才显示出来。由于该组件在页面滚动时位置保持不变，所以采用fixed定位。给它绑定单击响应函数backClick()，由于绑定事件的操作只能对原生的html标签进行（给组件标签绑定无效），所以使用了.native修饰符，其作阅读全文

posted @ 2021-06-18 19:32 springxxxx 阅读(291) 评论(0) 推荐(0)

6.18 字节一面查缺补漏

摘要： 1、http请求头中包含哪些内容？ Cache-Control：指定请求和响应遵循的缓存机制 Cookie：HTTP请求发送时，会把保存在该请求域名下的所有cookie值一起发送给web服务器。 Content-Length：请求的内容长度 Content-Type：请求的与实体对应的MIME信息阅读全文

posted @ 2021-06-18 16:45 springxxxx 阅读(61) 评论(0) 推荐(0)

面试重点----vue源码解析----数据绑定

摘要：首先需要明确两个概念—— 数据绑定：一旦更新data中的某个属性数据，所有页面上直接使用或者间接使用了该属性的节点都会自动更新。数据劫持：通过Object.defineProperty()来监视data中的所有属性(任意层次)数据的变化，一旦数据发生变化就去更新界面。它们的关系：数据绑定是我们的阅读全文

posted @ 2021-06-18 00:55 springxxxx 阅读(126) 评论(0) 推荐(0)

2021年6月17日

面试重点----手写数组方法----数组去重

摘要：数组去重一个主要的思路就是：遍历原数组中的每个元素，判断新数组中是否已有该元素，若有，则不操作；若没有，则将该元素加入新数组。这个思路写成代码如下： let arr = [1,2,3,5,4,6,2,3,1,1] let arr2 = [] for(let i of arr){ if(arr2.in 阅读全文

posted @ 2021-06-17 22:36 springxxxx 阅读(127) 评论(0) 推荐(0)

2021年6月7日

联想题题库

摘要： 1.牛顿，平安夜，手机(两个字)2.煤炭，武则天，壶口瀑布(两个字)3.牡丹，纸，东汉(两个字)4.富兰克林，DC，战术(两个字)5.刘裕，孙权，廉颇，词人(三个字)6.淘宝，象棋，飞燕(一个字)7.宿主，黑客，武汉，三傻(两个字)8.霸主，儒家，笔法，季节(两个字)9.大雄，葛平，S.H.E(一个阅读全文

posted @ 2021-06-07 22:21 springxxxx 阅读(1218) 评论(0) 推荐(0)