ThaddeusJiang

查看 MacOS 自带 Apache2 版本

$ apachectl -v

启动 Apache2 后，浏览器打开http://localhost ，显示It works!说明Apache已经启动。

$ apachectl start

Apache的默认根目录/Library/WebServer/Documents

ThaddeusJiang

为什么需要CSS模块化？

CSS 问题：

1. 全局污染
2. 命名混乱
3. JS CSS 无法共享变量 复杂的组件有时需要使用 JS 和 CSS 共同处理样式
4. 代码压缩不彻底 因为全局污染问题，超长 class 名，无法压缩到极限。

ThaddeusJiang

不好的例子

const db = require('db').connect();
const mailer = require('mailer');

module.exports.saveUser = (event, context, callback) => {
  const user = {
    email: event.email,
    created_at: Date.now()
  }

ThaddeusJiang

What

CI（Continuous integration） 频繁的将代码集成到主干。

一般流程：提交、测试（单体）、构建、测试（第二轮，无法自动化的测试用例，需要人工测试）、部署。一旦当前版本发生问题，要回滚到上一个版本的构建结果。

集成到主干，这步应该是一个 PR。 部署（上传代码，重启应用）

我的要求

ThaddeusJiang

设置 hosts

编辑文件 /etc/hosts

格式 ip name

127.0.0.1 localhost

ThaddeusJiang

1. 一句话说明 bug 内容
2. bug 现象（截图）
3. bug 原因
4. fix 方法
5. fix 具体修改（commit link） GitHub 自动关联 issue 和 commit
6. 集成测试影响范围
7. 集成测试用例

ThaddeusJiang

修改 Mac 终端， 隐藏主机名和用户名

让你的 Terminal 变得干净，简洁。

vim ~/.bash_profile

export PS1="\W \$ "

ThaddeusJiang

```js
function getUrlParam(name) {
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
  var r = window.location.search.substr(1).match(reg);  //匹配目标参数
  if (r != null) return decodeURI(r[2]); return null; //返回参数值
}
```

ThaddeusJiang

```js
function getParam(name) {
  var reg = new RegExp("(^)" + name + '=([\\s\\S]*)($)');
  var r = window.location.search.substr(1).match(reg);
  return r != null ? r[2] : null;
}
```

ThaddeusJiang

()表示子表达式，子表达式可以获取供以后使用。

function getParam(value) {
  var reg = new RegExp('^name=([\\s\\S]*)$');
  var result = value.match(reg);
  return result != null ? result[1] : null;
}

console.log(getParam('name=jifa'));