摘要: 用jquery写代码的时候总是很方便,少写很多代码。那么为什么会这样呢?我觉得主要有三个原因:① jquery封装了获取dom的方法,只需要一个$就可以方便地获取你想要得dmo节点② 链式调用,比如你可以这样写代码:$("#a").show().height(20);而不需要这样写$("#a").s... 阅读全文
posted @ 2014-12-26 14:23 浩明1999 阅读(1504) 评论(0) 推荐(0) 编辑
摘要: 我猜你是在网络上搜索“ajax如何被搜索引擎收录”、“ajax SEO”、“ajax SEO友好”等关键词来到这里的。你可能已经很疲惫了,因为前段时间我也这样搜索,但是我发现搜索到的内容质量不高,有的只针对 google 的,有的不完整。但是,没关系。你只要再坚持一会,就可以真正找到解决方案了。我们都知道当搜索引擎的蜘蛛爬行到你的站点,然后收录你站点的内容。但是蜘蛛不执行js,也就是说如果你站点的内容是通过ajax动态加载的,那么搜索引擎是不会收录到这部分的内容的。如果我们的站点非常多的内容是通过ajax加载的,那么收录的情况将惨不忍睹。下面将围绕我最近在完成的一个需求来讲解我是如何做到aja 阅读全文
posted @ 2014-03-21 18:49 浩明1999 阅读(10286) 评论(5) 推荐(1) 编辑
摘要: 什么是图片惰性加载呢?顾名思义,惰性指的是我们只将用户视野范围内(浏览器窗口的可视区域)的图片加载,而用户视野范围外的图片先不加载,当用户看到这些图片时再做加载。这样做的好处在于哪里呢?1、用户访问速度上升了,浏览器的加载进度条很快就加载完毕。2、节省用户流量。那么如何实现呢?我们需要解决两个问题:① 如何知道用户是否能看见这张图片?②如何让看不到的图片不加载,而在需要的时候再去加载?先解决第一个问题:如何知道用户是否能看见这张图片?首先需要获取三个值,这些都可以通过javascript获取。①浏览器窗口的高度windowHeight②页面滚动的距离 windowPageY③图片距离页面顶部. 阅读全文
posted @ 2013-08-28 14:41 浩明1999 阅读(2636) 评论(2) 推荐(3) 编辑
摘要: 这里我们是采用SlipJs来实现的,比起自己从零开始,方便许多而且完美无BUGslipjs官网:http://www.slipjs.com/1、先看效果截图:2、在线演示http://www.slipjs.com/demo/img.html (手机访问)3、知道你懒得在手机浏览器输入这么长的地址,你可以用UC浏览器或者QQ浏览器扫描二维码:4、先来写HTML和CSS代码:<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" 阅读全文
posted @ 2013-03-22 15:50 浩明1999 阅读(1016) 评论(2) 推荐(1) 编辑
摘要: 这个版本增加了两个API,分别是:this.wide_highthis.parent_wide_high详细的用法请看SlipJs API详细 阅读全文
posted @ 2013-03-21 20:22 浩明1999 阅读(779) 评论(0) 推荐(0) 编辑
摘要: SlipJs3.0.0 的前身是aiweb,由于aiweb的下载量远远超出了我的意料所以我重写了aiweb,SlipJs无论从效率,接口,结构都比aiweb优秀。最新版的SlipJs请登录www.slipjs.com同时非常抱歉的是aiweb不再更新也不再提供下载了,如果你需要可以单独联系我:398791472@qq.com 阅读全文
posted @ 2013-02-20 11:25 浩明1999 阅读(562) 评论(0) 推荐(0) 编辑
摘要: refresh(core_width, width):当在滚动对象的大小发生改变时(如:当用户滚动到底部时你通过ajax加载新内容,这时元素的尺寸会改变)必须调用refresh方法。主要用处是让SlipJs及时感知尺寸的变化以便正常工作。// 参数说明:这两个参数都是可选的。// core_width: 滑动元素的宽度或者高度,单位为px(横向滑动时传递宽度,纵向滑动时传递高度)// width: 滑动元素的父级元素的宽度或者高度,单位为px(横向滑动时传递宽度,纵向滑动时传递高度)// 例如:var slipjs = slipjs('px',core);// 当元素的尺寸改变 阅读全文
posted @ 2013-02-20 11:25 浩明1999 阅读(2031) 评论(3) 推荐(1) 编辑
摘要: 开始之前你可以使用手机访问SlipJs的演示例子:slipjs.com/demo 二维码:下载SlipJs请访问SlipJs官方网站:www.slipjs.com除了这篇文章还另一篇进阶性的文章:SlipJs API详细进入正题 如何使用SlipJs,很简单只要两步:提示:具体如何使用SlipJs实现演示例子slipjs.com/demo中的效果,请下载并参考演示例子的源码,下载地址:www.slipjs.com第一步: 载入slip.js,你只需下载并在你的页面中载入slip.js;第二步: 使用函数slip(mode, core, para);该函数有三个参数: 第一个参数:mode ,. 阅读全文
posted @ 2013-02-20 11:25 浩明1999 阅读(3766) 评论(3) 推荐(3) 编辑