How Hacker News

Posted on Edited on In , ,

如何写出像 HackerNews 这样的一个网站?
如何读懂基于 Vue.js 的 HackerNews Clone?
我能看到的是什么？我的思考方向应该是什么样的？

  • 这不是一个静态页面
  • Wikipedia: Hacker News is a social news website focusing on computer scicence and entrepreneuiship.
  • 论坛和新闻网站的分界。内容发布，内容来源，互动方式。
  • 任何人可以成为网站内容的发布者？网站用户基于网站内容实现了何种形式的互动？
  • 一个网站的核心价值所在？对内容发布者，对内容接收者。网站如何处理内容的呈现？
  • Hacker News Guidelines, submissions and comments
  • 某种类型的网站，站内内容由用户创造，网站作为一个平台，它所扮演的角色？
  • 如何使得合理的用户群体不断创造出有一定规范的内容
  • 像搜索引擎排名，如何科学地呈现内容，内容与内容间的价值判断，由简单到复杂
  • 内容少而精，简单如按时间；内容多而杂，算法中的因子与权重；
  • Hacker News API: New, Top and Best Stories
  • Hacker News Home; new; comments; show; ask; jobs; submit.
  • Guidelines; FAQ; Support; API; Security; Lists; Bookmarklet; Legal; Apply to YC; Contant.
  • login; Search
  • Items; Users
  • 按照规范格式提交信息，信息的集合，按照规范格式呈现信息
  • 用户，客户端，服务器，处理程序，数据库
  • HN’s official Firebase API; Vue 2.0; Vue Router; Vuex; server-side rendering
  • What and How
  • git clone https://github.com/vuejs/vue-hackernews-2.0.git
  • cloc vue-hackernews-2.0 –exclude-dir=node_modules >cl.txt
  • SUM code 10869

src/

  • api/
  • components/
  • router/
  • store/
  • util/
  • views/
  • app.js
  • App.vue
  • entry-client.js
  • entry-server.js
  • index.template.html

build/

  • setup-dev-server.js
  • webpack.base.config.js
  • webpack.client.config.js
  • webpack.server.config.js

public/
server.js
manifest.json
.babelrc
package.json
README.md