10 2018 档案

内置对象和包装类型
摘要：内置对象和包装类型： 什么叫内置对象？内置对象就是ES标准中规定的浏览器厂商已经实现的API都叫做内置对象。 什么叫内置对象？内置对象就是ES标准中规定的浏览器厂商已经实现的API都叫做内置对象。 到底还有哪些呢？一共11个，先把数记住， 到底还有哪些呢？一共11个，先把数记住， String Nu 阅读全文
posted @ 2018-10-31 16:05 Panda-Q 阅读(959) 评论(0) 推荐(0)
栈和队列
摘要：在js当中跟其他语言不一样，js当中没有专门的栈和队列的类型，所有的栈和队列都是用数组模拟出来的 栈：一端封闭，只能从另一端进出的数组这种特殊的数组就叫做栈 FIRST IN LAST OUT 先进的最后出 栈的特点： 何时使用：如果希望永远保持使用最新的元素，就要使用栈结构。 如何使用： 1、从结 阅读全文
posted @ 2018-10-31 16:03 Panda-Q 阅读(1837) 评论(0) 推荐(0)
web前端css实现六边形效果
摘要：css六边形边框 第一步、分解图形 拆分成一个长方形和两个正方形 等腰直角三角形是特殊的等腰三角形，它的特点是： （1）两底角等于45°。 （2）两腰相等。 （3）等腰直角三角形三边比例为1:1:√2 所以最终的代码是这样的 阅读全文
posted @ 2018-10-30 16:45 Panda-Q 阅读(1668) 评论(0) 推荐(0)
jquery选择器
摘要：jQuery选择器 jQuery最核心的部分就是选择器引擎。他继承了CSS的语法。可以对DOM元素的标签名、属性名、状态等进行快速准确的选择，并且不必担心浏览器的兼容性问题。jquery除了实现了CSS中的大部分的选择器之外，还实现了一些自定义的选择器，用来进行各种特殊状态的选择。 选择器可以分为 阅读全文
posted @ 2018-10-30 16:39 Panda-Q 阅读(191) 评论(0) 推荐(0)
弹性盒子侧轴对齐方式
摘要：专业术语： 1.主轴和侧轴： 主轴、主轴方向： 伸缩容器的主轴，伸缩项目主要沿着这一条轴进行布局，取决于justify-content， 默认是水平的（即x轴方向） 如果justify-content：column则为纵向的（即为y轴方向） 侧轴、侧轴方向：与主轴垂直的轴称为侧轴，取决于主轴 2.伸 阅读全文
posted @ 2018-10-29 16:01 Panda-Q 阅读(8186) 评论(0) 推荐(0)
jquery对象与核心函数
摘要：原生js入口函数与jQuery入口函数的区别 1、window.onload与document.ready在加载时间上的差异 document.ready会先触发，其次才是window.onload window.onload是在所有的DOM元素都加载完成之后才会被触发 document.ready 阅读全文
posted @ 2018-10-26 14:53 Panda-Q 阅读(914) 评论(0) 推荐(0)
初识jquery
摘要：初识jQuery jQuery是什么？ jQuery是一款优秀的JavaScript库，从命名可以看出jQuery最主要的用途是用来做查询（jQuery=js+Query）. 在jQuery官方Logo下方还有一个副标题（write less, do more）, 体现了jQuery除了查询以外,还 阅读全文
posted @ 2018-10-26 14:40 Panda-Q 阅读(166) 评论(0) 推荐(0)
div居中方式
摘要：1. position: absolute; top：50%；left: 50%; margin-top： -高度的一半; margin-left: -宽度的一半（此方法适用于固定宽高的元素） 注： （1）.这些属性要作用在居中的元素本身 （2）.绝对定位要注意父级的定位 案例： 代码： 效果： 2 阅读全文
posted @ 2018-10-24 16:39 Panda-Q 阅读(10118) 评论(0) 推荐(0)
数组之reduce()和reduceRight()
摘要：1、reduce()和reduceRight()方法使用指定的函数将数组元素进行组合，生成单个值。 reduce（）可以传入两个参数，第一个是执行化简操作的函数。同样这个函数可以有参数，第一个参数代表之前所有元素的累积结果，第二个参数代表当前进行运算的元素，第三个参数代表当前运算参数的索引值。第四个 阅读全文
posted @ 2018-10-23 17:14 Panda-Q 阅读(1638) 评论(0) 推荐(0)
转换字符串方法、判断数组类型
摘要：1、join() -- 将数组中所有元素都转化成字符串并连接在一起，返回最后生成的字符串。可以选择一个可选的字符串在生成的字符串中来分隔数组的各个元素。如果不指定使用分隔符，默认使用逗号。不修改原数组。 Array.join()方法是String,split()方法的逆向操作，split()方法是将 阅读全文
posted @ 2018-10-23 17:06 Panda-Q 阅读(800) 评论(0) 推荐(0)
css3之弹性盒模型初探（一）
摘要：什么是弹性盒模型？ 弹性盒模型是指在父级改变大小的时候内部的自己元素也会相应的改变大小，即子集会按照父级的大小按比例自适应大小。 弹性盒模型的提出可以解决一些响应式布局的需求 如何使用弹性盒模型？ 建立弹性盒模型： 给父级设置css属性display: flex; 即可。 若子集宽度大于父级宽度则子 阅读全文
posted @ 2018-10-22 14:28 Panda-Q 阅读(1710) 评论(0) 推荐(0)
数组过滤与逻辑判断
摘要：1、filter() filter()方法返回的数组元素是调用的数组的一个子集。 传递函数是用来逻辑判断的，该函数返回true或false.如果返回值为true或能转化成true的值 那么传递给判定函数的元素就是这个子集的成员，将被添加到一个作为返回值的数组中。 filter()方法的结果返回一个满 阅读全文
posted @ 2018-10-19 13:51 Panda-Q 阅读(699) 评论(0) 推荐(0)
数组剪切与索引位置
摘要：1、slice()方法 主要作用是返回数组中的一个片段或者子数组 slice()方法可以传入一个或两个参数，分别代表截取开始索引与截取结束索引（结束位索引对应他的值不反回） 如上图代码示例，当传入一个参数时，从索引值为1开始，到数组最后一位结束，返回其中这些值组成的数组。 slcie()方法传入两个 阅读全文
posted @ 2018-10-19 13:41 Panda-Q 阅读(1663) 评论(0) 推荐(0)
CSS3之盒模型
摘要：1. 什么是盒模型？ css中的每个元素都是一个盒模型， 包括html body元素， 浏览器解析css的时候也会把每个元素看成一个盒子来解析。 盒模型具备的属性（存在的特点）有： content （用户设置的width和height）、padding（内边距，用户设置的padding值） 、mar 阅读全文
posted @ 2018-10-18 15:05 Panda-Q 阅读(1623) 评论(0) 推荐(0)
数组的反转与排序
摘要：1、数组反转方法 reverse() 将数组项反转，并且同时改变原数组 2、数组排序方法 sort() 我们在下图可以看到，利用sort方法将没有规律的数组进行排序，但是输出得结果并不是我们理想中得样子，3竟然排在10后面，那么这是为什么呢？是因为sort方法对数组进行排序时，首先将数组中每一位值转 阅读全文
posted @ 2018-10-17 14:07 Panda-Q 阅读(29724) 评论(0) 推荐(1)
数组的拼接与替换
摘要：1、concat() 将数组进行拼接并返回一个新数组，不改变原数组 2,splice() -- 对数组进行删除、插入、替换操作，改变原数组 a,删除 删除数组中的指定项数。接受两个参数第一个参数为开始删除的索引，第二个参数代表删除的位数，此方法的返回值为一删除元素组成的数组，并且改变原数组，原数组为 阅读全文
posted @ 2018-10-17 14:00 Panda-Q 阅读(6401) 评论(0) 推荐(0)
Css3新增背景属性
摘要：1.background-origin 背景的起始位置 background-origin: border-box || padding-box || content-box; 案例初始化： 代码： 效果： 设置的盒子存在 border padding content（用户设置的width heig 阅读全文
posted @ 2018-10-16 16:01 Panda-Q 阅读(1521) 评论(0) 推荐(0)
不一般的块级作用域
摘要：块级作用域 1.什么是作用域 由于代码执行会形成代码执行的空间，这个执行空间指的就是我们的作用域。 表达式，函数执行的环境就会产生作用域，也就是变量，函数能作用到的范围，我在这个范围内，起作用，他就是我的作用域。 通过之前的学习，了解过作用域，作用域链。 由于代码执行，在一“块“内执行的代码，会产生 阅读全文
posted @ 2018-10-16 15:49 Panda-Q 阅读(1647) 评论(0) 推荐(0)
css3之背景定位
摘要：属性: background-position: left top || left bottom || right top || right bottom || center center || 像素值 || 百分比 实例： 代码： 1.设置background-position:left top 阅读全文
posted @ 2018-10-15 15:20 Panda-Q 阅读(2285) 评论(0) 推荐(0)
数据类型强制转换
摘要：1、转字符串 其实在js中，一切数据除了null 和undefined之外都自带一个函数，toString，看这个toString，任何东西都有这个toString ，比如 任何东西，都有toString 函数，toString函数可以将任何类型转换为string类型。 咱们先说常规的转换，toSt 阅读全文
posted @ 2018-10-15 15:05 Panda-Q 阅读(1663) 评论(0) 推荐(0)
JavaScript this指向相关内容
摘要：1，默认绑定this指向windw对象 看代码： function test(C){ var a = 123 function b(){}; } 在预编译环节当中。 OA{ arguments:[1], this : window, C : 1, A : undefined, b : funtion 阅读全文
posted @ 2018-10-15 14:58 Panda-Q 阅读(330) 评论(0) 推荐(0)
数组的遍历
摘要：1、使用for循环，是数组中最常见的遍历方法 第一个返回值是遍历数组中的每一位，第二位返回值可以看作数组的索引值。可以在for循环中嵌套if语句，进行对元素值进行判断根据条件执行循环语句。 2，使用forEach()方法 a,forEach()的使用方法：forEach方法从头至尾遍历数组，对每个元 阅读全文
posted @ 2018-10-12 14:06 Panda-Q 阅读(4746) 评论(0) 推荐(1)
数组的添加和删除
摘要：1.添加 （1）最简单的方法：为新索引赋值 （2）使用push()和unshift()方法（见后面push和pop） 2.删除 （1）delete运算符删除数组元素 利用delete删除数组中的元素，不会修改数组的length属性，也不会将元素从高索引移下来填充删除元素留下来的空白。将非稀疏数组变成 阅读全文
posted @ 2018-10-12 14:05 Panda-Q 阅读(5618) 评论(0) 推荐(1)
js数组详解
摘要：1，什么是数组 数组是值得有序集合，每个值叫做一个元素，而每个元素在数组中有一个位置，以数字表示，称为索引。js的数组是无类型的，数组元素可以是任意类型，同一个数组中的不同元素可能是对象或数组。数组元素的索引不一定要连续，元素之间可以有空隙，叫做稀疏数组 。每个数组都具有一个lengrh属性。针对非 阅读全文
posted @ 2018-10-12 14:01 Panda-Q 阅读(15879) 评论(0) 推荐(1)
css3之盒模型
摘要：什么是盒模型？ css中的每个元素都是一个盒模型， 包括html body元素， 浏览器解析css的时候也会把每个元素看成一个盒子来解析。 盒模型具备的属性有： content 、padding 、margin、border 、background等 盒模型的分类？ tips：border-box俗 阅读全文
posted @ 2018-10-11 11:52 Panda-Q 阅读(1048) 评论(0) 推荐(1)
css3之背景属性之background-size
摘要：一、相关属性： background-image: url(“./img/a.jpg”); //设置元素背景图片 background-repeat： repeat/no-repeat； //设置背景图像的平铺方式 默认repeat background-position:left top; //设 阅读全文
posted @ 2018-10-11 11:44 Panda-Q 阅读(11564) 评论(1) 推荐(3)
css3之阴影
摘要：1. 盒子阴影： box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; eg: .box_shadow{ box-shadow:4px 2px 6px 7px #333333 inset; } 同一盒子，可以同时加多个阴影，阴影之间用“,” 阅读全文
posted @ 2018-10-11 11:31 Panda-Q 阅读(1605) 评论(0) 推荐(1)