2016年03月__panda_

原创 js中数组（array）和对象（object）的区别

object 类型：创建方式： /*new 操作符后面Object构造函数*/ var person = new Object(); person.name = "lpove"; person.age = 21; /*或者用对象字面量的方法*/ var person = { name: "lpove"; age : 21; } -array类型创建方式： `var col

2016-03-29 11:19:52 10139

转载实用CSS3属性之 :target伪类实现Tab切换效果

CSS3 :target伪类用来改变页面中锚链接URL所指向的ID样式，例如你要改变描链接指向#tab的元素字体颜色为蓝色，哪么你可以这样写成#tab:target {color:blue}浏览器支持：不支持IE8及以下的IE版本，IE9支持这个属性，其它非IE内核浏览器如：Firefox、Chrome、等这些浏览器都支持。用法：:target伪类与:hover、:

2016-03-28 14:49:50 1546

原创基于github for windows&github的团队协作基本操作

首先，我们要在github上团队协作，先要建立一个team，这个自行百度，在github上操作就是；点击打开链接这是我的有道文章今天主要讲的是怎么操作github for windows和github的协作使用我们先找到自己的team的github地址，如图，再选择自己的远程库；cqupt2013/Stage-one当你fork以后，

2016-03-27 12:45:09 845

原创关于函数的返回值的一些困惑和解释

数学里的函数： f(x) = x^2 + 2x + 1, y = f(2). //这句跟 C语言是不是很像？ 2是参数，而y保存了f(x),在x = 2时的返回值。有返回值的函数他的返回值的作用跟数学上的函数的返回值的作用是一样的。无返回值函数，因为计算机不只是会计算数值，他还会控制，例如你想在屏幕上输出一句“hello world” 调用函数 print(); 而如果这个函数是没

2016-03-26 22:06:57 603

原创 sort（）函数的简单使用

sort() 方法用于对数组的元素进行排序。说明：如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换成字符串（如有必要），以便进行比较。如果想按照其他标准进行排序，就需要提供比较函数，该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和

2016-03-26 19:15:41 394

转载 CSSS书写规范

CSS书写顺序1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, color- text-align等)4.背景(background, border等)5.其他(

2016-03-16 20:07:31 599

转载探究HTML与CSS：!important 和 @import 规则

!important：摘自：http://phpbegin.com/html/23/n-8123.html浏览器支持情况：firefox支持IE不支持!important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权，语法格式{ sRule!important }，即写在定义的最后面,并且在分号之前，比如：{font-color: red !importan

2016-03-12 15:34:04 1998

原创 js-DOM给class追加一个新的元素

在需要给一个元素追加新的class时，你可以按照以下步骤：检查className属性的值是否为空；如果是，把新的class设置值直接赋予给classNameN；如果不是，把一个新的class设置的值直接赋予个className属性上去我们把上面的步骤封装成一个函数，addClass。这个函数带有两个参数：第一个是添加新的class的元素（element），第二个是新的class设置值（val

2016-03-12 14:59:20 7468

转载 a:link,a:visited,a:hover,a:active 区别

a:link,a:visited,a:hover,a:active 分别是什么意思? 学习：css样式 /liutingxu1 发表于2007-03-19, 11:09 link:连接平常的状态 active:连接被按下的时候 visited:连接被访问过之后 hover:鼠标放到连接上的时候具体一点就是： :hover版本：CSS1/CSS2　兼容性：IE4+ NS4+ 语法：

2016-03-11 22:00:05 1176

转载 js库Modernizr的介绍和使用

Modernizr是一个开源的JS库，它使得那些基于访客浏览器的不同（指对新标准支持性的差异）而开发不同级别体验的设计师的工作变得更为简单传统浏览器目前不会被完全取代，令你难以将最新的 CSS3 或 HTML5 功能嵌入你的网站。 Modernizr 正是为解决这一难题应运而生，作为一个开源的 JavaScript 库，Modernizr 检测浏览器对 CSS3 或 HTML5 功能支持情况。

2016-03-09 22:09:22 2010

原创 js的抽象方法

一.JavaScript中类的封装 Javascript不是一种面向对向的语言, 没有提供对类的支持, 因此我们不能像在传统的语言里那样用class来定义类, 但我们可以利用js的闭包封装机制来实现js类, 下面我们以封装一个简单的Shape类来作一个说明. 定义 ShapeBase“类” 1.法则一[this式] function ShapeB

2016-03-09 21:31:29 2895

原创将函数绑定在window.onload事件上

function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { oldonload();

2016-03-09 20:06:02 740

原创动态的创建标记（document.write和innerHTML的使用）

传统方法的实现；这是document.write和innerHTML添加标记 -例子：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"

2016-03-08 20:33:50 584

原创共享onload事件的使用（javascriptDOM编程艺术学习笔记）

window.onload = Fuc;//假如我们有两个函数//Fuc1（），Fuc2（）；window.onload = fuc1;window.onload = fuc2;//当然我们可以创建一个匿名函数来来容纳这两个函数window.onload = function(){ Fuc1(); Fuc2();}//这里有一个较为弹性的方案来满足我们的需求；//函

2016-03-08 16:56:52 337

原创用js文件代码来替代html中的js

<li> <a href="images/fireworks.jpg" title="A fireworks display" onclick="showPic(this); return false;">Fireworks</a></li>我们的目的是为了消除，在html 中的js代码-onclick=”showPic(this); return false;”-结构化程序的要领：

2016-03-08 15:55:00 327

原创网络时代的用户体验

flash的惨案；平稳退化，寻求安生的js文档结构和文档样式的分离css。逐渐增强的css；分离js；对象检测，预测对象是否符号标准，再执行；高性能的js；减少DOM的访问次数；合理的合并和放置js的位置；脚本的压缩要写出最佳的js代码

2016-03-08 11:47:49 229

原创《JavaScript DOM编程艺术》笔记1

1：DOM的学习一份文档就是一棵节点树；节点分为不同的类型：元素节点，属性节点，文本节点； getElementById返回的是一个对象；getElementByTagName和getElementByclassName返回的是一个对象数组，分别对应着文档中一个特定的元素节点；每个节点都是一个对象；getAttribute获取属性节点的值setAttribute设置属性节点的值例子：`

2016-03-08 11:34:07 348

转载 js中延迟函数的使用

在js中，延迟执行函数有两种，setTimeout和setInterval，用法如下：setTimeout("testFunction()","6000"); //6000毫秒后执行testFunction()函数，只执行一次。setInterval("testFunction()","6000");//每隔6000毫秒执行一次testFunction()函数，执行无数

2016-03-08 10:16:36 971

原创用<canvas>写简单的图形

// Define a regular polygon with n sides, centered at (x,y) with radius r.// The vertices are equally spaced along the circumference of a circle.// Put the first vertex straight up or at the specifie

2016-03-04 20:21:20 357

原创 <canvas>和<svg>的优劣势

元素本身没有任何外观，但是她是文档中创建了一个画板，同时还提供了很多强大的绘制客户端的ja的API。(以下用c代替)和SVG（以下用s代替）的区别 c是使用它提供的方法，而s是使用XML 元素树实现的；他们可以相互模拟；s的优点在于，可以通过增减元素来改变图片；而c不得不重新擦除元素重画。c的优点在于，语法相对简介有现成的js的api来实现绘图的功能； -

2016-03-04 20:14:46 2049

原创 js实现svg绘图的时针

<!DOCTYPE HTML><html><head><title>Analog Clock</title><script>function updateTime() { // Update the SVG clock graphic to show current time（跟新svg时钟来显示当前时间） var now = new Date();

2016-03-04 20:01:49 576

翻译运用js绘制SVG图片

/** * Create an <svg> element and draw a pie chart into it. * 创建一个<svg>元素，并在其中绘制一个饼状图 * Arguments: * 参数： * data: an array of numbers to chart, one for each wedge of the pie. * data：用于绘制数据的类型数

2016-03-04 19:46:30 2786

原创怎么控制媒体播放（<audio><video>）

<audio id="music"><source src="music.mp3" type="audio/mpeg"></audio>//文档载入后，开始播放背景音乐window.addEventListener("load",function(){ document.getElementById("music").play();}),false);

2016-03-04 19:30:49 455

原创优雅的实现图片翻转（js实现）

/** * rollover.js: unobtrusive image rollovers.（优雅的实现代码翻转） * * To create image rollovers, include this module in your HTML file and（要创建图片翻转效果，将这个模块引用到你的html文件中） * use the data-rollover attribute o

2016-03-04 18:45:35 4064

原创 Cooike的基本认识

1：cooike是指的是web浏览器存储的少量数据，同时它和具体的web页面或者站点相关的。 2：cooike的有效性和作用域； 3：怎样保存cooike和存储cooike； 4：检测cooike是否启用，第三方cooike缘故，导致cooike用户体验很差；

2016-03-04 18:20:49 907

转载关于embed的使用

有两种分别用和标签,当用插入背景音乐时可以设置宽度和高度为0，隐藏播放器。■ ：　　是用来插入背景音乐，但只适用于 ie，其参数设定不多。如下　　src="your.mid"设定 midi 档案及路径，可以是相对或绝对。autostart=true是否在音乐档下载完之后就自动播放。true 是，false 否 (内定值)。loop=infinite

2016-03-02 16:50:12 3549 1

转载 javascript中类的构造方法

在面向对象编程中，类（class）是对象（object）的模板，定义了同一组对象（又称"实例"）共有的属性和方法。Javascript语言不支持"类"，但是可以用一些变通的方法，模拟出"类"。一、构造函数法这是经典方法，也是教科书必教的方法。它用构造函数模拟"类"，在其内部用this关键字指代实例对象。　　function Cat() {　　　　this

2016-03-01 21:37:53 725

转载 javascript的几种跨域方法

什么情况下才会出现跨域？假设域名是：http://www.example.com.cn/如果所请求的域名跟这个域名不致，这种情况就是跨域，由于跨域存在漏洞，所以一般来说正常的跨域请求方式是请求不到的。解决方式：一、window.name1、服务器返回window.name='{“id”:”3″, “name”:”leisur

2016-03-01 21:31:06 333

转载关于javascript的类的详解

最近在几个群上经常看到有人问在一个类里的一个 function 怎么调用 this. 定义后公开的方法。现发一篇类实现的随笔。首先说说类，在一个类里我们会有以下的几个特征：1. 公有方法2. 私有方法3. 属性4. 私有变量5. 析构函数我们直接看一个例子：/***定义类***/var Class = function(){ var _self = thi

2016-03-01 21:22:46 271

转载关于js中this的用法详解

this是Javascript语言的一个关键字它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用,下面分四种情况，详细讨论this的用法，感兴趣的朋友可以了解下this是Javascript语言的一个关键字。它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。比如，　　function test(){ 　　　　this

2016-03-01 20:59:50 348

sina_panda