Results tagged “Javascript”

Google的HTML5ROCKS(多图)

AppleGoogle现在是两大推广HTML 5和WebKit的巨头,Apple有一个专门推广HTML 5的网站(苹果官网Demo展示HTML5网页特效),那么Google也不甘落后,于是他们也搞出了个HTML5ROCKS(可能需要翻过去)。

20100624091853822.png

HTML5ROCKS主要分三个栏目:HTML5展示代码乐园步骤化教程。在代码乐园中,可以修改预设的代码,或者插入自己的代码来运行。

Google Chrome对这个网站的支持最好,同样使用Webkit引擎的Safari也可以支持,另外,被Chrom Frame强行插入的IE也可以支持。

作者:周兆兆

又拍网是一个照片分享社区,从2005年6月至今积累了260万用户,1.1亿张照片,目前的日访问量为200多万。5年的发展历程里经历过许多起伏,也积累了一些经验,在这篇文章里,我要介绍一些我们在技术上的积累。

又拍网和大多数Web2.0站点一样,构建于大量开源软件之上,包括MySQLPHPnginxPythonmemcachedredisSolrHadoopRabbitMQ等等。 又拍网的服务器端开发语言主要是PHPPython,其中PHP用于编写Web逻辑(通过HTTP和用户直接打交道), 而Python则主要用于开发内部服务和后台任务。在客户端则使用了大量的 Javascript, 这里要感谢一下MooTools这个JS框架,它使得我们很享受前端开发过程。 另外,我们把图片处理过程从PHP进程里独立出来变成一个服务。这个服务基于nginx,但是是作为nginx的一个模块而开放REST API。

sharding1.png

6款jQuery图表插件(转)

图表应用能让数据显示更加直观易懂,但光靠CSS+XHTML或纯图片实现的图表显然有很多局限性,强大的jQuery让我们可以实现各种很强大的图表,下面是6款jQuery图表插件

1. Flot

Flot_1.png
从交互性的层面来说,jQuery实现的 Flot图表和Flash实现的图表效果已经是非常的接近。图表输出效果相当的流畅光滑,注重视觉效果。你也可以和data points数据节点配合使用,当鼠标hover到某个数据节点时,会得到对应节点的数值说明内容的反馈信息。

这个说明里面说的是一些基础的DOM方法。在下偶尔也有用用Javascript写一些自己用的效果,都是根据需要而做的代码片段,不成气候。

这里说的是实现一些动态地获取、新建、控制HTML的方法,在Javascript应用中,应该是相当常见的,你看我这个JS小菜都会用到:)包括getElementById(id)、getElementByName(name)、getElementsByTagName(tagname)、appendChild(node)、removeChild(childreference)、cloneNode(deepBoolean)、replaceChild(newChild,oldChild),第二部分(明天)再发出来,有关insertBefore(newElement,targetElement)、childeNodes等相关资料。

在这里首先记录一下,Javascript中是区别大小写的,另外,Javascript不是JAVA Script。

原译文:你真的会写JavaScript吗? 

文章的开头很有意思,作者写到他和一个据说已经写了快4年JavaScript的女程序员聊天,女程序员认为她的JS水平very good,后来作者发现她确实会写,但仅仅是会写,其实对JavaScript的内涵所知甚少。

作者想用这个例子说明,有很多具备Java/C++/C#开发经验的开发人员在编写JavaScript或者转行到FED(比如我)的时候,想当然的把那些标准面向对象语言的思想套用在JavaScript上,反而走入迷途。

原文: JavaScript, We Hardly new Ya  --Douglas Crockford。 

JavaScript是一门基于原型的语言,但它却拥有一个 new 操作符使得其看起来象一门经典的面对对象语言。那样也迷惑了程序员们,导致一些有问题的编程模式。

通常做Web开发的,都会有称手的开发工具,如开发html有dreamweaver、开发CSS有TopStyle......当然也有人用记事本、EditPlus、Emeditor、UltraEdit,可是一直都没有找到一个很让人满意的Javascript开发工具,没有一样是很称手的。

下面隆重介绍今天的主角:Aptana (Current 0.2.7)- 一款非常优秀的Javascript(AJAX) 开发工具,除了Javascript外,其对HTML/CSS等的开发提示也是相当不错。

Snap0.png


1

Blogs

test
东二的博客
听说读写看
技术博客