你的位置:首页 > 软件开发 > Java > 【jquery仿dataList——性能优化】模板预编译思想提高性能10倍以上!!!

【jquery仿dataList——性能优化】模板预编译思想提高性能10倍以上!!!

发布时间:2012-03-22 02:00:33
前言 呵呵,当然,什么预编译什么性能提高5倍以上基本上市坑爹的,这里就是为了吸引阅读量,哈哈。上当的大哥主动顶下哇???正题之前针对这个专题也写了很多文章了,到今天一个基本的框架已经成型,最近做了一次优化——关于模板的。居然性能差距达10倍以上还真不是开玩笑呢!!!我先简要说明下这个插件的流程我们提供二维数据源+数据模板—&m ...

【jquery仿dataList——性能优化】模板预编译思想提高性能10倍以上!!!

前言


 

呵呵,当然,什么预编译什么性能提高5倍以上基本上市坑爹的,这里就是为了吸引阅读量,哈哈。

上当的大哥主动顶下哇???

正题


之前针对这个专题也写了很多文章了,到今天一个基本的框架已经成型,最近做了一次优化——关于模板的。

居然性能差距达10倍以上还真不是开玩笑呢!!!

我先简要说明下这个插件的流程

我们提供二维数据源+数据模板——》每行数据和数据模板进行数据组织生成最终html标签——》加入文档

【jquery仿dataList——性能优化】模板预编译思想提高性能10倍以上!!!

 

优化处理


之前处理起来便是进行正则表达式替换,反正功能达到要求了也就没有管那么多,今天突然想到一招预编译方法(其实有参照啦)

改了后明显感觉到数据变化,有图有真相,请看!!!

【jquery仿dataList——性能优化】模板预编译思想提高性能10倍以上!!!

【jquery仿dataList——性能优化】模板预编译思想提高性能10倍以上!!!

【jquery仿dataList——性能优化】模板预编译思想提高性能10倍以上!!!

【jquery仿dataList——性能优化】模板预编译思想提高性能10倍以上!!!

看见了差距了吧!!!

最后附上代码:

源代码


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html 

 

 

 

 

 

 

 

 

 

 

 

 

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:【jquery仿dataList——性能优化】模板预编译思想提高性能10倍以上!!!

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录