JS
喵喵酱呀
我想做个有用的人
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JS中的位置关系
1、offsetParent:当前元素距离该子元素最近的进行过定位的父元素(position:absolute relative fixed),若其父元素中不存在定位则offsetParent为:body元素;当元素的style.display='none'时,offsetParent返回null。由于offsetTop和offsetLeft是相对于页边距,因此offsetParent是非常...原创 2018-08-11 12:47:28 · 497 阅读 · 0 评论 -
default,break,continue
default:没有适合的语句就执行他(非必须) break:终止循环或switch continue:跳出此次循环并继续下一次循环原创 2018-08-11 17:01:48 · 1644 阅读 · 0 评论 -
数组和字符串之间的转换
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 · 521 阅读 · 0 评论 -
点击的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 · 7842 阅读 · 1 评论 -
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as
解决方法 * { touch-action: pan-y; } 使用全局样式样式去掉原创 2018-10-25 10:56:56 · 3611 阅读 · 1 评论 -
回调函数
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 · 190 阅读 · 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 · 2102 阅读 · 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 · 525 阅读 · 0 评论 -
正则表达式日常总结
1、实用案例 (1)、 (2)、 (3)、 var string = "a1b2c3"; string.replace() 4、元字符 (1)正则表达式由两种基本字符类型组成:a、原义文本字符 b、元字符 (2)元字符是在正则表达式中有特殊含义的非字母字符 * + ? $ ^ . | \ () { } [ ] \t 水平制表符 \v 垂直制表符 \n...原创 2019-01-18 17:33:43 · 247 阅读 · 0 评论 -
this的几种情况
1:当在函数调用时:指向window; 2:当方法调用时:指向调用对象; 3:当用apply和call上下文调用的时候:指向传入的第一个参数; 4:在构造函数中:指向实例对象; ...原创 2019-02-24 17:10:24 · 399 阅读 · 0 评论 -
Array()对象常用方法总结
1、concat() 连接两个或者多个数组 不改变原数组 返回被连接后的数组 2、join("!") 将数组中的所有元素用!拼接成字符串并返回 不改变原数组 返回拼接后的字符串 3、a.slice(0,2) 从数组a的第一个元素开始,取两个元素组成新数组并返回 不改变原数组 返回新数组 4、toString() 把数组转换成字符串,逗号隔开 不改变原数组 返回数组的字符串形式...原创 2019-02-13 17:46:32 · 345 阅读 · 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 · 377 阅读 · 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 · 852 阅读 · 0 评论 -
flex布局总结
原创 2019-03-11 16:01:50 · 194 阅读 · 0 评论
分享