苏茂林

苏茂林, 个人博客, Kevin.Su's Blog, 关于前端技术!

hackathon blog

报名参加了 [北京] 6月4号,5号 项目实战之博客系统,虽然没能按时完成项目,但是还是收获很多的,在这里总结下,同事作为 hackathon-blog 的readme ,记录下遇到的坑坑坑……

hackathon-blog

参加活动 : 博客系统实践周末Hackathon

2016-06-04

遇到问题

1. express不是内部或外部命令

最新express4.0版本中将命令工具分家出来了(项目地址:https://github.com/expressjs/generator)所以我们还需要安装一个命令工具,命令如下:
npm install -g express-generator

2. passport & passport-local 的认证问题

参考:
  1. Easy Node Authentication: Setup and Local

  2. express-passport-quick-getstarted

  3. 使用passportjs进行登录验证

  4. Express结合Passport实现登陆认证

  5. passport doc 官方文档,先看了几个例子,看完官方文档,豁然开朗了,使用了不同的方法去通过认证

3. install phantomjs error

当时没遇到这个问题,当时的网络自带翻墙功能,回来再次安装的时候报错,无法安装,参考 ,就可以解决了

2016-06-05

react & redux & react-router

相关工具

  1. redux-devtools-extension
  2. react-devtools

资料

  1. React+Redux系列教程
  2. Redux 中文文档
  3. 文档收集

2016-06-06

两天的 hackathon 活动,感觉到自己的不足,要恶补下自己的基础知识了,首先完成这个blog 的认为

  1. passport-local 认证 【** 2016-06-08 18:04:17 ** 完成】
  2. react & redux 登录注册页面
  3. blog 编辑器
  4. blog 列表(编辑删除),tag 功能!

2016-06-07

The Little MongoDB Book 中文版 - v1.0 【介绍的很全面,很适合入门!】

2016-06-08

疑问

  1. chrome plugin Postman 中 body 类型: form-data, x-www-form-urlencoded, raw, binary 的疑问区别

    在hackathon-blog 活动中 推荐使用的postman 并且@hain 演示推荐了 raw 的方式提交数据,回来自己再弄,可是怎么也体检不成功了!一直怀疑自己 body-parse 模块配置有问题,看了下面的文章才豁然开朗

四种常见的 POST 提交数据方式

总结下:

  • x-www-form-urlencoded 是from 表单默认提交方式, Content-Type: application/x-www-form-urlencoded
  • form-data 是form 上传文件 时候用到的方式, Content-Type: multipart/form-data
  • raw 是自定义 提交表单的格式 的,后面可以选择application/json 或者 application/xml 等方式,等同自定义了 Content-type的类型;
  • binary 根据以前上传文件的理解,是最新的通过二进制的形式上传数据

2016-06-12

端午前接口按规划的弄好了,按计划改实现react & redux 登录注册页面了,

2016-06-15

已读

  1. 【译】展望2016,React.js 最佳实践 (中英对照版)

    很概况全面的介绍了下 react 中用到的相关技术

  2. 如何学习React

    怎样学习 react 系列

  3. Redux是如何工作的 (一)

    redux 通过管理state 树来管理 react 组件熟的更新

  4. React知识库内容精选:10篇文章让你迅速了解该框架

未读

  1. 【系列】和我一起实战react

  2. 【系列】基于CNodeAPI使用react开发一个完整的Web应用

2016-07-06

上面是关于react 资料的搜集,内容太多,后面参照hackathon-blog 中给出的关于react的资料: React课程学习, 整个资料循序渐进,挺易懂的!关于学习过程中的问题单开一章: React课程学习