摘要: 1、for 循环 1 2 3 4 5 6 7 let arr = [1,2,3]; for (let i=0; i<arr.length; i++){ console.log(i,arr[i]) } // 0 1 // 1 2 // 2 3 for 循环是 Js 中最常用的一个循环工具,经常用于数组 阅读全文
posted @ 2021-02-06 16:00 太微 阅读(62) 评论(0) 推荐(0) 编辑
摘要: 函数防抖(debounce):当持续触发事件时,一定时间段内没有再触发事件,事件处理函数才会执行一次,如果设定的时间到来之前,又一次触发了事件,就重新开始延时。举个栗子,持续触发scroll事件时,并不执行handle函数,当1000毫秒内没有触发scroll事件时,才会延时触发scroll事件。 阅读全文
posted @ 2021-02-06 11:21 太微 阅读(131) 评论(0) 推荐(0) 编辑
摘要: 其实是一个很简单的东西,认真看十分钟就从一脸懵B 到完全 理解! 先看明白下面: 例 1 obj.objAge; // 17 obj.myFun() // 小张年龄 undefined 例 2 shows() // 盲僧 比较一下这两者 this 的差别,第一个打印里面的 this 指向 obj,第 阅读全文
posted @ 2021-02-06 11:16 太微 阅读(69) 评论(0) 推荐(0) 编辑
摘要: 1、初始化:选中元素进行初始化;$('input').iCheck({ checkboxClass: 'icheckbox_flat-blue', //选择框的风格。 radioClass: 'icheckbox_flat-blue', });具体颜色:Black — minimal.css //黑 阅读全文
posted @ 2020-05-22 12:30 太微 阅读(907) 评论(0) 推荐(0) 编辑
摘要: //用户名正则,4到16位(字母,数字,下划线,减号) let uPattern = /^[a-zA-Z0-9_-]{4,16}$/; //密码强度正则,最少6位,包括至少1个大写字母,1个小写字母,1个数字,1个特殊字符 let pPattern = /^.*(?=.{6,})(?=.*\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&*? ]).*$/; //正整数正 阅读全文
posted @ 2019-10-16 16:15 太微 阅读(389) 评论(0) 推荐(0) 编辑
摘要: 1、我们先设置两个盒子大小,颜色等等,然后定位重叠在一起,最后再进行动画设置 例子如下: 2、效果如下: 恢复内容结束 阅读全文
posted @ 2019-10-08 17:17 太微 阅读(814) 评论(1) 推荐(0) 编辑
摘要: 一、属性的认识 :link 表示鼠标点击之前,也称为原始状态; :visited 表示鼠标点击之后状态; :hover 表示鼠标悬停状态; :active 表示鼠标点击状态; L-V-H-A LV爱 HA恨 二、例子 运行结果是: 1、初始,未访问状态 2、鼠标悬停时状态 3、点击是状态 4、点击之 阅读全文
posted @ 2019-10-08 17:03 太微 阅读(523) 评论(0) 推荐(0) 编辑
摘要: 1、form表单常用属性练习 得到的效果是: 阅读全文
posted @ 2019-09-29 14:40 太微 阅读(959) 评论(0) 推荐(0) 编辑
摘要: 1、声明:@keyframes name{ }; 2、涉及到的属性 animation-name:动画名称 animation-duration:单次动画总时长 animation-timing-function:时间函数 animation-delay:播放前延时的时长 animation-ite 阅读全文
posted @ 2019-09-29 10:49 太微 阅读(978) 评论(1) 推荐(0) 编辑
摘要: 水平居中(包含块中居中)1. 定宽,左右margin为auto。(常规流块盒、弹性项目[不用定宽]) 例子:在box1盒子上设置宽,再设置margin:auto; 得到的效果: 2. 弹性盒设置justify-content: center,让弹性项目在主轴上居中。(普遍适应) 例子:在其父元素上设 阅读全文
posted @ 2019-09-22 18:11 太微 阅读(3133) 评论(0) 推荐(0) 编辑