jqGrid使用整理 jqGrid是一款处理表格展现的jQuery插件,支持分页、滚动加载、搜索、锁定、拖动等一系列对表格的常规操作。以下是最近项目中实践jqGrid的整理 1、引入到项目中来 jqGrid的主页在http://www.trirand.com/blog/ ,上面提供了下载、demo、 ...
分类:
其他好文 时间:
2016-09-26 17:45:53
阅读次数:
204
早上本来想研究昨天晚上携程的那道题目的,但是感觉不知道如何下手,就研究了下如何实现无限滚动加载数据。 以前项目里也用到过,不过是别人封装好的,我只需要调用就好了。自己做还是遇到了点小问题。 1、如何确定滚动条的位置,其实想通了很简单的,就是利用scrollHeight和scrollTop以及可视区的 ...
分类:
其他好文 时间:
2016-09-18 11:46:36
阅读次数:
166
动态请求数据来更新页面是现在非常常用的方法,比如博客评论的分页动态加载,微博的滚动加载和定时请求加载等。 这些情况下,动态请求返回的数据一般不是已拼好的 HTML 就是 JSON 或 XML,总之不在浏览器端拼数据就在服务器端拼数据。不过,从传输量方面来看,返回 HTML 不划算,而在 web 传输 ...
分类:
Web程序 时间:
2016-09-13 13:14:29
阅读次数:
385
滚动加载数据的基本原理: 当滚动高度与可见高度大于或等于内容高度时,加载下一页的数据。 如下的例子, 如果是document出现滚动条,则 ...
分类:
其他好文 时间:
2016-09-06 13:55:38
阅读次数:
151
A页面通过ajax加载数据,并且是滚动加载效果,当滚动几个屏幕之后,进入新的链接页面B,再返回到A的时候,A页面的数据有需要重新加载,从头开始了,体验非常不好。 解决办法:1)hash;2)html5的history特性;3)localstorage/cookie等,综合而看localstorage ...
分类:
Web程序 时间:
2016-08-19 00:46:50
阅读次数:
160
var obj = {}; var pageIndex = 0; var pageSize = 6; var isLoad = true;//是否需要加载(到最后一页时,禁止滚动加载) var isRequest = false;//是否正在请求(正在请求时,禁止滚动加载) var rids = n ...
分类:
其他好文 时间:
2016-08-06 12:39:34
阅读次数:
227
web性能优化 简介 性能优化的第一准则:加缓存。几乎绝大部分优化都围绕这个来进行的。让用户最快的看到结果。 性能优化的第二准则:最小原则。绝不提供多余的信息。比如,静态资源(图片、css、js)压缩,图片的滚动加载,异步请求,http请求合并等。 性能优化的第三准则:分布、集群。当前,这个的前提是 ...
分类:
Web程序 时间:
2016-07-22 01:04:49
阅读次数:
172
1.新建项目 2.新建Model 3.数据访问接口 4.接口实现 5.api 6.Gulp文件 7.People模块为例, people-service.ts 8.people列表模块 people.ts 9.people模块的页面展现(模拟滚动加载) 11.源码 http://git.oschin ...
分类:
其他好文 时间:
2016-07-08 15:00:56
阅读次数:
178