随笔分类 -  日常记录css和js

按照给定数组排序原数组
摘要：一：给定数组没有key // data:排序数组的依据，sortData:需要排序的数组，fieldValue：排序的数组对应依据数组的key function sortArr(data, sortData, fieldValue) { let arr = sortData.sort((a, b) 阅读全文
posted @ 2021-08-17 16:46 张健华 阅读(61) 评论(0) 推荐(0)
扩展运算符... 的使用
摘要：// 1、合并数组 let arr1 = [1,2,3]; let arr2 = [4,5] let arr3 = [...arr1,...arr2]; console.log(arr3); //[1, 2, 3, 4, 5] console.log([...arr1,...arr2]);//[1, 阅读全文
posted @ 2021-08-13 16:07 张健华 阅读(80) 评论(0) 推荐(0)
获取某个日期的上一个月份
摘要：// 获取传入日期的上一个月时间（不传默认当前时间） function getLastMonthDate(params) { var date = params ? new Date(params) : new Date() var daysInMonth = new Array([0], [31] 阅读全文
posted @ 2021-07-12 17:36 张健华 阅读(496) 评论(0) 推荐(0)
map，reduce，filter使用
摘要：<script> var arr = [ { age:11, name:'aa' }, { age:22, name:'bb' }, { age:33, name:'cc' } ] // map 使用 var age = arr.map((item,index)=>{ console.log(ite 阅读全文
posted @ 2021-07-02 15:08 张健华 阅读(53) 评论(0) 推荐(0)
动画效果
摘要：鼠标滑过放大 阅读全文
posted @ 2020-12-15 15:39 张健华 阅读(61) 评论(0) 推荐(0)
鼠标滑过动态缩放下划线，伪元素的使用（叉车官网顶部导航）
摘要：效果图（默认第一个有，滑过动态） 阅读全文
posted @ 2020-10-30 11:33 张健华 阅读(98) 评论(0) 推荐(0)
日常记录css
摘要：一般我们写样式的时候，第一个不需要margin-left 后面都需要 阅读全文
posted @ 2020-08-12 10:37 张健华 阅读(115) 评论(0) 推荐(0)
日常记录js
摘要：筛选数组(filter)和求和(reduce) var arr = [ {checked:true,num:10}, {checked:false,num:20}, {checked:true,num:30}, {checked:true,num:40} ] var arr2 = arr.filte 阅读全文
posted @ 2020-07-27 16:02 张健华 阅读(72) 评论(0) 推荐(0)
css Grid 响应式布局
摘要：在这篇文章中，我将教你如何使用 CSS Grid 来创建一个超酷的图像网格图，它将根据屏幕的宽度来改变列的数量。最精彩的地方在于：所有的响应特性被添加到了一行 css 代码中。这意味着我们不必将 HTML 与丑陋的类名(如col-sm-4, col-md-8)混杂在一起，也不必为每个屏幕创建媒体查询 阅读全文
posted @ 2020-07-27 14:36 张健华 阅读(520) 评论(0) 推荐(0)
网站添加背景音乐
摘要：效果： 相关代码 <audio controls="controls" preload="auto" loop id="music"> <source src="~assets/img/home/music.mp3" type="audio/mpeg" /> </audio> <img class= 阅读全文
posted @ 2020-07-17 15:16 张健华 阅读(119) 评论(0) 推荐(0)