jQuery 缓动菜单
Aug 3rd, 2008 - JavaScript整理东西时发现了,发现了这个jQuery做的缓动菜单,是仿照yupoo.com做的,CSS,HTML都是直接扣下来的.自己用jQuery重写了一遍.不过这个菜单由于图片位置的关系,是将图片做为背景,所以在实际项目中需要用到Json或直接加内联样式.
效果见:http://work.lineks.cn/easy-moving-menu
直接看jQuery代码:
整理东西时发现了,发现了这个jQuery做的缓动菜单,是仿照yupoo.com做的,CSS,HTML都是直接扣下来的.自己用jQuery重写了一遍.不过这个菜单由于图片位置的关系,是将图片做为背景,所以在实际项目中需要用到Json或直接加内联样式.
效果见:http://work.lineks.cn/easy-moving-menu
直接看jQuery代码:
经过这几天的继续使用,我对Prototype的态度有所改变,Prototype还是一个很优秀的Javascript库,感觉Prototype和jQuery不是同一个发展方向,jQuery是要做优秀的,全能的,轻量级的javascript库,而Prototype是要做最底层的,对Javascript简化简化再简化的Javascript"内裤"(内库->核心库).
上次的《Prototype太差劲》说话太轻浮了,不严谨,改一改,客观点.用Prototype有一段时间了,有了之前用jQuery的经验,上手很快.比较下吧,客观的讲,我还是非常喜欢jQuery
首先选择器Prototype虽然也支持CSS方式的选择,但是一些特效就必须用ID来选择,这是致命的,jQuery就不同了通过CSS选择出来的DOM照样可以加上特效.其次Protype方法的设计没有jQuery设计的好比如jQuery里的html(),Prototype里就只能innerHTML了,还有empty(),在jQuery中是清空节点内所有的内容,而Prototype居然是判断元素是否为空如果要实现让所有class="abc"的Element隐藏Prototype的方法很显然,jQuery的操作更加简洁,用起来更爽,很有快感.
再就是一些常见的特效Prototype需要Scriptaculous来完成,而jQuery就带有这些功能
使用Prototype要注意的一些东西,慢慢来总结
Element.show 引自Prototype API就是如果你在非内联的CSS样式用定义element的block为none时,element.visible()返回为真
没看到Ext效果之前,对它的态度一直是飘过.在最近的PHPer杂志上看到了Ext实例的效果,被它的UI功力所折服..乖乖的拜倒...正好最近需要做一个小东西,Ext.grid无疑是帮了大忙.按照实例模仿着,几天下来对Ext也有了更深的认识..并不像网上有些人说的用好Ext需要对JavaScript的OOP要有较好的了解..我对Ext的认识基本上所有的参数都是JSON的,参数中多一个或少一个','在IE下会报错,FF下则通过.IE下没什么好的调试工具,找的我好辛苦啊.Ext是更全面的Javascript框架,能够布局页面.不过感觉只适用于做后台,UI界面很漂亮.自带很强大的调试工具 - Ext.debug,界面类似Firebug,Ext.dump()方法可以输出数组,json方便了JavaScript调试.
不管是在窗口乱弹,广告乱飞,JavaScript被人滥用的Web1.0,还是在背景色黄褪,异步JavaScript,JavaScript被人合理使用的Web2.0.
JavaScript一直都扮演着一个很重要的角色--表单验证
表单验证也属于用户体验的范畴,规范用户输入,减小不规范输入导致服务器的压力,节省用户因输入错误导致的时间浪费
表单验证写起来不难,但是多了的话还是很麻烦的.我这次就偷懒了,找了个jQuery的插件--jQuery-validate表单验证插件
下面的是一个评论表单的验证写法
更多的参数配置可以看看官方的api文档
官方jQuery ValidateAPI文档
jQuery Validate作者博客及下载
现在来说jQuery 1.3发布有点过时了,并不能算是新闻咯,因为jQuery 1.3是1月14发布的(现在最新的是jQuery 1.3.1).
我一向对这些"时事"反应比较迟钝..也比较保守...
所以现在来说这个事,还是比较符合我的习惯的
简述jQuery 1.3版就是:性能提升很多...更强大.
性能的提升用图来说话吧
新的CSS选择器引擎Sizzle(关于Sizzle),比之前的引擎快49%(jQuery比Prototype好一大截哦~)过滤选择比之前快了30倍
重写了HTML插入
重写了offset
重写了hide/show
看下官方的说明Release:jQuery_1.3