https://github.com/mhbseal/blog
https://github.com/tyrocjh/my-blog-demo
technology: gulp, react, react-router, fetch, express, mooogoose, ckeditor, jwt, bcrypt, passport, spider
gulp: http://www.dbpoo.com/getting-started-with-gulp/
ckeditor: http://sdk.ckeditor.com/samples/fileupload.html
spider: http://www.cnblogs.com/coco1s/p/4954063.html?utm_source=tuicool&utm_medium=referral
spider data: comment, user
comment model why use this struct? article: { id: Schema.Types.ObjectId, typePath: String },
css.map
upload.js / model article.js / component admin article.js ...
list page 删除一条数据后，需要重新发送请求，渲染页面吗
编辑的时候可以传值，不用再call一次api？
list page (article list / articletag list) abstract
router controller crud/err abstract
abstract anything can be abstract
<script src="http://cdn.ckeditor.com/4.5.9/standard-all/ckeditor.js"></script>redis??
node task -> spider
desktop and mobile style improve
前后台应该分开2个入口文件（这样可以分开加载不同的js、css文件）
next prj: front-end first(data mock): es6 react-redux(redux-devtools, reducer?), ant-design, webpack+gulp, docker, comment plugin react-boilerplate? front-back-end-seperate-use-nginx
fetch-api get method with params: [https://fetch.spec.whatwg.org/#fetch-api] var url = new URL("https://example.org/api"), params = { first: "x", second: "y" } Object.keys(params).forEach((key, value) => { url.searchParams.append(key, value) }) fetch(url).then(/* ... */)
function urlWithParams(urlString, params={}) { var url = new URL(urlString); var searchParams = new URLSearchParams(); Object.keys(params).forEach((key) => { searchParams.append(key, params[key]); }); url.search = searchParams.toString(); return url.toString(); }
路径（Endpoint） 路径又称"终点"（endpoint），表示API的具体网址。 在RESTful架构中，每个网址代表一种资源（resource），所以网址中不能有动词，只能有名词，而且所用的名词往往与数据库的表格名对应。一般来说，数据库中的表都是同种记录的"集合"（collection），所以API中的名词也应该使用复数。 举例来说，有一个API提供动物园（zoo）的信息，还包括各种动物和雇员的信息，则它的路径应该设计成下面这样。 https://api.example.com/v1/zoos https://api.example.com/v1/animals https://api.example.com/v1/employees
GET /zoos：列出所有动物园 POST /zoos：新建一个动物园 GET /zoos/ID：获取某个指定动物园的信息 PUT /zoos/ID：更新某个指定动物园的信息（提供该动物园的全部信息） PATCH /zoos/ID：更新某个指定动物园的信息（提供该动物园的部分信息） DELETE /zoos/ID：删除某个动物园 GET /zoos/ID/animals：列出某个指定动物园的所有动物 DELETE /zoos/ID/animals/ID：删除某个指定动物园的指定动物
过滤信息（Filtering） 如果记录数量很多，服务器不可能都将它们返回给用户。API应该提供参数，过滤返回结果。 下面是一些常见的参数。 ?limit=10：指定返回记录的数量 ?offset=10：指定返回记录的开始位置。 ?page=2&per_page=100：指定第几页，以及每页的记录数。 ?sortby=name&order=asc：指定返回结果按照哪个属性排序，以及排序顺序。 ?animal_type_id=1：指定筛选条件
状态码（Status Codes） 服务器向用户返回的状态码和提示信息，常见的有以下一些（方括号中是该状态码对应的HTTP动词）。 200 OK - [GET]：服务器成功返回用户请求的数据，该操作是幂等的（Idempotent）。 201 CREATED - [POST/PUT/PATCH]：用户新建或修改数据成功。 202 Accepted - []：表示一个请求已经进入后台排队（异步任务） 204 NO CONTENT - [DELETE]：用户删除数据成功。 400 INVALID REQUEST - [POST/PUT/PATCH]：用户发出的请求有错误，服务器没有进行新建或修改数据的操作，该操作是幂等的。 401 Unauthorized - []：表示用户没有权限（令牌、用户名、密码错误）。 403 Forbidden - [] 表示用户得到授权（与401错误相对），但是访问是被禁止的。 404 NOT FOUND - []：用户发出的请求针对的是不存在的记录，服务器没有进行操作，该操作是幂等的。 406 Not Acceptable - [GET]：用户请求的格式不可得（比如用户请求JSON格式，但是只有XML格式）。 410 Gone -[GET]：用户请求的资源被永久删除，且不会再得到的。 422 Unprocesable entity - [POST/PUT/PATCH] 当创建一个对象时，发生一个验证错误。 500 INTERNAL SERVER ERROR - [*]：服务器发生错误，用户将无法判断发出的请求是否成功。
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent