随笔分类 -  jquery

关于jquery的一些技巧以及特效
摘要:最近客户需求老是变更,不过有些是因为客户催得急,我没有那么快能完成,所以先做了一个雏形给他们,后来再慢慢改。比如雏形那里我做了一个下拉列表给他们,事实上他们的数据有200多条,用个下拉列表的话很不现实,你能找那么多?而且那个下拉列表该有多长啊?所以很自然的,我想到了百度那个智能提示的功能。参考了一下之前忘记是哪位大侠写的东西,他的是使用百度api的,为了简单起见,我把数据都定在了js那里,这样看官们容易理解一些。还是整个代码考上来吧,代码不长。 大家复制代码的时候记得把jquery带上,不然出错了又要... 阅读全文
posted @ 2013-08-20 17:07 小五毛 阅读(3039) 评论(17) 推荐(4) 编辑
摘要:小生以实习生的职位进入了一家非纯软件的公司做asp.net开发,大半个月下来发现公司里居然没有前端工程师,这令我很诧异,跟着公司做项目,发现前端后台没有明显的分工,使用传统的WebFrom开发模式,一个Button都要返回服务器处理一次,服务器说它觉得很累。而我最近由于公司有很多很紧急的任务交给我,所以之前说的那个个人博客暂停了一下。由于我想尽量减轻服务器负担,尽量让一些逻辑在浏览器端完成,浏览器端与服务器之间仅有数据交换,尽可能地把逻辑留给浏览器端处理。显然,js的强大之处就显示出来了——当然,使用jquery框架也不错,但是我希望使用原生js,这样能达到深入理解的效果。我的目的是根据服务器 阅读全文
posted @ 2013-08-15 13:21 小五毛 阅读(6804) 评论(29) 推荐(2) 编辑
摘要:做web开发的朋友都应该掌握前端优化这个技巧,其中一个就是滚动延时加载。这个技巧应用在了很多地方,比如新浪微博网页版。为什么要延时加载呢?页面加载的时候就显示全部的图片不就得了?有必要多此一举吗?答案是肯定的。当要加载的图片或者内容很多时,如果一次性加载完毕,那么整个页面将会加载很久,意味着要用户等待很久,这是对用户不友好的。或许你还会问,那不就做个分页不就得了?其实这种滚动延时加载的技巧正是用来代替手动点击下一页的分页技术。每换一页都要用户点击一次,这也是对用户不友好的。所以才有了滚动延时加载。我这里把加载图片作为例子,就好像百度图片里的一样,你往下滚动,它就会继续显示下一页的图片。要求是这 阅读全文
posted @ 2013-06-24 02:26 小五毛 阅读(3198) 评论(4) 推荐(5) 编辑
摘要:自从接触了jquery就喜欢上了前端开发,而且深深感受到了前端开发的强大与重要之处。同时也想为asp.net鸣不平,事实上asp.net并没有臃肿,说它臃肿的人无非是那些不了解它的人,可能他们看见过一些asp.net低级程序员在不断往页面里拖控件,然后发现生成的页面中含有大量的垃圾代码,而且几乎把所有的逻辑处理都写在了服务器端,觉得服务器压力太大了。事实上,刚入门asp.net的人会有拖控件的习惯,但是当你再深入你会发现,最终asp.net的开发模式还是跟PHP、jsp等其它web开发模式是一样的,PHP是html+css+js+PHP语言,asp.net是html+css+js+C#语言,唯 阅读全文
posted @ 2013-06-15 20:14 小五毛 阅读(1695) 评论(4) 推荐(0) 编辑
摘要:上一篇博客里给大家带来仿win8动态磁贴的效果(详情点击这里),只是提供一个思路,更炫的效果只要你能想到,就能实现。接触jquery才两个星期,我已经有一些感悟,具体等我为大家带来另一种非常简单却很酷炫的效果再具体分析。今天给大家带来的是仿win8的Toast通知。还请各位大神勿喷,因为这个效果并不是我的重点,重点在实现这个效果之后的思考。其实非常简单,首先这个效果是这样的,点击按钮,在右上角弹出一个div,停顿一会儿自动消失。当然你可以有很多种实现方法,在这里我使用show+delay+hide方法。因为代码很少,直接贴上全码。<!DOCTYPE html><html xm 阅读全文
posted @ 2013-05-19 14:10 小五毛 阅读(1647) 评论(5) 推荐(3) 编辑
摘要:我个人表示非常喜欢微软新一代的产品,先不管它产品的成熟与否,但是它带来的是全新的产品。所谓全新,是指在用户体验上,苹果这些年的成功使得所有产品都在模仿它的界面,包括安卓在内,不知道大家的感觉如何,反正我是对这些圆角矩形产生了审美疲劳(苹果以及安卓的粉丝勿喷,这里仅仅是从界面上评价,事实上从整体上来说,微软还是有差距的),当年wp的推出让我眼前一亮,马上喜欢上了Metro风格的产品,直至今天wp8以及win8开始越来越成熟。相信大家喜欢这个界面无非也是喜欢它的动态磁贴。刚好今天研究了一下如何通过JQuery在网页上模仿这种效果,就贴出来给大家喷一下(我相信不少所谓大神都比较喜欢喷人,我的上一篇博 阅读全文
posted @ 2013-05-12 02:16 小五毛 阅读(4385) 评论(10) 推荐(2) 编辑