08 2016 档案

CSS3新增功能03
摘要：1. 3d效果 1.1 transform属性的3d效果 在transform属性值中有rotate旋转，translate移动距离，scale缩放，skew扭曲。这些属性值都可以分为x轴方向，y轴方向和z轴方向。z轴方向是垂直浏览器向外的方向，可以通过多z轴方向设置各属性值来实现3d效果。 当元素 阅读全文
posted @ 2016-08-31 19:43 5毛钱小辣条 阅读(248) 评论(0) 推荐(0)
CSS3新增功能02
摘要：1. CSS3中background新属性 1.1 background-size：直接设置图片的大小。 1.1.1 可以使用数值直接设置宽高。 1.1.2 cover：缩放图片，铺满盒子，图片的宽高比不变，会使图片某一部分伸出盒子范围。 1.1.3 contain：缩放图片，不会铺满盒子，图片的宽 阅读全文
posted @ 2016-08-30 22:20 5毛钱小辣条 阅读(153) 评论(0) 推荐(0)
CSS3新增功能01
摘要：1. CSS3样式选择器 1.1 兄弟选择器 selector1~selector2：只能选择selector1后面的兄弟元素。 1.2 属性选择器 1.2.1 e[pro]：选择有pro属性的元素e。 1.2.2 e[pro=value]：选择有pro属性的，并且属性值是value的元素e。 1. 阅读全文
posted @ 2016-08-29 22:10 5毛钱小辣条 阅读(284) 评论(0) 推荐(0)
html5介绍
摘要：1.html5介绍 html5是基于html4之上的，功能更加完善更加强大，现在更多的浏览器都已经能够兼容html5许多新增功能。所有在html4的基础上我们需要完善对html5功能的了解和使用。 1.1 新增语义标签 在html4中，我们往往会使用div进行大盒子套小盒子的方法来进行页面布局，在做 阅读全文
posted @ 2016-08-28 12:20 5毛钱小辣条 阅读(304) 评论(0) 推荐(0)
jQuery学习03
摘要：1. jQuery操作DOM1.1 操作DOM元素的属性1.1.1 设置属性attr(name, value);设置单个属性和属性的值。attr(obj);obj：{name:value,name:value...}设置多个属性和属性的值。如果元素已经存在对象的属性，这将原来的属性值修改为设置的值， 阅读全文
posted @ 2016-08-23 22:16 5毛钱小辣条 阅读(132) 评论(0) 推荐(0)
jQuery学习02
摘要：1. jQuery操作样式1.1 使用jQuery设置css样式1.1.1 设置单个样式jQueryobj.css(name,value);设置需要更改的属性名和属性值。1.1.2 设置多个样式jQueryobj.css(obj);obj:{name:value,name:value,...}由多个 阅读全文
posted @ 2016-08-21 22:21 5毛钱小辣条 阅读(130) 评论(0) 推荐(0)
jQuery学习01
摘要：1. jQuery 1.1 定义： jQuery是一个集合了许多我们常用的函数的一个JS库，它的使用能使开发者更方便的完成需要用JS代码来完成的特效。 1.2 优点： jQuery是集成了便捷性好、容错性高、兼容性好等优点的JS库。 1.3 学习目的： 由于jQuery是众多函数的集合，那它存在许多 阅读全文
posted @ 2016-08-20 22:02 5毛钱小辣条 阅读(187) 评论(0) 推荐(0)
JS加强学习-BOM学习05
摘要：1. 正则表达式 我们学习正则表达式主要的是学习它的规则（语法），还有就是学习正则表达式在JS中的对象RegExp的属性和方法。 1.1 正则表达式定义： 它是用来操作字符串的一种逻辑公式，具体就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“特定字符串的规则”，用这个“规则”来对字符 阅读全文
posted @ 2016-08-18 22:15 5毛钱小辣条 阅读(147) 评论(0) 推荐(0)
JS加强学习-BOM学习04
摘要：今天主要是将事件的阶段详细讲一下，还有一些是属于事件对象的常用属性和方法。 1. 注册事件和移除事件 注册事件： addEventListener() attachEvent() 移除事件： removeEventListener() detachEvent() 注意： 需要将元素的事件移除时，需要 阅读全文
posted @ 2016-08-17 22:18 5毛钱小辣条 阅读(229) 评论(0) 推荐(0)
JS加强学习-BOM学习03
摘要：1 事件参数e 当事件发生的时候，系统会自动的给事件处理函数传递一个参数，这个参数会提供事件相关的一些数据。这个是系统标准的参数，但是IE8及其以前版本不兼容参数e，只兼容window.event这个获得数据的方式。 2 事件参数e 浏览器兼容代码 e = e || window.event 3 e 阅读全文
posted @ 2016-08-15 22:20 5毛钱小辣条 阅读(180) 评论(0) 推荐(0)
JS加强学习-BOM学习02
摘要：BOM的更多的用于特效方面的展示，接下来的学习就是将许多以前用到的知识与现在的结合后做出各种不同的动态效果来。 所以在这部分学习中涉及到的新知识会比较零散，甚至会将以前的知识部分衔接起来。 1. offsetParent 获取当前元素最近的设置了定位的父元素，如果没有父元素定位则选择的是body元素 阅读全文
posted @ 2016-08-14 22:14 5毛钱小辣条 阅读(172) 评论(0) 推荐(0)
JS加强学习-BOM学习01
摘要：BOM 浏览器对象模型 1. 定时器 1.1 设置定时器： setTimeout(string/function,delay);间隔一定时间后执行一次，且只执行一次。 setInterval(string/function,delay);每间隔一定时间后执行一次，一直执行下去。 这两个定时器的返回值 阅读全文
posted @ 2016-08-12 23:19 5毛钱小辣条 阅读(200) 评论(0) 推荐(0)
JS加强学习-DOM学习总结
摘要：1. DOM复习 DOM：document object model 文档对象模型或文档树模型。 1.1 节点分类 DOM中一共有5个节点类型，而现在我们常用的有三种：标签（元素）节点，属性节点，文本节点。 我们可以通过nodeType获取节点的类型（一个数字），通过nodeName获得节点名，通过 阅读全文
posted @ 2016-08-11 22:20 5毛钱小辣条 阅读(205) 评论(0) 推荐(0)
JS加强学习-DOM学习05
摘要：7.6 移除节点 removeChild() 是将父元素中的某个子节点移除掉；这个为彻底移除。 7.7 插入节点 insertBefore 不同于appendChild()，appendChild()为将指定的元素剪切至对象所有子元素的最后。而insertBefore(,)是将指定的元素插入到某个位 阅读全文
posted @ 2016-08-10 22:21 5毛钱小辣条 阅读(159) 评论(0) 推荐(0)
JS加强学习-DOM学习04
摘要：7.4 获取节点的属性兼容性 firstChild：获取父元素的第一个子节点谷歌，火狐都支持的，但是获得的不一定是元素节点，IE8及之前的版本会忽略空白文本。 firstElementChild：获取父元素的第一个子标签节点，但是IE8及之前的版本不支持。 lastChild：获取父元素的最后一个子 阅读全文
posted @ 2016-08-08 22:16 5毛钱小辣条 阅读(160) 评论(0) 推荐(0)
JS加强学习-DOM学习03
摘要：7. 节点 7.1 节点的组成 .nodeType查看节点的类型（使用阿拉伯数字表示） .nodeName查看节点的名字 .nodeValue查看节点的值 节点分成：标签节点、属性节点、文本节点、注释节点、文档节点。 标签的节点： 标签的节点类型： 1 标签的节点名字： 对应的标签名字 标签的节点值 阅读全文
posted @ 2016-08-07 21:26 5毛钱小辣条 阅读(171) 评论(0) 推荐(0)
JS加强学习-DOM学习02
摘要：4. 获得或设置页面文本内容的方式 innerText innerHTML textContent 区别： 4.1 获取页面文本内容： innerText只获取标签间的文本信息，不包括其中的标签，而innerHTML是获得标签之间的所有内容包括标签，而且有些浏览器会将获取的内容原样输出，innerH 阅读全文
posted @ 2016-08-06 23:07 5毛钱小辣条 阅读(191) 评论(0) 推荐(0)
JS加强学习-DOM学习01
摘要：JavaScript由三个部分组成：ECMAScript、DOM、BOM。前面已经学习了ECMAScript中的基础内容，现在可以开始学习DOM部分了，在DOM中更多的是实际效果的展现。 1. DOM定义 DOM：document object model 文档对象模型 它是将整个页面文档封装成了一 阅读全文
posted @ 2016-08-05 22:41 5毛钱小辣条 阅读(201) 评论(0) 推荐(0)
JS基础学习08
摘要：今天主要学习到的是对象的概念及对象的创建。 22. 基本包装类型 昨天在学习JS中内置的对象时，字符串作为基本数据类型也具备对象的属性和方法，这里就是讲字符串变成了基本包装类型。 而在基本包装类型调用时会经过以下几个步骤： 1 先生成一个临时的基本包装类型的对象，var temp = new Str 阅读全文
posted @ 2016-08-03 23:18 5毛钱小辣条 阅读(181) 评论(0) 推荐(0)
JS基础学习07
摘要：19.4 Array数组API补充 1. Array.reverse()：将数组内的数据顺序翻转，返回一个翻转后的新数组。 API说明： /**@return {Array.<T>} //返回一个数组。*/Array.prototype.reverse = function() {}; 2. Arr 阅读全文
posted @ 2016-08-02 23:02 5毛钱小辣条 阅读(187) 评论(0) 推荐(0)
JS基础学习06
摘要：19. JS的内置对象 内置对象：系统将一些通用的运算语句编写成函数，并将这个函数封装在对象当中，我们只需通过对象就能调用函数，这些对象就是内置对象。 我们常用的内置对象有： 19.1 Math对象：封装了与数学运算有关的函数。 Math.pow(a,b)：求a的b次幂的结果。 Math.round 阅读全文
posted @ 2016-08-01 20:08 5毛钱小辣条 阅读(188) 评论(0) 推荐(0)