西门的后花园

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

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的支持,使这个插件可以更灵活,让大家有更好的选择。

Zepto picLazyLoad Plugin,图片懒加载的Zepto插件

支持img标签图片懒加载、div标签(或者其他标签)的背景图片懒加载;
支持预加载。默认是图片出现在屏幕时开始加载,可以设置threshold参数,如threshold:100,此时图片出现在屏幕之前100px时开始加载;
背景图片懒加载时,自动添加base64的1*1透明图片做默认背景图。也可以自定义默认背景图,参数为placeholder。

移动端网页制作入门之二:移动端与PC端间的不同特性

在手机浏览器里打开一个网页,如果没经过优化,你会发现,网页会占满整个屏幕,而且文字都很小。这对手机用户是非常不好的体验,这里涉及到的知识叫viewport。加上这个meta标签后,页面就会按照手机的屏幕来适配了。

分类目录