YAOHAIXIAO.COM

FOCUS ON JAVASCRIPT

写给想学Javascript朋友的一点经验之谈

发表时间:2010 - 01 - 28

今天逛论坛时看到有朋友问,是否有专门教Javascript的学校,这里想想把自己的一点建议和自己3年来的前端Javascript开发的经验跟大家分享下,也给出几本个人认为不错的书来做为大家学习的参考资料。当然只是个人的经验,有什么不对的也请高手见谅和指正。

XMLHTTPRequest的属性和方法简介

发表时间:2010 - 01 - 28

由于现在在公司负责制作标准的静态页面,为了增强客户体验,所以经常要做些AJAX效果,也许你也和我一样在,学习AJAX。而设计AJAX时使用的一个重要的技术(工具)就是XMLHTTPRequest对象了。这里海啸把我学习XMLHTTPRequest对象的一点资料拿出来跟大家一起分享。文中的资料都是海啸在学习时在网上收集的,如果您开过,那就再加深下印象吧![...]

YLogger v1.1.0 Beta

YLogger v1.1.0 Beta

YLogger v1.1.0 Beta,这个小程序也是大概是两年前写的,在Messagebox模拟提示框效果后写的,就是为了方便开发AJAX程序的调试用的。在页面中直接加载Logger跟踪框,免去了使用alert()方法在循环时不停点击的烦恼。今天花了点时间也用YaoUI重新写了下,但是还是没有做任何的优化。不过已经可以适应一般的调试提示信息了。当然绝对没有firebug或者firebug lite那么牛,但是也算是自己开发工具的一个初步的尝试吧。

YMessageBox v1.1.0 Beta

YMessageBox v1.1.0 Beta

YMessageBox v1.1.0 Beta,大概是两年前写的一个Messagebox模拟提示框效果,现在用的YaoUI重新写了下,但是没有做任何的优化,不过看上去还不错,在使用Ajax程序时,用这个模拟提示窗口应该比浏览器自带的提示框看上去更亲切。(声明:YAO.Drag完全修改自www.youngpup.net domdrag.js,由Dynamic Drive编辑和优化过。)

YAlbum 相册

YAlbum 相册

YAlbum 相册,我用我自己写个YaoUI代码库实现一个论相册效果,调用简单,兼容性好,本人强烈推荐的哦!

YLightBox - 论坛相册特效

YLightBox - 论坛相册特效

YLightBox - 论坛相册特效,我用我自己写个YaoUI代码库实现一个论坛的相册效果,这个特效很适合论坛题图板块的图片展示。调用简单,兼容性好。

newsCarousel - 滚动新闻特效

newsCarousel - 滚动新闻特效

newsCarousel - 滚动新闻特效,我用我自己写的YaoUI代码库,模仿的YAHOO.COM新版首页的一个滚动新闻效果,新闻滚动的瞬间加载JSON数据。功能实用,调用简单,兼容性好,希望大家能喜欢。

YTabs!划过显示图片的列表新闻

YTabs!划过显示图片的列表新闻

YTabs!划过显示图片的列表新闻,我整理的一组很经典的图片头条新闻效果。图片过度时,可以选择滚动切换,也可以选择透明的渐显过度。这一组效果都很实用,兼容性好,调用超方便。

YTabs!图片头条新闻集锦

YTabs!图片头条新闻集锦

YTabs!图片头条新闻集锦,我整理的一组很经典的图片头条新闻效果。图片过度时,可以选择滚动切换,也可以选择透明的渐显过度。这一组效果都很实用,兼容性好,调用超方便。

YTabs!多标签自动横向滚动新闻导航

YTabs!多标签自动横向滚动新闻导航

YTabs!多标签自动横向滚动新闻导航,一个很经典的标签导航效果,点击标签新闻滚动,可以设置自动滚动或手动滚动。ytabs.js中的moveElement方法来处理滚动效果。ytabs.js中还包含了YAO和tabView两个类,YAO是我根据YUI还有一些其他资源整理的一个常用方法类,采用单体模式。而tabView则是完全由我自己,也是这个AjaxTab效果的核心程序。

YTabs!多标签滚动 & Ajax标签导航

ytabs-scroll-ajaxtabs

YTabs!多标签滚动 & Ajax标签导航,一个很经典的标签导航效果,可以支持加载HTML和JSON格式的数据。同时我添加了标签滚动效果,ytabs.js中的Carousel类来处理滚动效果,由于时间和能力有限,Carousel类的功能还不是很完善,也希望大家一起来从实它。ytabs.js中还包含了YAO和tabView两个类,YAO是我根据YUI还有一些其他资源整理的一个常用方法类,采用单体模式。而tabView则是完全由我自己,也是这个AjaxTab效果的核心程序。

YTabs!英文字母索引菜单

YTabs!英文字母索引菜单

YTabs!英文字母索引菜单,一个很经典的导航菜单效果,我使用我的YTabs实现了。兼容性好,调用方便。ytabs.js中包含了YAO和tabView两个类,YAO是我根据YUI还有一些其他资源整理的一个常用方法类,采用单体模式。而tabView则是完全由我自己,也是这个图片新闻效果的核心程序。

YTabs!侧边栏导航菜单

ytabs-side-menus

YTabs!侧边栏导航菜单,一个很经典的侧边栏菜单效果,我使用我的YTabs实现了。兼容性好,调用方便。ytabs.js中包含了YAO和tabView两个类,YAO是我根据YUI还有一些其他资源整理的一个常用方法类,采用单体模式。而tabView则是完全由我自己,也是这个图片新闻效果的核心程序。

YTabs!YAHOO皮肤多嵌套标签导航

ytabs-yahoo-skin

YTabs!YAHOO皮肤多嵌套标签导航,YAHOO.COM一个很经典的标签导航效果,我使用我的YTabs实现了。兼容性好,调用方便。ytabs.js中包含了YAO和tabView两个类,YAO是我根据YUI还有一些其他资源整理的一个常用方法类,采用单体模式。而tabView则是完全由我自己,也是这个图片新闻效果的核心程序。

YTabs!MSN皮肤图片自切换标题新闻

ytabs-msn-skin

YTabs!MSN皮肤图片自切换标题新闻,一个很经典的图片新闻效果,皮肤是采用的MSN.COM.CN首页的皮肤。兼容性好,调用方便。ytabs.js中包含了YAO和tabView两个类,YAO是我根据YUI还有一些其他资源整理的一个常用方法类,采用单体模式。而tabView则是完全由我自己,也是这个图片新闻效果的核心程序。

YTabs!Zebra Table (隔行换色)& 标签导航

YTabs!Zebra Table (隔行换色)& 标签导航

YTabs!Zebra Table (隔行换色)& 标签导航,我自己编写一个Zebra方法。可以一次对多个元素进行隔行换色和鼠标经过变色的处理。调用简单,样式和JS分离,修改颜色时,只需要修改CSS就好。我也建议大家在编写Javascript程序的时候,将CSS和Javascript分离,这样更容易维护。

YTabs!Ajax标签导航

ajaxtabs

YTabs!Ajax标签导航,一个很经典的标签导航效果,可以支持加载HTML和JSON格式的数据。兼容性好,调用方便。ytabs.js中包含了YAO和tabView两个类,YAO是我根据YUI还有一些其他资源整理的一个常用方法类,采用单体模式。而tabView则是完全由我自己,也是这个AjaxTab效果的核心程序。

ScrollNews 无缝循环滚动新闻 - base on scrollVertical.js

ScrollNews Base on scrollVertical

ScrollNews 无缝循环滚动新闻,程序改编至雅虎中国的scrollVertical.js。修改后,新闻可以横向和纵向的滚动,并且滚动添加了加速和减速的平滑过度效果,让整个滚动新闻的滚动看上去更自然。

垂直无缝滚动图片(兼容性好)实例教程

发表时间:2010 - 01 - 21

我很久前在YAHOO上扣的代码,兼容性很好,在Windows下的主流浏览器中可以正常运行。

大家先不要急着下载代码,你随时都可以下,我们来分析下代码(代码中我已经写了很详细的注释),要之其所以然,在解读别人的代码中学习提高自己,然后可以灵活运用,这个才是我将这个效果贴出来的主要目的,代码如下:[...]

Javascript IDE - Aptana Stuido

Aptana Stuido

Build your web applications quickly and easily using the industry leading web application IDE -- Aptana Studio.

Introduction:

Aptana Studio is a complete web development environment that combines powerful authoring tools for HTML, CSS, and JavaScript, along with thousands of additional plugins created by the community.

个人简介

yaohaixiao
  • 姓名:姚海啸
  • 年龄:28岁
  • 学历:大专
  • 职业:前端工程师
奋斗目标:成为顶尖的前端工程师

我的作品

订餐小秘书官网 荆楚网新闻频道首页 爱唱久久官网 武汉联通互动CLUB

Javascript 好书推荐

Javascript高级程序设计

Javascript设计模式

Copyright © 2008-2010 yaohaixiao.com, All right reserved.    ICP备案:鄂ICP备08000339号