摘要: 专业术语: 1.主轴和侧轴: 主轴、主轴方向: 伸缩容器的主轴,伸缩项目主要沿着这一条轴进行布局,取决于justify-content, 默认是水平的(即x轴方向) 如果justify-content:column则为纵向的(即为y轴方向) 侧轴、侧轴方向:与主轴垂直的轴称为侧轴,取决于主轴 2.伸 阅读全文
posted @ 2018-10-29 16:01 Panda-Q 阅读(8143) 评论(0) 推荐(0) 编辑
摘要: 原生js入口函数与jQuery入口函数的区别 1、window.onload与document.ready在加载时间上的差异 document.ready会先触发,其次才是window.onload window.onload是在所有的DOM元素都加载完成之后才会被触发 document.ready 阅读全文
posted @ 2018-10-26 14:53 Panda-Q 阅读(899) 评论(0) 推荐(0) 编辑
摘要: 初识jQuery jQuery是什么? jQuery是一款优秀的JavaScript库,从命名可以看出jQuery最主要的用途是用来做查询(jQuery=js+Query). 在jQuery官方Logo下方还有一个副标题(write less, do more), 体现了jQuery除了查询以外,还 阅读全文
posted @ 2018-10-26 14:40 Panda-Q 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 1. position: absolute; top:50%;left: 50%; margin-top: -高度的一半; margin-left: -宽度的一半(此方法适用于固定宽高的元素) 注: (1).这些属性要作用在居中的元素本身 (2).绝对定位要注意父级的定位 案例: 代码: 效果: 2 阅读全文
posted @ 2018-10-24 16:39 Panda-Q 阅读(10094) 评论(0) 推荐(0) 编辑
摘要: 1、reduce()和reduceRight()方法使用指定的函数将数组元素进行组合,生成单个值。 reduce()可以传入两个参数,第一个是执行化简操作的函数。同样这个函数可以有参数,第一个参数代表之前所有元素的累积结果,第二个参数代表当前进行运算的元素,第三个参数代表当前运算参数的索引值。第四个 阅读全文
posted @ 2018-10-23 17:14 Panda-Q 阅读(1596) 评论(0) 推荐(0) 编辑
摘要: 1、join() -- 将数组中所有元素都转化成字符串并连接在一起,返回最后生成的字符串。可以选择一个可选的字符串在生成的字符串中来分隔数组的各个元素。如果不指定使用分隔符,默认使用逗号。不修改原数组。 Array.join()方法是String,split()方法的逆向操作,split()方法是将 阅读全文
posted @ 2018-10-23 17:06 Panda-Q 阅读(773) 评论(0) 推荐(0) 编辑
摘要: 什么是弹性盒模型? 弹性盒模型是指在父级改变大小的时候内部的自己元素也会相应的改变大小,即子集会按照父级的大小按比例自适应大小。 弹性盒模型的提出可以解决一些响应式布局的需求 如何使用弹性盒模型? 建立弹性盒模型: 给父级设置css属性display: flex; 即可。 若子集宽度大于父级宽度则子 阅读全文
posted @ 2018-10-22 14:28 Panda-Q 阅读(1699) 评论(0) 推荐(0) 编辑
摘要: 1、filter() filter()方法返回的数组元素是调用的数组的一个子集。 传递函数是用来逻辑判断的,该函数返回true或false.如果返回值为true或能转化成true的值 那么传递给判定函数的元素就是这个子集的成员,将被添加到一个作为返回值的数组中。 filter()方法的结果返回一个满 阅读全文
posted @ 2018-10-19 13:51 Panda-Q 阅读(682) 评论(0) 推荐(0) 编辑
摘要: 1、slice()方法 主要作用是返回数组中的一个片段或者子数组 slice()方法可以传入一个或两个参数,分别代表截取开始索引与截取结束索引(结束位索引对应他的值不反回) 如上图代码示例,当传入一个参数时,从索引值为1开始,到数组最后一位结束,返回其中这些值组成的数组。 slcie()方法传入两个 阅读全文
posted @ 2018-10-19 13:41 Panda-Q 阅读(1642) 评论(0) 推荐(0) 编辑
摘要: 1. 什么是盒模型? css中的每个元素都是一个盒模型, 包括html body元素, 浏览器解析css的时候也会把每个元素看成一个盒子来解析。 盒模型具备的属性(存在的特点)有: content (用户设置的width和height)、padding(内边距,用户设置的padding值) 、mar 阅读全文
posted @ 2018-10-18 15:05 Panda-Q 阅读(1606) 评论(0) 推荐(0) 编辑