阿辉博客

24小时发布分享:0篇     当月更新:0篇最新发布

渐进增强与优雅降级

一开始就构建站点的完整功能,然后针对浏览器测试和修复。一开始只构建站点的最少特性,然后不断针对各浏览器追加功能。 使用优雅降级方案,Web站点在所有新式浏览器中都能正...

闭关修炼PHP!

学习前端也有一段时间了,总觉得少点啥,总想自己处理一些后端的东西,可能学会某些东西会有成就感吧,今天开始 要好好加油学习PHP啦,争取2个月写一个项目出来!...

jQuery插件-lazyload.js图片延迟加载

一、插件介绍

jquery.lazyload.js 是一个用 JavaScript 编写的jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置.这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度.浏览器将会在 加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担.

二、插件作者下载地址


JS下载:http://en-lrcfy.cc/bcc/js/...

Swiper-免费开源强大的移动端触摸滑动插件

Swiper常用于移动端网站的内容触摸滑动

Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。

Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。

Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要选择!...

移动前端开发(一)

/* 判断是否为iPhone */function isAppleMobile(){ return (navigator.platform.indexOf('ipad') != -1);}/* 隐藏地址栏防止出现滚动条 */addEventListener('load', function(){ setTimeou...

媒体查询判断ipad和iPhone各版本

/* 判断ipad */@media only screenand (min-device-width : 768px)and (max-device-width : 1024px){/* style */}/* ipad横屏 */@media only screenand (min-device-width : 768px)and (max-device-width : 1024p...

html5语义化标签

在工作上虽然大多数都是移动端的webapp,但是用到的html5语义化标签还是不多,大部分还是以div这个容器为主,今天就来整理一下那些html5新增的容器标签。1、header,主要包括hgroup和h1-h6,可以是网页的头部,也可以是不同段...

移动前端开发总结

移动前端开发,也就是webapp,主要是针对Iphone、Android等高端手机。1、禁止用户屏幕旋转。这点可以肯定的说是做不到的,之前因为有项目需要禁止屏幕旋转,所以网上查阅了大量的资料,发现根本没有解决办法,在移动版webkit...

移动前端开发(二)

1. -webkit-overflow-scrolling:touchiPhone和ipad浏览长页面滚动时,会有滑动效果,但是当用一个div使其局部滑动时,可以滚动,但是那种滑动效果就没有了。一般这时大多数实现的方法是使用iscroll等第三方插件。但是后来...