西门的后花园

一个热爱网络的年轻人的博客

JavaScript和jQuery的DOM操作对比

现如今主流网站jQuery占有率超过70%,大部分几年工作经验的前端都非常熟练的使用jQuery,但没多少同学会去看一些基础的JavaScript,其实是很可悲的。一方面是jQuery已经做好非常容易上手,可以解决绝大多数问题,另一方面,这几年前端界实在是发展太快了,新技术层出不穷,同学们都眼花缭乱不知道学什么。

iOS Safari里,获取网页窗口的正确高度

月初优化移动端下拉加载插件dropload的时候,发现一个iOS Safari的bug。我的目的是想不论是第一次加载页面、之后刷新页面或者浏览器窗口变化的时候(resize),都可以获取到当前正确的窗口高度。结果简单一句$(window).height()居然办不到。没办法,只有慢慢测试,加上求助于同事。之后同事搜到一篇国外文章,算是解决了这个问题。由此可见懂英文的重要性!

移动端下拉刷新、上拉加载更多 Zepto/jQuery插件

去年国庆后,手上项目不多,研究了下手机浏览器里下拉刷新、上拉加载更多这种效果,当时效果是仿照微博客户端来弄的,写了个简单的demo就放在GitHub上没管他了。

swipeSlide for Zepto/jQuery Plugin,移动端(基于Zepto/jQuery)的轮播插件

很多新手朋友经常在群里问,需要移动端手机上幻灯片图片轮播js特效源码。因为我们有同事已经写好了轮播js模块,我每次都是直接调用代码,没怎么写过,所以也帮不上忙。最近手头不忙就自己琢磨着写了swipeSlide玩玩。swipeSlide使用是原生js来处理touch事件,还特别加入Zepto或jQuery的支持,使这个插件可以更灵活,让大家有更好的选择。

jQuery仿8684广告聚焦框

前几天网上查武汉地铁站点的时候,发现8684武汉地铁页面的一个广告聚焦框挺有意思的,所以打算仿一下。
给各位的一个建议,仿特效的时候,不要去看源代码,先按照自己的思路做一次,不管好坏,做完了或者实在做不出来,再来看源代码。前端工作有个好处,就是基本上所有特效都是开源的。

jQuery弹出层始终垂直居中

一般网站上肯定有一些弹出框,不论弹出框的大小,都需要他在当前窗口垂直居中。之前手上就有一个jQuery的例子,后来才发现,他只能在第一屏垂直居中,如果滑动滚动条,弹出的框就在上方,不是很方便。请教朋友后稍作修改,成了现在的例子。

jQuery滚动图片特效,jQuery无缝滚动图片代码

公司网站要用到jQuery横向滚动图片特效,当时我为了速度,直接找了一段jQuery代码放上去了。缺点有两个:一、主管不满意,他需要的是连续不断的滚动,就是无缝滚动,而不是滚动一张图片,等一下再滚动一张图片;二、代码有个地方浏览器报错,我不知道为什么,但是删了也不行,必须要。

jQuery实现仿百度有啊图片震动效果

今天朋友Q我,说他的手机掉了,然后给我新手机号,也找我要了我的手机号。因为今天iphone 4国内开始销售嘛,我就跟他开玩笑,旧的不去,新的不来。丢得正好买个iphone 4爽爽!他说他买了Nokia X6,我就去百度了一下。百度还是很推荐自己的产品的,第一名是有啊,进去看了一下价格和参数,无意发现最下面的手机图片展示鼠标划过有震动效果,下班回家就写了几句,搞定。

jQuery实现WordPress读者墙、排行榜图片放大效果

开始先打个岔。作为一名敲代码的人员,我已经两个多月没有折腾博客了,可以翻翻我“折腾博客”目录下面的文章。而一位名叫求索阁的朋友,前天和今天都在我的留言板里留言我说没折腾博客,原来我的懒惰影响到大家的不满啦…赶紧发个准备放到自己写的主题里面的小效果出来,不然再被人骂就很丢人了!(自己写的主题估计今年年底都出不来,没什么创意…)

jQuery cookie保存背景颜色、字体颜色和字体大小

因为工作需要,小说网站内容页都会有改变背景颜色、字体颜色和字体大小等选项,所以昨天花时间研究了一下。无意间发现jQuery还有cookie这个插件,我一开始以为jQuery自带这个属性,和Ajax差不多。所以就简单的学习了下这款插件的用法,简单的模仿出一个demo,功能都有了,到时候小小修改就可以上战场了。

分类目录