- 浏览: 436046 次
- 性别:
- 来自: 成都
文章分类
- 全部博客 (377)
- Java (66)
- C++ (0)
- VC++ (0)
- .net (1)
- css (36)
- 数据库 (22)
- html (2)
- extjs (1)
- jpbm (0)
- javascript (31)
- 物资管理 (1)
- java基础 (5)
- C# (0)
- Android (56)
- window service (1)
- 其他 (2)
- Web服务器 (7)
- jbpm (1)
- eclipse (2)
- tomcat (3)
- java字符串与二进制的相互转化 (1)
- Oracle 数据库 (6)
- FreeMarker (8)
- 浏览器 (1)
- php (1)
- photoshop (6)
- spring (4)
- spring mvc (2)
- Acegi (1)
- webStorm 3.0 (4)
- Mongodb (8)
- mysql (9)
- 软件开发:需求分析 (1)
- 把Java程序作为Windows系统服务 (1)
- nodejs (4)
- json (1)
- 缓存 (1)
- J2ee (2)
- Flash报表 (1)
- MyEclipse+Maven+Tomcat (11)
- 生活 (1)
- Ubuntu (1)
- Bootstrap (1)
- jquery easy ui (2)
- 敏捷开发 (1)
- phone gap (1)
- rest (1)
- 移动开发 (22)
- Redis + Jedis + Spring (3)
- anroid (7)
- grunt 教程 (7)
- PhoneGap (2)
- sublime text (7)
- mariadb (1)
- linux (1)
- maven (2)
- jquery (1)
- ActiveMQ (1)
- LVS Nginx (1)
- nginx (6)
- ngnix (1)
- 爱因斯坦 (1)
- 天干地支 (1)
最新评论
-
muqingren:
...
Maven多模块布局实例详解 -
shutear:
解决了我的难题,谢谢分享!
Unable to load configuration. - action - file:/D:/studytool/apache-tomcat-6.0.16 -
702346318:
[img][/img][flash=200,200][/fla ...
CAS单点登录完整教程(上)【转】 -
liuguofeng:
PersonS631887934 写道学习中。。 有个问题想请 ...
js constructor属性 -
S631887934:
学习中。。 有个问题想请教楼主为什么要加上Person.pro ...
js constructor属性
web2.0大量的ajax的使用,提高了ui交互的效率,但是过度的滥用会带来不少的问题。
ajax使用注意事项:
1 尽量避免使用同步ajax调用。在一些登录的场合常常使用同步调用服务器的登录接口。
同步调用,需要将页面上的所有元素给锁定住,代价高昂。
2 ajax调用时多使用超时设置,目前许多ajax框架如jquery都会提供超时参数的设置。
利用超时,可以很好的完善ui的交互,同时避免对服务器造成压力。
3 针对业务特性开启ajax缓存。不需要重新拉取的东东,尽量的缓存起来。
4 发送请求前对发送的数据进行pre验证,一方面可以做到对用户友好,另一方面避免太多的异常。
不小心的异常数据会导致服务器down掉。
5 对于服务器返回的数据也要仔细处理,不要相信其数据一定是格式化和验证好的。譬如对于json的数据,需要先判断相应的key是否存在,再进行操作,
否则会出现undifined的情况。
ajax请求处理一般的ui交互流程是这样的:
1 当发起ajax请求时,更新ui,譬如出现一个高亮的tip,提示用户操作开始进行
2 锁住需要更新的ui部份,同时提醒用户会什么会锁住,譬如将原div隐藏,加载一个正在加载的gif图标
3 数据成功返回后,更新ui,解除对ui的锁定
4 如果服务器返回失败,提示用户友好的失败信息
ajax使用中一些提示:
1 由于浏览器的同时向一个域名发起请求的并发数是有限制的,如ie默认的是2个,如果同时发起的ajax太多的话,是会被阻塞的。
2 返回的数据类型选择json而不是xml,一方面json数据格式会更小一些,另一方面接送封装成为一个js对象,操作起来性能会更好一些
3 尽量缓存能够缓存的内容,避免重复的发起请求
1)使用全局对象
2) flash的本地存储
3)google gears
4) ie的userData
网站优化过程常用的工具:
1 firebug和yslow,ff下常用的两个工具了
2 httpwatch和fiddler,对于网络时间的检测也不错
3 Task manager
4 js内存泄漏检测工具
5 观看优化的工具:
1)AjaxView
2)JsLex
3)YUI profiler
发表评论
-
Array.prototype.slice.call
2014-11-01 15:18 717在研究某个框架源码的时候,看到的。查了下资料,1.两个部分, ... -
深入理解jQuery插件开发
2014-11-01 12:17 459如果你看到这篇文章,我确信你毫无疑问会认为jQuery是一个 ... -
jquery 控制能输入数字和字母
2014-10-18 15:37 691内容",而"禁用输入法,获取剪切板的内 ... -
值得收藏的新jQuery插件
2014-09-25 22:39 6401) slideshow Really Simple S ... -
窗口大小 window.innerWidth 、window.innerHeight、document.documentElement.clientWidth、
2014-07-27 09:52 855/ Firefox、Chrome、Safari、Opera ... -
精选在线课程:前端开发入门、进阶与实战(中文系列)
2014-07-26 22:06 0在线教育的浪潮吸引了越来越多的网站加入,争相推出各种课程吸引 ... -
浏览器缓存机制
2014-07-26 13:19 629浏览器缓存机制,其实主要就是HTTP协议定义的缓存机制(如: ... -
JavaScript中双叹号“!!”作用
2014-07-25 23:20 462经常看到这样的例子: var a;var b=!!a; ... -
js中style,currentStyle和getComputedStyle的区别
2014-07-13 09:51 741<style> body{margin:0 a ... -
JS OffsetParent属性
2014-06-14 11:12 653offsetParent属性返回一个对象的引用,这个对象 ... -
javascript两行代码按指定格式输出日期时间
2014-05-11 14:33 621// <summary>// 格式化显示日期时间/ ... -
Js中sort()方法的用法
2012-10-12 11:25 1065关键字: sort, 排序方 ... -
网页常用特效整理
2012-04-21 17:37 9121.节日倒计时 < ... -
jquery validate自定义验证方法(转)
2012-03-30 10:55 1029// 身份证号码验证 jQuery.validator ... -
document.documentElement和document.body的区别
2012-03-13 12:00 781网页中获取滚动条卷去部分的高度,可以通过 document.b ... -
document.compatMode属性
2012-03-13 11:58 903document.compatMode用来判断当前浏览器采 ... -
js库建设方案
2012-03-13 11:58 1044前言: 自从互联网诞生之日起,JavaScript就成为 ... -
关于scrolltop 兼容 IE6/7/8, Safari,FF的方法
2012-03-13 11:57 21721、各浏览器下 scrollTop的差异IE6/7/8 ... -
IE内存泄露监测工具 sIEve介绍
2012-03-08 10:23 1243在IE下监控页面内存资 ... -
javascript操作Select标记中options集合
2012-03-04 22:36 755先来看看options集合的这几个方法: options.a ...
相关推荐
ajax js性能优化和内存泄露检测工具
可查询Alexa排名、ChinaRank排名、Google PageRank、搜狗Rank以及各大搜索引擎收录和反向链接个数.
Java优化编程(第2版)通过丰富、完整、富有代表性的实例,展示了如何提升Java应用性能,并且给出了优化前与优化后的Java应用程序的性能差别,以实际的实例与数字告诉你,为什么不可以这么做,应该怎么做,深入分析...
8.2.3 优化Ajax应用的执行速度 8.3 JavaScript的内存使用量 8.3.1 避免内存泄漏 8.3.2 Ajax的特殊考虑因素 8.4考虑性能的设计 8.4.1 测量内存使用量 8.4.2 简单示例 8.4.3 结果:如何将内存使用量缩减150倍 8.5 小结...
最后,我们将对程序进行全面测试和优化,确保程序的稳定性和高效性。通过本毕设的实践学习,我们可以掌握PHP+AJAX技术的应用和开发流程,提高自己的编程能力和综合素质。 总之,本毕设旨在开发一个基于{主机域名} ...
有时候我们需要隐藏播放器中的实际地址,如果直接显示会被用户直接下载,所以这里通过ajax获取地址这样就可以防止一些采集工具了。 1.增加手机端播放支持 2.修复第一版一些细节问题,优化核心AJAX方法 3.增加一个...
有许多类似的工具,包括一些内置于 IDE 的工具(我经常使用 PHPStorm,我推荐它)……但是,关键是这在您可能受到限制的情况下提供了非常快速的结果。 它使用 javascript/jQuery(包括在内)。 它针对现代浏览器...
#SeoCrawlerSeoCrawler 是为了优化整站主要使用 AJAX 技术的项目所开发的一个工具。不同于搜索引擎蜘蛛,SeoCrawler 的爬虫可以执行该页面上的 JS 脚本,并将执行完毕的页面抓取到本地。使用 SeoCrawler 的项目可以...
《高性能网站建设指南》一书介绍了如何针对网站中的Ajax、CSS、JavaScript、Flash和图片进行性能优化。每个性能规则都提供了示例,在本书的配套网站上可以找到代码片段。这些规则包括: •减少HTTP请求 •使用...
SDK工具:正在测试beta版的Sencha SDK工具,在第一版本中包括了优化工具、生成器和slicer工具。这些工具可让你优化Javascript程序,以确保主题能在IE6正常工作。 全新的图表库:ExtJS4中, 全新的、插件自由的图表...
关于javascript(js)和css压缩工具的使用,在之前的网 站性能优化工具-javascript压缩工具JSMin, javascript 压缩工具-YUI-compressor, javascript 压缩工具Dojo compressor ,javascript 压缩工具使用说明-...
1.基于ASP.NET+AJAX实现 2.可实现数据表的显示,无刷新编辑、排序、删除 3.其它小特点大家慢慢寻找和自己升级吧 4.两年前写的代码了,今天做了一小部分优化,发现BUG或哪些地方可优化,欢迎指教 上传后发现SQL脚本...
《高性能网站建设指南》一书介绍了如何针对网站中的Ajax、CSS、JavaScript、Flash和图片进行性能优化。每个性能规则都提供了示例,在本书的配套网站上可以找到代码片段。这些规则包括: •减少HTTP请求 •使用...
视图获取用户请求相关信息以及请求头 模板之继承 模板之导入 上节作业情况 自定义 simple_tag 自定义filter 自定义分页 Cookie是什么鬼 基于Cookie实现用户登录 基于cookie实现定制显示数据条数 带签名的Cookie CBV...
风轮机AJAX 一个简单,轻便,快速,跨浏览器兼容的AJAX工具。特征易于使用,紧凑,直观的API 常见AJAX任务的速记功能跨浏览器兼容使用请求堆栈,进攻速度很快有据可查如何使用提取基于文本的简单资源非常紧凑: wt ....
用HTML+CSS+JavaScript完成了网站页面设计,Xml完成App手机页面设计及优化前台,采用JQuery+Ajax页面无刷新的动态数据绑定技术响应用户的操作。网站后台网站使用C#语言和SQL-Transact结构化查询语言编写系统代码,...
书,涵盖AJAX、ASENET、PHP、SQL及相关领域。Cristian目前居住在Bucharest,Romania, 正在攻读分布式应用体系结构博士学位。他曾参与多个商业和研究项目,闲暇时也喜爱参 与社交活动并获得乐趣。如果希望联系他,...
327Effective前端30:使用响应式开发 336Effective前端31:明白移动端click及自定义事件 344Effective前端32:学习JS高级技巧 355第7章 运用恰当的工具 372Effective前端33:前端的单元测试与自动化测试 372...
Telerik 的 UI for ASP.NET AJAX(原名RadControls for ASP.NET AJAX) 是完整的 ASP.NET AJAX 用户界面开发工具集,拥有超过70种优化的 ASP.NET AJAX UI 控件,提供无与伦比的开发性能和用户体验,并能无缝集成...