JS
关注
分享
扫一扫
喵喵酱呀
我想做个有用的人
展开
-
JS中的位置关系
1、offsetParent：当前元素距离该子元素最近的进行过定位的父元素（position：absolute relative fixed），若其父元素中不存在定位则offsetParent为：body元素；当元素的style.display='none'时，offsetParent返回null。由于offsetTop和offsetLeft是相对于页边距，因此offsetParent是非常...原创 2018-08-11 12:47:28 · 388 阅读 · 0 评论 -
实在块级元素在父元素中居中的两种方法
方法一：（1）父元素：position：relative；（2）子元素：position：absolute；top：父元素高度的50%；left：父元素宽度的50%；margin-left：- 子元素宽度的一半；margin-top：子元素高度的一半；方法二（1）父元素：display:flex;flex-direction:column;justify-content:center;（...原创 2019-03-11 15:40:44 · 786 阅读 · 0 评论 -
《JavaScript高级程序设计》总结——第5章：引用类型
一、Object类型二、Array类型创建数组两种方式var colors = new Array(); //new可省略，创建length为20的数组,"20"不写就是创建个空数组var colors = new Array(“pink”,“red”);var colors = new Array();var colors = Array();var numbers = [...原创 2019-02-14 12:01:20 · 323 阅读 · 0 评论 -
Array()对象常用方法总结
1、concat()连接两个或者多个数组不改变原数组返回被连接后的数组2、join("!")将数组中的所有元素用！拼接成字符串并返回不改变原数组返回拼接后的字符串3、a.slice(0,2)从数组a的第一个元素开始，取两个元素组成新数组并返回不改变原数组返回新数组4、toString()把数组转换成字符串，逗号隔开不改变原数组返回数组的字符串形式...原创 2019-02-13 17:46:32 · 282 阅读 · 0 评论 -
this的几种情况
1：当在函数调用时：指向window；2：当方法调用时：指向调用对象；3：当用apply和call上下文调用的时候：指向传入的第一个参数；4：在构造函数中：指向实例对象；...原创 2019-02-24 17:10:24 · 346 阅读 · 0 评论 -
正则表达式日常总结
1、实用案例（1）、（2）、（3）、var string = "a1b2c3";string.replace()4、元字符（1）正则表达式由两种基本字符类型组成：a、原义文本字符 b、元字符（2）元字符是在正则表达式中有特殊含义的非字母字符* + ？ $ ^ . | \ () { } [ ]\t 水平制表符 \v 垂直制表符 \n...原创 2019-01-18 17:33:43 · 193 阅读 · 0 评论 -
轮播图片代码整理：类型一：闪现 JQ+原生JS
CSS<style> li{list-style: none;cursor: pointer;} .playWrap{width:1000px;height:400px;overflow: hidden;margin:0 auto; } .playWrap li{height:400px;line-height: 400px;text-align: center;font-...原创 2018-12-31 15:24:38 · 471 阅读 · 0 评论 -
京东楼层跳跃效果（利用锚点跳转至对应楼层，或者使用animate函数）
html<script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script><ul class="navWrap"> <li class="current"><a href="#item1">1原创 2018-12-31 10:07:06 · 2035 阅读 · 0 评论 -
回调函数
function callFunction(fun,name){ fun(name);} callFunction(function(name){ console.log('ByeBye'+name);},'miaomiao');function callFunction(fun,name){ fun(name);}var sayBye=function...原创 2018-10-29 16:11:56 · 154 阅读 · 0 评论 -
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as
解决方法 * { touch-action: pan-y; } 使用全局样式样式去掉原创 2018-10-25 10:56:56 · 3565 阅读 · 1 评论 -
点击的li显示并为他增加类active，其他的li消失并去除类名，实现选项卡效果
记得引入jquery库<!DOCTYPE html><html><head><title>选项卡实现原理</title><script type="text/javascript" src="js/jquery.1.4.2-min.js"></script>&原创 2018-10-14 17:44:59 · 7713 阅读 · 1 评论 -
数组和字符串之间的转换
1、数组转换为字符串 将数组元素以逗号隔开链接为字符串var a,b;a=new Array(1,2,3,4);b=a.join(",");2、字符串转换为数组 实现方法为将字符串按某个字符切割成若干个字符串，并以数组形式返回var a="apple,pear,orange";b=a.split(","); ...原创 2018-08-23 20:44:10 · 456 阅读 · 0 评论 -
default，break，continue
default：没有适合的语句就执行他（非必须）break：终止循环或switchcontinue：跳出此次循环并继续下一次循环原创 2018-08-11 17:01:48 · 1540 阅读 · 0 评论 -
flex布局总结
原创 2019-03-11 16:01:50 · 163 阅读 · 0 评论