ThaddeusJiang

// ok
host=xxx yarn start
// ng
host=xxx && yarn start

当使用 && 分隔时，其实是两条命令。 要想使用 && 分隔，环境变量要export。

ThaddeusJiang

背景

React App 使用 React Router 定义路由，然后我们通过 React App 可以跳转到指定路径下。 如果你把浏览器的 Network 检测打开，你就会发现 React App 中路径变化时，并没有任何网络请求。 这是 SPA 的特点

问题

App 有一个画面/page1/，本地开发时 /page1/ 可以正常访问。 但是当 App 部署到服务器（如 Apache），配置入口（如 /app/），并在后台服务中做权限认证等工作时， 浏览器直接访问 /app/page1/ 时，出现 404。

ThaddeusJiang

PWA（Progressive Web Apps），渐进式Web应用程序。

简单Google了一下，简单说就是 Web App 想挑战 Natural App。 特点超级多，主要的3个特点：

1. 在低版本浏览器中正常运行，在新浏览器中表现超级好。
2. 虽然是 Web App，但是可以安装到桌面，还能离线运行，简直像 Natural App 一样丝滑。
3. 快

---

ThaddeusJiang

TODO:

顺便总结一下，为什么不用 CSS，而用 Less。为什么不用 sass。

postCSS 好处

css modules 好处

ThaddeusJiang

场景

公司 github，要求每3个月改一次密码。

我昨天刚刚改密码，所以今天 git push 时需要使用新的 password。

git config credential.helper store

ThaddeusJiang

• 更换主题颜色 customize
• 国际化 i18n
• 自定义图标 webfont

ThaddeusJiang

+ - * / 没有必要

{
    "no-mixed-operators": [
        "error",
        {
            "groups": [
                ["&", "|", "^", "~", "<<", ">>", ">>>"],
 ["==", "!=", "===", "!==", "&gt;", "&gt;=", "&lt;", "&lt;="],

ThaddeusJiang

{
"arrow-parens": [0, "as-needed", { "requireForBlockBody": true }],
}

ThaddeusJiang

comma-dangle

{
    "comma-dangle": [
      "error",
      {
        "arrays": "always-multiline",
        "objects": "always-multiline",
 "imports": "always-multiline",

ThaddeusJiang

semi

{
"semi": ["warn", "never"],
}