摘要: 一、思路 当屏幕滚动到一定高度时,tab显示并且固定到顶部,当小于这个高度时,tab不显示。当切换tab时,tab对应的内容滚到顶部,这里不用锚点定位通过点击事件实现内容滚动。同样,当tab对应的内容滚到顶部时,对应的tab选中。不用锚点定位,文章底部有解释。 二、代码部分 html: <div> 阅读全文
posted @ 2021-01-16 20:47 狗和鹦鹉还有小花 阅读(652) 评论(0) 推荐(0)
摘要: 1.为什么使用图片懒加载 一个页面上的图片多,加载的图片就多,这不仅影响渲染速度还会浪费带宽,有的用户并不想看完所有的图片,如果全部加载会耗费大量的流量。 2.图片懒加载原理 一张图片就是一个img标签,而图片的来源主要是src属性,浏览器是否发起请求,就是由是否有src决定的。所以实现图片懒加载的 阅读全文
posted @ 2021-01-04 17:34 狗和鹦鹉还有小花 阅读(226) 评论(0) 推荐(0)
摘要: 解决方法: 1.保存代码,关掉HBuilderX(下面的方法会关闭HBuilderX中的所有项目,一定要保存好代码) 2.找到HBuilderX的安装目录,找到reset.bat文件,双击 双击之后会出现: 随便输入什么,然后回车。再打开HBuilderX就可以了。 阅读全文
posted @ 2020-11-27 22:17 狗和鹦鹉还有小花 阅读(1213) 评论(0) 推荐(0)
摘要: 1.forEach() forEach方法循环数组中每一个元素并采取操作,没有返回值。它接受一个函数作为参数,这个函数接受三个参数:当前值、当前位置、整个数组。 let arr = [1, 2, 3]; arr.forEach(function( item, index, array){ conso 阅读全文
posted @ 2020-11-14 21:29 狗和鹦鹉还有小花 阅读(464) 评论(0) 推荐(0)
摘要: 作用 返回值 是否会改变原数组 push() 在数组的末端添加一个或多个元素 返回添加新元素后的数组长度 是 pop() 删除数组的最后一个元素 返回删除的该元素 是 unshift() 在数组的第一个位置添加元素 返回添加新元素后的数组长度 是 shift() 删除数组的第一个元素 返回删除的该元 阅读全文
posted @ 2020-11-07 22:56 狗和鹦鹉还有小花 阅读(571) 评论(0) 推荐(0)
摘要: 1.变量声明提前 JavaScript引擎的工作方式是,先解析代码,获取所有被声明的变量,然后再一行一行的运行。这造成的结果就是,所有的变量的声明语句都会提升到代码的头部,这就叫做变量提升。 function b(){ console.log(a); //undefined var a = '哈哈' 阅读全文
posted @ 2020-10-31 21:32 狗和鹦鹉还有小花 阅读(390) 评论(0) 推荐(0)
摘要: filter()数组去重 let arr = [1, '1', 2, 2, 3, 4, 4]; let arr1 = arr.filter(function(item, index, self){ return self.indexOf(item) index }) console.log(arr1 阅读全文
posted @ 2020-10-18 12:11 狗和鹦鹉还有小花 阅读(311) 评论(0) 推荐(0)
摘要: vscode无法在控制台中输入 在vscode的插件中找到run in terminal安装即可 但是,等第二天再重新启动vscode发现控制台又不能输入了 右键vscode快捷键 → 属性 → 兼容性 → 勾选以管理员身份运行此程序 → 应用 ,再重新启动vscode就好了 阅读全文
posted @ 2020-09-21 16:51 狗和鹦鹉还有小花 阅读(995) 评论(0) 推荐(0)