“个人网站”开发实战 第六课

更新最近博文

讲师：翟路佳

本节课程大纲

本节课以开发为主，这里简单罗列下用到的语言要素。

1. Ajax
2. Handlebars
3. localStorage

Ajax

jQuery.ajax()

jQuery.ajax({
  url: 'http://blog.meathill.com/rss2',
  dataType: 'xml',
  success(response) {
    // 渲染
  }
});

Handlebars

官方网站

<script id="entry-template" type="text/x-handlebars-template">
  <div class="entry">
    <h1>{{title}}</h1>
    <div class="body">
      {{body}}
    </div>
  </div>
</script>

var source = $("#entry-template").html();
var template = Handlebars.compile(source);

localStorage

文档

// 保存数据
localStorage.setItem("username", "John");

// 读取数据
alert( "username = " + localStorage.getItem("username"));

开发“最新博文”模块

作业

1. 参考教程，开发“最新博文”模块

扩展阅读

1. 跨域
2. 使用 V2EX API，动态加载“我”的信息