api使用 Hacker News API，前端框架使用Vue.js
.
├── LICENSE
├── README.md
├── dist
│ └── build.js
├── index.html
├── package.json
├── src
│ ├── components
│ │ ├── app.vue
│ │ ├── articleitem.vue
│ │ ├── asks.vue
│ │ ├── contents.vue
│ │ ├── jobs.vue
│ │ ├── navbar.vue
│ │ ├── news.vue
│ │ ├── shows.vue
│ │ ├── submits.vue
│ │ ├── tops.vue
│ │ ├── useritem.vue
│ │ └── users.vue
│ ├── index.js
│ └── style
│ ├── components
│ ├── font
│ ├── img
│ ├── includes
│ └── style.less
└── webpack.config.js
./src/components为页面组件./src/style样式开发基于 Less，font和img文件同样在此- 打包到
./dist/build.js
vue和vue-router实现前端页面和路由webpack打包构建- Style design
- Mobile-optimized
| # | 页面 | url |
|---|---|---|
| 1 | 首页 | http://albertaz.me/demos/hackernews/#/index |
| 2 | news页 | http://albertaz.me/demos/hackernews/#/new |
| 3 | top页 | http://albertaz.me/demos/hackernews/#/top |
| 4 | show页 | http://albertaz.me/demos/hackernews/#/show |
| 5 | job页 | http://albertaz.me/demos/hackernews/#/job |
| 6 | article conten页 | http://albertaz.me/demos/hackernews/#/contents?id=12476685 |
| 7 | user profile页 | http://albertaz.me/demos/hackernews/#/users?id=dfguo |
| 8 | user submissions页 | http://albertaz.me/demos/hackernews/#/submits?id=dfguo |
new 页按照time降序排序，其余列表页面按照score降序排序