01 2016 档案

JavaScript面向对象初探——封装和继承
摘要：1.封装类 怎么封装一个类，也就是创建自定义对象？ 构造函数式 和Java模式最像。缺点是每生成实例都会创建一次showColor。 原型方式 利用了前述prototype。缺点是不灵活，无法传参数。 通过给this添加属性的方式创建成员变量都是公有的，在函数体内var的变量都是私有的。类用一个Fu 阅读全文
posted @ 2016-01-29 10:54 海绵小猪 阅读(1626) 评论(2) 推荐(1)
HTML元素居中定位与尺寸拉伸
摘要：块级元素就是那些自为一行的元素，有高度宽度。行内元素没有高度，行内块级元素有高度，不换行。 好了，下面用几个刚刚试验的例子把这部分知识小记一下，为日后深入学习打基础。 1.水平居中 设置父元素的text-align:center就可以了。 position不是absolute也不是fixed时（也就 阅读全文
posted @ 2016-01-27 16:40 海绵小猪 阅读(2963) 评论(0) 推荐(1)
canvas动态时钟
摘要：利用canvas可以绘制一些复杂的效果动画，这里展示了如何绘制一个动态的时钟，主要运用canvas的坐标变换、坐标状态的保存和恢复。思路来自《HTML5基础开发教程》范立峰，感谢给我知识的学校图书馆和本书作者。效果是这样的：参考代码： 1 2 3 4 5 clock 6 ... 阅读全文
posted @ 2016-01-26 14:03 海绵小猪 阅读(619) 评论(2) 推荐(0)
jQuery之基础选择器
摘要：这一系列是我系统学习jQuery的笔记，有助于当前学习理解和日后回忆。内容来自慕课网陶老师的jQuery基础教程，先谢过。 1.基础选择器 id选择器：$("#elementId") 元素选择器：$("elementTag") 类选择器：$(".className") 通配选择器：$("*") 页面 阅读全文
posted @ 2016-01-22 12:50 海绵小猪 阅读(283) 评论(0) 推荐(0)
JavaScript对HTML DOM文档树的常用操作
摘要：所有HTML元素都拥有的属性:id,title,lang,dir,className。 DOM集合： document.images 文档中所有图片集合 document.images[0] 等价document.images.item(0) 第一个图片 document.images.length 阅读全文
posted @ 2016-01-21 11:19 海绵小猪 阅读(1159) 评论(1) 推荐(0)
canvas绘画常用方法
摘要：先说一下canvas元素比较有用的方法主要是canvas通过getContext()方法获取的上下文对象。canvas的坐标原点(0,0)是左上角。其次设置颜色方面，通常有四种方法：16进制颜色值、英语单词、rgb、rgba。主要注意的是后两者，rgb的三个参数是红绿蓝0-255的值，rgba在此基... 阅读全文
posted @ 2016-01-17 15:46 海绵小猪 阅读(4626) 评论(1) 推荐(2)
JavaScript函数定义方式
摘要：JavaScript里函数是一种引用类型，Function类型。总结三种函数定义的方式：1.语句式function test1(){ ; }//调用test1();2.函数直接量（ECMA推荐的方式）var test2 = function(){ ; }//调用test2(... 阅读全文
posted @ 2016-01-12 15:11 海绵小猪 阅读(136) 评论(0) 推荐(0)
js判断浏览器种类
摘要：JavaScript对象可分为三类：本地对象和内置对象：Array Boolean Date String Math Number Regexp Global浏览器对象：Window Navigator Screen History LocationHTML DOM对象: 这个比较多，不一一例举了N... 阅读全文
posted @ 2016-01-11 13:38 海绵小猪 阅读(151) 评论(0) 推荐(0)
JavaScript类型判断typeof和instanceof
摘要：原始类型存在堆中，引用类型存在栈中，引用类型存的是指向对象内存的指针。 原始类型有5个：undefined、null、string、boolean、number。 JavaScript提供了typeof方法来判断值类型，原始类型对应的结果是undefined、object、string、boolea 阅读全文
posted @ 2016-01-10 15:49 海绵小猪 阅读(692) 评论(0) 推荐(0)
Array去重探究
摘要：如何高效简洁地去重？从下面两个角度考虑： 1.借助js对象key唯一的特性去重 2.借助Array自身方法遍历、操作Array 第一种方法最简洁，局限是使用了Array自身方法就必须承受filter不改变原数组的特点。 所以有了第二种方法，我们自己来对数组筛选，满足一切去重的自定义要求。这里使用sp 阅读全文
posted @ 2016-01-10 15:34 海绵小猪 阅读(330) 评论(0) 推荐(0)