首页风格
门户
博客

Javascript技术

了解javascript编程中的Prototype(原型)

了解javascript编程中的Prototype(原型)

当你定义javascript方法的时候,会产生一些预定义的属性,其中一个比较让人迷惑的属性就是prototype。在本文中,我们将详细介绍什么是Prototype,并且为什么使用prototype。

什么是prototype?

prototype属性初始时是一个空的对象,可以添加对象 ,你可以添加任何对象到它里面去。

var myObject = function(name){
    this.name = name;
    return this;
};
console.log(typeof myObject.prototype); // object
myObject.prototype.getName = function(){
    return this.name;
};

在以上这段代码中,我们创建了一个方法,但是如果我们调用myObject(),将会返回window对象,因为它被定义在全局范围中。…

标签: javascript, prototype, javascript原型

阅读更多

帮助你简化Cookie操作的javascript类库 - cookie.js

帮助你简化Cookie操作的javascript类库 - cookie.js

做web开发的朋友不可避免的需要处理cookie,以往我们使用javascript处理cookie的过程繁琐并且容易出错,所以往往使用一些现成的处理cookie的javascript代码或者jQuery类库,使用jQuery固然非常不错,但是如果只是为了处理cookie而加载如此大的一个文件,感觉不是非常的划算。今天这里我们介绍一个帮助你简化cookie操作的javascript类库 - cookie.js,它不依赖于任何第三方类库,并且非常小巧,只有1.4kb。希望大家喜欢!

为什么使用cookie.js?

使用原始的javascript处理cookie非常丑陋,document.cookie绝对是最丑陋的javascript功能之一。 使用cookie.js可以非常有效的帮助你处理cookie相关的功能,并且是的功能更加的有趣。

使用方式

导入类库:

<script src="cookie.min.js"></script>

设置cookie:

cookie.set('key',…

标签: cookie, javascript cookie类库, 操作cookie的js类库

阅读更多

分享一个帮助你快速构建HTML5游戏的javascript类库 - CreateJS

分享一个帮助你快速构建HTML5游戏的javascript类库 - CreateJS

HTML5是一个非常重要的web标准,针对HTML5衍生了很多的富客户端javascript开发类库,今天这里我们将介绍一个非常棒的帮助你开发基于HTML5游戏的类库 - createJS

CreateJS是一个整合的模块化的类库,使用它可以帮助你开发富客户端的互动应用,这些类库的设计非常独立,包含了不同的模块,如下:

  • EASEJS:用来处理HTML5的canvas
  • TWEENJS:用来处理HTML5的动画调整和javascript属性
  • SOUNDJS:用来帮助简化处理音频相关的API
  • PRELOADJS:管理和协调程序加载项的类库
  • ZOE:将SWF动画导出为EaseIJS的sprite的工具
以上几个模块分别用来处理不同的功能,你可以根据自己的需要下载自己需要的类库。 以下是一个使用createjs开发的在线HTML5游戏。

分享一个帮助你快速构建HTML5游戏的javascript类库 - CreateJS

在线HTML5游戏

请使用Safari, Chrome, Firefox 或者 IE 9+ 来运行以上游戏。

希望大家喜欢这个类库套件,如果你有什么建议和问题,请给我们留言!…

标签: html5 js类库, html5游戏js类库, createJS

阅读更多

浏览器html5/css3兼容性检测的javascript类库 - Modernizr简单介绍

帮助你有效的检测用户端浏览器类库 - Modernizr使用介绍

在线演示  本地下载

大家是不是在开发设计过程中遇到如下情况?某些浏览器不支持HTML5或者CSS3的某些标签和属性。而我们希望开发的网站或者web应用能在所有的浏览器中运行正确,针对不支持的浏览器我们可以提供其它fallback方式来弥补。

今天这篇文章呢,我们将介绍一个开发利器 - ModernizerModernizer是一个Javascript的类库API,对于大部分的前端开发人员来说,使用它是一件非常简单的事情。相信大家会非常喜欢这个类库,无论你是开发人员还是设计人员!

什么是Modernizr?

开始之前我们还是介绍一下什么是ModernizerModernizer是一个Javascript的类库,帮助你有效的检测浏览器的支持类型,典型的情况是它能够帮助你使用如下的显示方式来告诉你浏览器的相关信息:

"Hey, browser! Do you support [insert feature here]?…

标签: webkit, web tool, Modernizr

阅读更多

强大的独立日期选择器(date picker)插件 - Kalendae

强大的独立日期选择器(date picker)插件 - Kalendae

在线演示  本地下载

今天分享一个独立的日期选择插件KalendaeKalendae是一个强大健壮的独立日期选择器。如果你不想使用重量的jQuery UI类库的话,这个插件肯定是一个不错的备选。Kalendae包含了丰富的插件选项,配置,属性,事件和函数。给予你丰富和灵活的方式来创建日期选择器。当然它内含了一个强大的日期处理javascript插件 - moment.js, 这个类库我们也曾经介绍过(不容错过的超棒Javascript日期处理类库-Moment.js),能够灵活的处理和格式化日期。

主要特性

  • 完全支持各平台移植,没有任何类库依赖,不要求jQuery, prototype,或者Mootools。只需要添加脚本和样式
  • 支持主题和皮肤。缺省的主题只使用一个图片文件,其它配置使用CSS
  • 支持单天,多天或者日期区域选择
  • 可配置月份选择
  • 可作为一个行内的插件在页面中使用,或者绑定输入框来调用
  • 可绑定到页面中任何元素,不仅仅是已命名元素
  • 支持多种类型配置例如,隔日选择/工作日选择…

标签: js日期选择器, javascript date picker, kalendae

阅读更多

Node.js和Geddy初学者指南 - 第三部分:使用Mongdb持久化你的数据

Node.js和Geddy初学者指南 - 第三部分:使用Mongdb持久化你的数据

在这个三个部分的教程中,我们教大家使用Node.js和Geddy来创建了一个todo的管理应用,上一篇我们将数据保存在内存中,在这个系列最后一篇文章中,我们将介绍如何将todo项目保存到mongodb中。

介绍MongoDB

MongoDB是一个由10gen开发的Nosql类型的数据库。这是node应用可以使用的超棒的数据库,它将数据保存为JSON格式。并且所有的查询都是使用javascript开发的。如果你想深入了解Mongdb,请参考这两篇文章:Nosql数据库教程之初探MongoDB - 第一部分Nosql数据库教程之初探MongoDB - 第二部分。相信大家会有个基本的使用概念。

安装mongodb

到如下地址下载mongodb:

http://www.mongodb.org/downloads 

安装很简单,你可以参考上面文章内容。

MongoDB-Wrapper

对于我们的应用来说,我们使用一个模块来包装mongdb-native数据驱动。这很大的简化了代码,我们安装后进入你的应用并且执行如下:

npm…

标签: node.js, geddy, javascript, frameworks, js框架

阅读更多

分享5个最佳的Javascript日期处理类库

在大家日常网站开发和web应用开发中,我们往往需要有效的调用Javascript处理日期和时间格式相关的函数,在Javascript中已经包含了部分最基本的内建处理方法。当然如果大家有时间的话,完全可以自己开发和编写需要的方法,但是有效的使用别人已经开发好的类库肯定是一个更好的处理方式,没有必要什么都原创吧,君子善假于物也。今天这里我们收集了5个最佳的日期处理函数类库,希望对于大家有帮助,如果你喜欢我们的文章,请大家给我们留言,谢谢!

1. XDate

分享5个最佳的Javascript日期处理类库

这个类库是javascript本地日期对象的封装,提供了加强的方法来帮助你解析,格式化和日期处理。 使用它就类似使用javascript自己的方法,所以非常简单,相信大家会喜欢的!

2. DP Date Extension

分享5个最佳的Javascript日期处理类库

一个javascript日期对象的扩展类库,拥有很多新功能和特性

3. JavaScript Pretty Date

一个简单有效的处理老式javascript日期的类库。例如,帮助你将"2012-04-08T08:24:17Z"…

标签: javascript日期处理, js日期类库, javascript日期处理类库, xdate, moment.js, javascript pretty date, countdown JS

阅读更多

分享一个快速开发动态互动HTML5可视化图形效果的Javascript类库 - Envision.js

分享一个快速开发动态互动HTML5可视化图形效果的Javascript类库 - Envision.js

在线演示  本地下载

今天我们介绍一个超棒的创建快速动态互动HTML5可视化图形效果的javascript类库 - Envision.js,这个类库拥有俩个内建的图表类型:

  • 时间序列图表
  • 金融图形图表

主要特性

  • 实时图形展示
  • 时间序列,支持缩放,内建互动操作
  • 金融类型图表,可定制
  • 支持AJAX
  • 自定义图形图表,例如,不规则碎片形
  • 支持现代浏览器,IE6+
  • 支持移动及其触摸设备
  • 拥有自定图形API
  • 兼容支持Flotr2
  • 可兼容其他
  • 基于 Flotr2HTML5画布

如何使用

引入如下类库和CSS文件:

<script type="text/javascript" src="envision.min.js"></script>
<link rel="stylesheet" href="envision.min.css" type="text/css"…

标签: javascript图表类库, envision.js, html5画布类库

阅读更多

分享8个超酷的javascript类库和jQuery插件帮助你打造超炫的网站和web应用

是不是想创建更加吸引眼球的网站和web应用?是不是想让你的网站和应用让用户感觉更加与众不同?如果你想让你的网站显得鹤立鸡群的话,绝对应该看看今天我们给大家推荐的这8个超酷的javascript类库。这些类库可能我们在以前的文章中也介绍过。如果你能够有效地整合到你的网站和web应用中,肯定会让你的网站充满乐趣和创意。我们包含了特种超酷特效,时间线(timeline)等,非常适合创建但页面的网站。大家来看看吧!希望我们的文章请务必给我们留言,谢谢!

Timelinr

jQuery Timelinr是一个简单高效的jQuery插件帮助你提高时间轴的展现方式。绝对会让你的网站显得富有创意并且酷炫无比。这个时间轴同时支持垂直和水平方向的展示。

分享8个超酷的javascript类库和jQuery插件帮助你打造超炫的网站和web应用 - gbin1.com

Timeline

Timeline在前面GBin1的文章中我们也介绍过,非常酷的一个时间轴的实现,支持整合各种不同的来源的内容,例如,图片,视频,iframe站外内容及其各种社交站点来源,twitter,youtube等。整个时间轴使用幻灯显示,非常拥有个性。

分享8个超酷的javascript类库和jQuery插件帮助你打造超炫的网站和web应用 - gbin1.com

标签: jQuery, jQuery插件, javascript类库, 超酷js类库

阅读更多

下一页

喜欢我们的文章请您与朋友分享:

?ü?à

今日推荐