![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html+js+css杂记
记录组件化/项目外的js功能开发
keepfitt
这个作者很懒,什么都没留下…
展开
-
前端实现弹窗后,弹窗下的部分盒子的内容css加模糊效果
实现效果如图:// 定义实现模糊效果的类名.filter { filter: blur(3px); -webkit-filter: blur(3px); // 数字越大模糊效果越明显}实现过程: 点击弹窗的时候,将 filter 类名赋给需要模糊的盒子,弹窗关闭的时候,将 filter 类名移除即可。...原创 2021-06-22 14:58:34 · 450 阅读 · 0 评论 -
js 循环数组,为数组对象中某一属性添加前缀
let originArr = [ { name: '天使爱美丽', img: '/movies/classic/1234.png'}, { name: '海上钢琴师', img: '/movies/classic/5678.png'}, { name: '楚门的世界', img: '/movies/classic/9101.png'}];let newArr = [];let base_url = 'https:******************',originArr.forEach原创 2021-05-19 14:49:20 · 1082 阅读 · 0 评论 -
css 实现任意盒子任意位置弹出时,该盒子底部加一层蒙版遮罩效果,且阻止蒙版下点击事件的执行
代码如下: <div class="menu-box" v-if="showMenuBox" > <!-- 任意盒子,自定义内容 --> </div> <div class="cover" v-if="showMenuBox" > <!-- 遮罩蒙版--> </div> .menu-box { pos原创 2021-05-19 11:25:56 · 1220 阅读 · 0 评论 -
js 循环数组,数组对象中某属性的值一样时,组成新的数组对象
处理前的源数组let applyList= [{ applyNo: “1”, applyDate: “2021-04-22 10:41:31”, yearMonth: “2021年04月” },{ applyNo: “2”, applyDate: “2021-04-13 11:23:18”, yearMonth: “2021年04月”},{ applyNo: “3”, applyDate: “2021-03-04 09:37:49”, yearMonth: “2021年03月” },{ apply原创 2021-04-22 17:37:21 · 2806 阅读 · 0 评论 -
原生js实现:表头固定+表体每秒向上滚动一行+滚动到无数据时重新回滚到顶部+可以自定义滚动行数
描述:原生js开发的一个表格走马灯通用组件,表格表头固定,表体内容可每秒向上滚动一行,(表格内容可通过数组动态循环渲染),表体内容滚动到最后一个时,数据回滚到顶部,重新开始 自下向上 滚动,表体内容展示单元格行数,单元格长度宽度都可以自定义。实现效果如下:代码如下:<body> <table> <thead> <tr> <th>ID</th> <th>姓名<原创 2021-01-08 15:57:40 · 704 阅读 · 0 评论