摘要: //分组前数据 let obj= [ { name: 1, age: 11 }, { name: 2, age: 22 }, { name: 1, age: 33 }, { name: 2, age: 44 }, { name: 1, age: 55 }, { name: 1, age: 66 }, 阅读全文
posted @ 2021-08-30 15:31 菜巴豆 阅读(443) 评论(0) 推荐(0) 编辑
摘要: Array对象用于在单个变量中存储多个值。提起Array对象,说实在它有很多方法需要我们必须记下来,下面介绍几种常用的数组方法。 1.concat(),用来进行数组的拼接,不改变原数组 Var Arr1=[1,2,3] Var Arr2=[4,5,6] Var arr = arr1.concat(a 阅读全文
posted @ 2019-09-06 10:11 菜巴豆 阅读(132) 评论(0) 推荐(0) 编辑
摘要: a:link { font-size: 14pt; text-decoration: underline; color: blue; } /*设置a对象在未被访问前的样式表属性 。*/ a:hover { font-size: 14pt; text-decoration: underline; color: blue; } /*设置对象在其鼠标悬停时的样式表属性 。*/ a:active {... 阅读全文
posted @ 2019-07-15 15:52 菜巴豆 阅读(615) 评论(0) 推荐(0) 编辑
摘要: Promise 封装ajax 成链式结构: 阅读全文
posted @ 2019-07-12 14:45 菜巴豆 阅读(134) 评论(0) 推荐(0) 编辑
摘要: 事件委托利用了事件冒泡,只指定一个事 件处理程序,就可以管理某一类型的所有事件。 <div id="box"> <input type="button" id="add" value="添加" /> <input type="button" id="remove" value="删除" /> <in 阅读全文
posted @ 2019-07-09 10:01 菜巴豆 阅读(136) 评论(0) 推荐(0) 编辑
摘要: 将格林式时间转换为标准时间格式 阅读全文
posted @ 2019-07-09 09:28 菜巴豆 阅读(236) 评论(0) 推荐(0) 编辑
摘要: 图片懒加载html部分: js 部分及注释: 核心思想是滚动监听img是否出现在浏览器窗口内,出现及加载。 阅读全文
posted @ 2019-06-24 14:24 菜巴豆 阅读(103) 评论(0) 推荐(0) 编辑
摘要: 创造一个自适应的盒子,跟随浏览器宽高,目的是不覆盖body元素 css部分 html部分 js 部分生成自适应盒子 图片元素填入盒子,点击关闭隐藏并还原图片 若是多张图片可用for循环遍历元素自行改造 阅读全文
posted @ 2019-06-21 10:25 菜巴豆 阅读(492) 评论(1) 推荐(0) 编辑
摘要: 用过很多轮播插件,很少自己写一个,所以今天在这里说一下我写轮播的思路和具体实现过程。 轮播的主体就是让图片轮流变换,切换图片的方式。 我们只需要固定要显示的区域然后让要显示的东西移动,给盒子设置overflew:hidden,相当于经过窗口的元素显示其余的隐藏,就可以实现单方向切图效果。 css部分 阅读全文
posted @ 2019-03-20 16:54 菜巴豆 阅读(239) 评论(1) 推荐(0) 编辑