摘要：
kakaFocus Previous Next 快乐的旅程，参观武汉可口可乐饮料有限公司 时光: 2010-02-10 | 分类: 美图 | 标签: 乐高, 乐高 巧口英语“力推”Club活动——？ 时光: 2010-03-16 | 分类: 高烧 | 标签: LEGO, 乐乐 想学音乐应从什么时候开始？ 时光: 2010-03-26 | 分类: 产品, 默认 | 标签:...
阅读全文
posted @ 2013-06-24 15:19
{前端开发}
阅读(539)
推荐(0)
摘要：
作用域、闭包、模拟私有属性先来简单说一下变量作用域，这些东西我们都很熟悉了，所以也不详细介绍。Js代码varsco="global";//全局变量functiont(){varsco="local";//函数内部的局部变量alert(sco);//local优先调用局部变量}t();//localalert(sco);//global不能使用函数内的局部变量注意一点，在javascript中没有块级别的作用域，也就是说在java或c/c++中我们可以用"{}"来包围一个块，从而在其中定义块内的局部变量，在"{}"块
阅读全文
posted @ 2013-06-23 11:14
{前端开发}
阅读(403)
推荐(0)
摘要：
1、方法定义call方法:语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]])定义：调用一个对象的一个方法，以另一个对象替换当前对象。说明：call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。apply方法：语法：apply([thisObj[,argArray]])定义：应用某一对象的一个方法，用另一个对象替换当前对象。说明：如果 argArray 不是一个有效的数组或者不是 arg
阅读全文
posted @ 2013-06-21 16:39
{前端开发}
阅读(268)
推荐(0)
摘要：
http://hzjavaeyer.group.iteye.com/group/wiki?category_id=0
阅读全文
posted @ 2013-06-20 23:14
{前端开发}
阅读(138)
推荐(0)
摘要：
最初对js中object.constructor 的认识：在学习JS的面向对象过程中，一直对constructor与prototype感到很迷惑，看了一些博客与书籍，觉得自己弄明白了，现在记录如下： 我们都知道，在JS中有一个function的东西。一般人们叫它函数。比如下面的代码functionPerson(name){alert(name);}Person('js');//js上面的代码中，Person的表现的确跟一般的函数没有什么区别，接着看下面的代码代码functionPerson(name){this.name=name;this.showMe=function(){
阅读全文
posted @ 2013-06-19 22:08
{前端开发}
阅读(282)
推荐(0)
摘要：
从 prototype.js 深入学习 javascript 的面向对象特性js是一门很强大的语言，灵活，方便。 目前我接触到的语言当中，从语法角度上讲，只有 Ruby 比它更爽。不过我接触的动态语言只有： js ruby python flash的as 简单的几门， 应该算是井底之蛙之见。js 语法成分简单，没有 ruby 语言复杂。所以有时候我觉得她更干净（Ruby Fans 不要攻击我哦，我也是很爱很爱很爱Ruby的）！prototype.js 无疑是 js的漂亮之作，从它身上应该可以学到一些东西。如果你用 js 在页面仅仅能写出 if, alert等简单的验证代码，或者想多了解一下Js
阅读全文
posted @ 2013-06-19 21:56
{前端开发}
阅读(321)
推荐(0)
摘要：
少说话，多干事，FIRE!!!!!开始创建对象： 1.对象字面量。var clock={hour:12,minute:10,second:10,showTime:function(){alert(this.hour+":"+this.minute+":"+this.second);}}clock.showTime();//调用2.创建Object实例var clock = new Object();clock.hour=12;clock.minute=10;clock.showHour=function(){alert(clock.hour);};clo
阅读全文
posted @ 2013-06-19 21:05
{前端开发}
阅读(220)
推荐(0)
摘要：
类变量/类方法/实例变量/实例方法先补充一下以前写过的方法:在javascript中,所有的方法都有一个call方法和apply方法.这两个方法可以模拟对象调用方法.它的第一个参数是对象,后面的参数表示对象调用这个方法时的参数(ECMAScript specifies two methods that are defined for all functions, call()and apply(). These methods allow you to invoke a function as if it were a method of some other object. The firs
阅读全文
posted @ 2013-06-18 23:30
{前端开发}
阅读(545)
推荐(0)
摘要：
前言JavaScript 不包含传统的类继承模型，而是使用 prototypal 原型模型。虽然这经常被当作是 JavaScript 的缺点被提及，其实基于原型的继承模型比传统的类继承还要强大。实现传统的类继承模型是很简单，但是实现 JavaScript 中的原型继承则要困难的多。由于 JavaScript 是唯一一个被广泛使用的基于原型继承的语言，所以理解两种继承模式的差异是需要一定时间的，今天我们就来了解一下原型和原型链。原型10年前，我刚学习JavaScript的时候，一般都是用如下方式来写代码： var decimalDigits = 2, tax ...
阅读全文
posted @ 2013-06-11 22:06
{前端开发}
阅读(189)
推荐(0)
摘要：
function ClassA(sColor) { this.color = sColor; this.sayColor = function () { alert(this.color); };}function ClassB(sColor, sName) { this.newMethod = ClassA; this.newMethod(sColor); delete this.newMethod; this.name = sName; this.sayName = function () { alert(this...
阅读全文
posted @ 2013-06-11 20:14
{前端开发}
阅读(201)
推荐(0)
摘要：
由于JavaScript的灵活性,可以让每个人按照自己的习惯进行编写代码.有函数式的编程方式,也有现在用的较为广泛的对象字面量.由于面向对象的出现,JavaScript刚开始的函数编程也逐渐演化为类式编程方式.现在我对几种比较熟悉的编程习惯进行简单的说明:1.对象字面量:var person = { name:null, setName:function(name){ this.name = name; return this.name; }, getName:function(){ alert(this.name); }...
阅读全文
posted @ 2013-06-11 11:20
{前端开发}
阅读(145)
推荐(0)
摘要：
序 昨天写了篇通过jQuery源码学习javascript（一），里面有一个定义对象C的方法，我早期也没有太注意这个方面的技术细节。后来我查了一下资料，发现里面有很多巧的地方。今天与大家分享。巧妙1：函数 在javascript代码中函数是个不可多得的人才。 ♥它可以归置代码段，封装相对独立的功能。 ♥它也可以实现类，注入ＯＯＰ思想。 jQuery就是一个函数，你也可以把它当成类（呵呵，本身就是类）。 (function(){ var jQuery = function() { // 函数体 } window.jQuery = wind...
阅读全文
posted @ 2013-06-08 22:49
{前端开发}
阅读(168)
推荐(0)
摘要：
http://www.16sucai.com/uploadfile/show2013/0402002/$(function(){ $('.passcard').hover(function(){ $(this).stop(false,false).animate({'margin-bottom':'-100px'},400) },function(){ $(this).stop(false,false).animate({'margin-bottom':'-320px'},400) }) })jquery页面样式切
阅读全文
posted @ 2013-06-08 13:56
{前端开发}
阅读(249)
推荐(0)
摘要：
Html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>simple js dialog demo</title> <style type="text/cs
阅读全文
posted @ 2013-06-08 13:32
{前端开发}
阅读(179)
推荐(0)
摘要：
1.Sencha Animator用标准的网页技术打造超炫的动画，Senchar Animator使用CSS3来打造动态的文字和图片，流畅的变换，阴影，渐变等效果。2.CSS LINT这个工具可以帮你找出你CSS中的问题。不光是语法错误，它还能指出你的代码写的不合理的地方，或者不高效的地方。3.Normalize.cssNormalize.css 是一个可以定制的CSS文件，它让不同的浏览器在渲染网页元素的时候形式更统一。4.SpritemapperSpritemapper 是一个组合不同图片并生成 CSS 位置代码的工具。5.holmes.css这个CSS可以帮你找出你网页中写的不标准的HT
阅读全文
posted @ 2013-06-06 23:01
{前端开发}
阅读(263)
推荐(0)
摘要：
今天浏览jQuery的deprecated列表，发现live()和die()在里面了，赶紧看了一下，发现从jQuery1.7开始，jQuery引入了全新的事件绑定机制，on()和off()两个函数统一处理事件绑定。因为在此之前有bind(), live(), delegate()等方法来处理事件绑定，jQuery从性能优化以及方式统一方面考虑决定推出新的函数来统一事件绑定方法并且替换掉以前的方法。on(events,[selector],[data],fn)events:一个或多个用空格分隔的事件类型和可选的命名空间，如"click"或"keydown.myPlu
阅读全文
posted @ 2013-06-06 12:24
{前端开发}
阅读(210)
推荐(0)
摘要：
使用console.log()打印出jquery选择器返回的对象，发现它永远是一个数组对象，若未找到指定元素，就会返回一个空的数组对象。通常，我们用js判断dom是否存在，直接使用：if( document.getElementById("wrap") )就能判断，但是如果是jquery就不能这样用了：if( jQuery('wrap') )因为jquery选择器返回的永远是一个数组对象，若未找到指定元素，就会返回一个空的数组对象，不是boolean型：if( jQuery('wrap').length > 0 )
阅读全文
posted @ 2013-06-05 13:45
{前端开发}
阅读(523)
推荐(0)
摘要：
http://gbin1.com/gb/demoviewer/360/06242ba0-40a1-45fd-946f-cc89e0df64c9/index.html.htm相信做设计的朋友肯定都知道dribbble.com，它是一个非常棒的设计师分享作品的网站，全世界数以万计的设计高手和行家都在这个网站上分享自己的作品，当然，如果你常在上面闲逛的话，经常得到一些免费的好东西。在今天的这篇jQuery教程中，我们将使用jQuery的几个插件来开发一个响应式的瀑布流应用，这个应用可以帮助你实时的从dribbble上得到最流行的设计作品，我们将使用如下几个插件：isotope ： 一个魔术布局插件，
阅读全文
posted @ 2013-06-04 22:53
{前端开发}
阅读(218)
推荐(0)
摘要：
在jQuery的开发过程中，我们往往需要处理各种事件，例如，click()，hover()等。在jQuery的API中，我们可以使用不同的方法来将这些事件绑定到特定的元素中。今天这篇文章中，我们将要介绍如何使用bind()，on()，live()和delegate()方法来绑定特定的事件，什么情况下使用，什么情况下不适用它们。希望能够帮助大家更好的了解和使用jQuery的时间处理方法。如果你喜欢我们的文章，请给我们留言，谢谢！bind()方法使用较早版本jQuery的教程或者应用中，我们往往使用bind()方法来将事件绑定到特定的元素上，如下：<section id="cont
阅读全文
posted @ 2013-06-04 15:37
{前端开发}
阅读(187)
推荐(0)
摘要：
虚线框简直就是个多余的东西，上一篇教大家怎么去除Firefox中链接和按钮虚线框，今天叫大家去掉去除IE中链接的虚线框。方法一：利用javascript的onfocus事件，实现如下：Html代码<ahref="http://www.hujuntao.com/"onfocus="this.blur();">设计蜂巢</a>如果引入了jQuery框架则可以利用它的事件绑定机制：Js代码$('a').bind('focus',function(){if(this.blur){//如果支持 this.bl
阅读全文
posted @ 2013-06-04 09:56
{前端开发}
阅读(200)
推荐(0)
摘要：
1、$.extend()为jQuery添加扩展方法和属性，用一个或多个多想扩展另一个对象，并返回已修改的原始对象；语法：$.extend({object1},{object2},{object3},{object4});把object2，object3，object4的对象中的属性和方法合并（重构）到object1对象中，后面参数的键值与前面的相同的话，合并（重构）后以后面的为主；//（1）多个参数对象 var parameObj = { "province": "山东", "city": "济南" }; //实例
阅读全文
posted @ 2013-06-03 22:32
{前端开发}
阅读(416)
推荐(0)
摘要：
jquery插件丰富，很多都是很好用的，最近学习了一下如何制作jquery插件，发现jquery插件制作其实很简单，这里介绍一下。jquery插件的基本格式：(function($){ $.fn.tab = function(options){//$.fn后面的tab是这个插件的函数名称。可以更具自己喜好进行修改 var defaults = { //相关属性设置 } var options = $.extend(defaults, options); this.each(function(){ //实现的功能设置 }); };})(jQuery);我...
阅读全文
posted @ 2013-06-03 17:16
{前端开发}
阅读(290)
推荐(0)
摘要：
Jquery中：1. $是Jquery的简写形式，所以，Jquey()和$()的意思是一样的；所有用$()的地方，$都可以用Jquery代替；2. 因为不能假定$在任何环境中都是有效的，所以，插件中一般用Jquery定义，而不用$定义；、3. 用Jquery.extend增加的函数，或者说扩展的函数，可以理解成添加类方法——用类名调用4. 用Jquery.fn.extend增加的函数，或者说扩展的函数，可以理解成添加对象方法，即添加成员函数，用对象名调用5. Jquery.fn=Jquery.prototype，所以，Jquery.fn是Jquery.prototype的别名；6. 那么Jqu
阅读全文
posted @ 2013-06-01 21:19
{前端开发}
阅读(631)
推荐(0)
摘要：
Jquery为开发插件提供了两个方法，分别是：$.extend(obj);$.fn.extend(obj);1.那么这两个分别是什么意思？$.extend(obj);是为了扩展jquery本身，为类添加新的方法$.fn.extend(obj);给JQUERY对象添加方法。2.$.fn中的fn是什么意思，其实是prototype，即$.fn=$.protoytpe;具体用法请看下面的例子：$.extend({add:function(a,b){returna+b;}})$.add(5,8)//return13注意没有，这边的调用直接调用，前面不用任何对象。直接$.+方法名$.fn.extend(
阅读全文
posted @ 2013-05-31 16:43
{前端开发}
阅读(230)
推荐(0)
摘要：
1.javascript的变量是无类型的（untype）。2.用var声明的变量是永久性的。所以当你试图用delete来删除其声明的变量时会报错。3.当试图读取一个未声明的变量时，会报错。4.当给一个未用var声明的变量赋值时，js会隐式的声明该变量（这个变量会被声明为全局变量，所以最好用var来声明。这一点在局部声明时非常重要）。5.在函数内部，局部变量的优先级要高于同名的全局变量（相当于隐藏了该同名的全局变量）。结合4，5两点。我们给出一个列子来说明其重要性。var part = "global"; //声明一个全局变量function checkpart(){var
阅读全文
posted @ 2013-05-19 20:43
{前端开发}
阅读(239)
推荐(0)
摘要：
在写这篇文章之前，曾经写过一篇关于AJAX技术的随笔，不过涉及到的方面很窄，对AJAX技术的背景、原理、优缺点等各个方面都很少涉及null。这次写这篇文章的背景是因为公司需要对内部程序员做一个培训。项目经理找到了我，并且征询我培训的主题，考虑到之前Javascript、CSS等WEB开发技术都已经讲解过了，所以决定针对AJAX这一块做一个比较系统的培训，所以这篇文章实际上是一个培训的材料。AJAX技术的背景不可否认，ajax技术的流行得益于google的大力推广，正是由于google earth、google suggest以及gmail等对ajax技术的广泛应用，催生了ajax的流行。而这也
阅读全文
posted @ 2013-05-18 17:31
{前端开发}
阅读(285)
推荐(0)
摘要：
刚开始写AJAX代码的时候，直接参照的是AJAX基础教程一书中的代码（该书真的很不错，是AJAX入门的经典教材，是图灵出版社的。计算机方面的书籍，我最信任的就是O'R和图灵的）。该书的创建XMLHttpRequest对象的代码如下：01varxmlHttp;0203functioncreateXMLHttpRequest()04{05if(window.ActiveXObject)06{07xmlHttp =newActiveXObject("Microsoft.XMLHTTP");08}09elseif(window.XMLHttpRequest)10{11xml
阅读全文
posted @ 2013-05-18 17:24
{前端开发}
阅读(452)
推荐(0)
摘要：
当我们不通过重新加载页面，用Ajax访问服务器的时候，有两个选择可以将请求信息传送到服务器上。这两个选择分别是GET和POST。在把请求信息发送到服务器上以加载新的页面时，这两个选择有两个不同之处。第一个区别是你是请求了信息的一小部分而不是整个页面。第二个区别也是最明显的区别是由于Ajax请求不会出现在地址栏中，因此当发送请求时，在访问者的屏幕上是看不出什么异同的。使用GET生成调用不会暴露域和它们的值，使用POST也不会暴露。因此，我们要怎样在这两者之间作出选择呢?初学者可能犯的一个错误是对于大多数的调用都使用GET命令，仅仅因为这一命令相对而言更容易编写。GET与POST调用之间最显著的差
阅读全文
posted @ 2013-05-18 16:21
{前端开发}
阅读(460)
推荐(0)
摘要：
今天写代码，把click事件绑定到了document上面，当我点击鼠标右键的时候，没想到firefox出发了click事件，在ie8 chrome13 上面测试都没有触发click事件，只有firefox触发了
阅读全文
posted @ 2013-05-16 14:04
{前端开发}
阅读(155)
推荐(0)
摘要：
（1）什么是事件起泡首先你要明白一点，当一个事件发生的时候，该事件总是有一个事件源，即引发这个事件的对象，一个事件不能凭空产生，这就是事件的发生。 当事件发生后，这个事件就要开始传播。为什么要传播呢？因为事件源本身并没有处理事件的能力。例如我们点击一个按钮时，就会产生一个click事件，但这个按钮本身不能处理这个事件（废话），事件必须从这个按钮传播出去，从而到达能够处理这个事件的代码中（例如我们给按钮的onclick属性赋一个函数的名字，就是让这个函数去处理该按钮的click事件）。 当事件在传播过程中，找到了一个能够处理它的函数，这时候我们就说这个函数捕捉到了这个事件。 说到这里，关键的问题
阅读全文
posted @ 2013-05-16 12:27
{前端开发}
阅读(686)
推荐(0)
摘要：
<div class="main_view"><div class="window"><div class="image_reel" style="width: 3160px; left: 0px;"><a href="http://www.16sucai.com/"><img src="http://www.cnblogs.com/chris-oil/admin/images/reel_1.jpg" alt="
阅读全文
posted @ 2013-05-14 23:26
{前端开发}
阅读(860)
推荐(0)
摘要：
无论你是前端还是设计师，相信你在网页二维空间上的操作早已经得心应手，JS处理时间线的动画也早已经烂熟于胸。从今天开始，我跟大家分享一些“新”的东西，网页的第三个维度，以及纯CSS实现的动画。限于篇幅，从初级到比较复杂的3D动画大概会说个三四个回合，我们就从最初级的东西开始说，由于这些知识大部分都是我个人根据文档所理解的，主要是当笔记。所以，也许会跟不少同学所理解的不太一样，甚至相悖，我希望大家可以在文章下面指出不对的地方，我们共同来学习。在我们以前使用绝对定位的时候就已经初步接触过Z轴，那时候只是简单的层叠，现在介绍一个更强大的属性：Transform 。从字面上就能看出，Transform
阅读全文
posted @ 2013-05-14 21:31
{前端开发}
阅读(504)
推荐(0)
摘要：
最近研究响应式设计框架的时候，发现网上很多相关的属性介绍，却很少有系统的入门级使用的文章，我自己整理了一篇入门知识，并没有什么高深的理论，也不牵扯到框架。目前已经越来越多的站点以及wap站点使用响应式设计，因为大屏幕的移动设备越来越普及。而自适应布局已经无法胜任各种浏览需求。响应式设计的目的是尽可能以最好的布局显示您的数据，以实现用户友好的 Web 页面。css2的时期有一个不是很常用的media type，他拥有比如aural（声音）braille（触摸）print（打印）handheld（移动设备）等等十种媒体类型，（附加媒体类型详细http://www.w3.org/TR/CSS2/me
阅读全文
posted @ 2013-05-14 21:29
{前端开发}
阅读(253)
推荐(0)
摘要：
判断元素上是否绑定过事件用如下语句jQuery.data(elem,"events")[type] //老版本也能用$(elem).data("events")[type] //1.2.3以后才能用返回值：一个Object，可以用for in来遍历。或者undefined。参数：elem是一个DOM对象，type 是事件类型。举例：判断id为foo的元素上是否绑定了click事件if( $("#foo").data("events")["click"] ){//your code}
阅读全文
posted @ 2013-05-06 11:31
{前端开发}
阅读(1777)
推荐(0)
摘要：
Javascript的变量实际上Javascript中，变量 = 对象属性，这是因为 Javascript 在执行脚本之前会创建一个Global对象，所有的全局变量都是这个Global对象的属性，执行函数时也会创建一个Activation对象，所有的局部变量都是这个Activation对象的属性。如下例：var global = 42;this.global; // 42, 可以通过this来访问Global对象this.global2 = 12;global2; // 12function foo() {var local = 36;// 不过无法直接访问Activation，// ...
阅读全文
posted @ 2013-05-04 22:07
{前端开发}
阅读(3390)
推荐(0)
摘要：
http://www.0773linji.com/jquery_plugs/jq_dialog/演示一 $("#openBox").click(function(){ $.dialog.open({ title: 'Hello World!', drag:true }); }); 打开演示二 $("#openBox2").click(function(){ $.dialog.alert('你确定要上传图片吗？',function(){alert('关闭');}); });打开演示三 $("#ope
阅读全文
posted @ 2013-05-02 16:07
{前端开发}
阅读(304)
推荐(0)
摘要：
1、匿名函数函数是JavaScript中最灵活的一种对象，这里只是讲解其匿名函数的用途。匿名函数：就是没有函数名的函数。1.1 函数的定义，首先简单介绍一下函数的定义，大致可分为三种方式第一种：这也是最常规的一种function double(x){ return 2 * x; }第二种：这种方法使用了Function构造函数，把参数列表和函数体都作为字符串，很不方便，不建议使用。var double = new Function('x', 'return 2 * x;');第三种：var double = function(x) { return 2* x;
阅读全文
posted @ 2013-05-01 17:53
{前端开发}
阅读(189)
推荐(0)
摘要：
“闭包”（closure）闭包就是能够读取其他函数内部变量的函数。闭包的用途一个是可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。Js代码 function f1(){ var n=999; nAdd=function(){n+=1} function f2(){ alert(n); } return f2; } var result=f1(); result(); // 999 nAdd(); result(); // 1000JQUERY中的闭包：：(function($){ $("div p").click(funct...
阅读全文
posted @ 2013-04-30 22:27
{前端开发}
阅读(1007)
推荐(0)
摘要：
1.Firebughttp://getfirebug.com/最流行的前端开发工具2.HttpWatchhttp://www.httpwatch.com/集成在IE和Firefox上的监听HTTP和HTTPS的工具3.Fiddlerhttp://www.fiddler2.com/fiddler2/Fiddler是一个记录你电脑和网络之间所有HTTP(S)请求的网络调试代理4.HttpFoxhttps://addons.mozilla.org/eu/firefox/addon/6647?lang=en-US和HTTPWatch很类似的一个工具5.Yslowhttp://developer.yah
阅读全文
posted @ 2013-04-29 21:36
{前端开发}
阅读(183)
推荐(0)
摘要：
js字符串转换成数字将字符串转换成数字，得用到parseInt函数。parseInt(string) ： 函数从string的开始解析，返回一个整数。举例：parseInt('123') : 返回 123（int）；parseInt('1234xxx') : 返回 1234（int）；如果解析不到数字，则将返回一个NaN的值，可以用isNaN()函数来检测；举例 ：var i = parseInt('abc');if (isNaN(i)){alert('NaN value');}同样的parseFloat函数是将字符串转换成浮点数
阅读全文
posted @ 2013-04-28 23:29
{前端开发}
阅读(1294)
推荐(0)
浙公网安备 33010602011771号