这是前些天在公司的技术交流上做的总结，有些东西没有深入的讲。

tangram是什么

tangram是百度前端开发团队开发的一款JS框架，该框架具有一下特点：

• 可通过定制创建最适合的轻量级版本
• 多种机制实现扩展，良好的插件支持
• 丰富的中文文档以及案例，容易上手
• 全浏览器跨平台兼容
• 平滑的版本升级体验

tangram codesearch

tangram codesearch是一个tangram方法定制的工具，他可以定制你需要的tangram方法，将没使用到的方法去除，从而减少文件的大小，提升加载速度。

但在真正开发和使用这个工具的时候，你会发现这个工具很鸡肋，为什么呢？主要有下面几个原因：

• 项目之初你可能根本不知道你要用到哪些方法，可能只能将一些最基本的方法选定，待开发过程中慢慢去重新定制。这种方式非常耗费时间。
• 项目之初使用全部的tangram，项目完成时统计使用到哪些方法，然后将这些方法打包。首先统计需要耗费一定的时间，其次升级时都要做这个事情很麻烦。如果有哪个方法不在使用了，可能并不会删除。

上篇文章讲到如何使用ajax+pushState打造无刷新改变URL的方式。虽然这种方式是将ajax、history.pushState、history.replaceStatte、window.onpopstate等几个技术点结合，但在具体使用中还是要考虑到很多情况的，如：

1、改变内容的时候也要改变title

2、不支持的浏览器如何处理

3、事件如何绑定，是否使用了delegate模式

4、ajax异常处理

5、ajax前后的自定义事件等

介于有上面等多的疑问，将ajax和pushState封装下，供后面使用还是非常有帮助的。本文就是对pjax(ajax+pushState)的一个介绍

继续阅读 »