riskers

yarn.lock 与 node_modules 保持一致

• yarn add xxx 添加新的 package，同时更新 package.json、yarn.lock
• yarn upgrade xxx 更新 package，同时更新 package.json、yarn.lock

这样操作过后，我们把 yarn.lock push 到代码仓库中

node_modules 与 yarn.lock 保持一致

团队使用 Yarn 来管理模块依赖，这样只能保证大家的 yarn.lock 是一致的，但不能保证大家的 node_modules 是一致的（因为 node_modules 并不在版本库里）。要是有人升级了模块，别人拿到了新的 yarn.lock ，但是本地的 node_modules 里的模块仍然是旧的。

riskers

simple

• 开发: devServer || CORS
• 部署: nginx

---

web -> nginx -> Java

---

riskers

Promise

基本结构

// 创造 Promise 实例

//Promise构造函数接受一个函数作为参数，该函数的两个参数分别是resolve和reject。
var promise = new Promise(function(resolve,reject){	
	//... some code

riskers

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      title: 'Fultter',

riskers

DefinePlugin 定义全局变量

可以根据测试和线上注入全局变量来动态控制逻辑

// webpak.config.js
new webpack.DefinePlugin({
    'ENV': JSON.stringify(process.env.ENV)
})

riskers

Git 协作流程

master 分支

master 永远处于稳定状态，这个分支代码可以随时用来部署。不允许在该分支直接提交代码。

develop 分支

开发分支，包含了项目最新的功能和代码，所有开发都在 develop 上进行。一般情况下小的修改直接在这个分支上提交代码。

riskers

import 'package:flutter/material.dart';

Widget helloRect() {
  return Container(
    color: Colors.purple,
    width: 200,
    height: 200,
    margin: EdgeInsets.all(16),
    child: Center(child: Text('Hi')),
  );

riskers

| - your-theme
  | - images              # 主题相关图片资源
  | - header.php          # html 头部模板
  | - footer.php          # html 尾部模板
  | - index.php           # 首页模板
  | - single.php          # 文章模板
  | - page.php            # 页面模板
  | - style.css           

riskers

<Router>
  <div className="router-container">
    <Route exact path="/" component={ Home } />
    <Route exact path="/search" component={ Search } />
  </div>
</Router>

比如现在搜索要搜 t: text 和 s: abc，路由应该是 /search?t=text&s=abc

riskers

import { combineReducers } from 'redux';

import globalDate from 'reducers/globalDate'
import permission from 'reducers/permission'

const createReducer = function (reducers) {
  return combineReducers({

    /* 公共 reducers，无论一开始在哪个路由下，都会载入 */
    globalDate,