炫意html5
最早CSS3和HTML5移动技术网站之一

vue.js 2.0案例 – HackerNews 克隆

HackerNews 克隆是基于 HN 的官方 firebase API 、Vue 2.0 、vue-router 和 vuex 来构建的,使用服务器端渲染。

Live Demo
注:如果在一段时间内没有人访问过该网站,则需要一些加载时间。

[Source]

特性

  • 服务器端渲染
    • Vue + vue-router + vuex
    • 服务端数据提前获取
    • 客户端状态 & DOM 合并
  • 单文件 Vue 组件
    • 开发时进行热加载
    • 生产时抽出 CSS
  • 使用 FLIP 动画进行实时列表更新

结构概览

Hackernew clone architecture overview

炫意HTML5 » vue.js 2.0案例 – HackerNews 克隆

CSS3教程HTML5教程