kibi 包括:
- 模板引擎
- URL 路由功能
- JSONP 实现
- 页面加载指示器
- 支持 pushState
示例代码:
<html>
<!-- use scripts as you would normally-->
<script src="/jquery.js"></script>
<!-- use the text/plain type to avoid evaluation -->
<script type="text/plain" data-kibi='{
pathname: /^\/$/,
location: "http://mydomain.com/examplejsonp?callback="
}'>
<p>Welcome to my site!</p>
<p>Here is some dynamic content:</p>
<p><% JSON.stringify(this) %></p>
<% kibi.template.footer() %>
</script>
<script type='text/plain' data-kibi='{id: "footer"}'>
<p>This is the footer.</p>
</script>
<script type='text/plain' data-kibi='{pathname: /.*/}'>
<h1>Not found.</h1>
</script>
<!-- load kibi last to make sure it can find everything -->
<script><!-- inlined kibi source code--></script>
</html>