Mongoose用法笔记

2018-01-10

本来新年第一篇博文理应是2017年的总结。客观+主观原因，一直拖着难产不出。近期工作这边有需求，APP这块一个独立的业务搭建一个迷你小后台。既然是迷你小后台，应该找不出Express+Mongo以外更好的选择了吧。node和mongo结合，最通用的就是mongoose这个库，操作使用都很便利，简单。在这里笔记总结一下

more >>

展开全文 >>

React代码整洁之道笔记

2017-12-08

因为RN开始接触React，JSX相比HTML，更加简明。由于All in JS，如果在编写React代码的时候不注重代码的规范和整洁。后期维护起来会相当的痛苦。

正如文章所说:编程也是艺术行为，当我们丝毫代码复用、变量命名时，就是在进行艺术的思考。

more >>

展开全文 >>

Express配合MongoDB简单使用

2017-12-06

快速开发一个web接口，应该没有比Express+mongoDB更快/更简单的组合了。这里简单总结一些使用nodeJs的mongoose模块链接和操作mongoDB。

Express:

基于nodejs快速、开放、极简的web开发框架,怎么安装就不在赘言。这里要说的是如果使用node命令启动server，每次修改文件都需要Ctrl+c非常麻烦。这里可以使用nodemon自动重启，监听路由和响应内容.十分方便

1	npm install -g nodemon

Express的一些特性：

app.get、app.post分别开发get和post接口
app.use使用模块
res.send、res.json、res.sendfile响应不同的内容

使用起来非常简单，半个小时不到就能上手

mongoDB

Mac的话,安装mongoDB非常简单

1	brew install mongodb

搞定.

通过命令后台启动

1	mongod --config /usr/local/etc/mongod.conf

之后再开一个终端窗口

就证明mongo安装成功咯。

more >>

展开全文 >>

CSS混合模式

2017-11-18

前几天在一个一个技术网站看到了一篇通过CSS3特性，完成酷炫效果的文章。在公司搞App移动端以来，好一阵没有写纯粹的html和css了。今儿学到了一个以前不知道的CSS3属性：混合模式。

关于混合模式

CSS3出现了两个与混合模式有关的属性，mix-blend-mode和background-blend-mode.

兼容性如下：

可见，Chrome和FireFox已经支持了，并且不需要使用前缀。

more >>

展开全文 >>

比Redux简单太多的Mobx

2017-11-18

unhappy with redux? try mobx

相比上手/操作及其繁琐的Redux，用Mobx做状态管理，最直观的感受是爽爆了。

Mobx是一个非常直观的状态管理库，使用非常简单。通过Mobx，使react 关注的状态(state)到视图(view)的问题。而 mobx 关注的是状态仓库（store）到的状态(state)的问题。

废话不多说，这里通过一个最最简单的例子来感受基于RN的Mobx。

more >>

展开全文 >>

函数式编程与Redux

2017-11-15

说道函数式编程，JS这边Redux是代表中的代表。

以Redux的reducers函数为例，它是标准的纯函数，这里举个最简单的例子，说明为什么要用纯函数：

首先是源码

unction posts(
  state = {
    isFetching: false,
    didInvalidate: false,
    items: []
  },
  action
) {
  switch (action.type) {
    case INVALIDATE_SUBREDDIT:
      return Object.assign({}, state, {
        didInvalidate: true
      })
    case REQUEST_POSTS:
      return Object.assign({}, state, {
        isFetching: true,
        didInvalidate: false
      })
    case RECEIVE_POSTS:
      return Object.assign({}, state, {
        isFetching: false,
        didInvalidate: false,
        items: action.posts,
        lastUpdated: action.receivedAt
      })
    default:
      return state
  }
}