Node.js的客户端Web框架 kibi

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>

猜你喜欢

转载自blog.csdn.net/phj_88/article/details/81734927