ThaddeusJiang

前台： 服务于客户，设计偏重用户体验、交互。 强调最大限度满足用户体验，吸引用户，同时关注竞争产品。

中后台： 大多服务于公司内部，设计偏重架构、模块扩展。 强调最大限度满足产品架构，逻辑的科学性，提高生产效率。

参考： http://www.blogjava.net/cheneyfree/archive/2016/02/29/429485.html

ThaddeusJiang

各种原因，

本周另外一个小组的代码merge到主分支，出现一个神奇的bug。 antd 的对话框（Modal）组件在关闭时，出现一个想写轮眼一样动画效果。 在线环境： Mac Chrome

猜测原因：

1. antd 版本升级出现的 bug

ThaddeusJiang

URL

// "/:id"
this.props.match.params.id
// "/:r/:g/:b"
this.props.match.params.r
this.props.match.params.g
this.props.match.params.b

ThaddeusJiang

因为之前 Windows 的问题 #29 ，将parceljs版本降到了 1.2.1，但是import 图片功能在 1.3.1 才可以用。 尴尬😅

parcel-bundler/parcel#389

ThaddeusJiang

遭遇 parcel 1.5.1 bug，windows 上 parcel index.html 无法启动

项目组新进成员，git clone 项目后，yarn start 无法启动。 进程停止，但是不结束，也没有任何error message。 现象：

C:\Users\...\Documents\GitHub\spage-pwa>yarn start
yarn run v1.3.2
$ parcel src/index.html --no-cache
Server running at http://localhost:1234

ThaddeusJiang

在知乎上看到这个词。 Site Project 可以理解成副业，但是它和副业还有一些细微的区别。 Site Project 需要给定一个时间和一个目标，而副业不需要。

参考

ThaddeusJiang

使用 parceljs + postcss

最近开了一个新项目，准备使用 Ant Design 作为前端UI框架。 时间紧，任务重，所以想找个最佳实践直接开始，Ant Design Pro 是首选。 但是有一个问题，Ant Design Pro 是一个基于 dva 的最佳实践，而我们项目不想引入 redux，烦。

然后我按照 Ant Design 的教程搭建了一个简单的项目，实现了CURD，实现了拖拽，实现了动画效果。一切看似很顺利。 但是，当我想要自定义样式时，出现了问题。我写的 less 无法反映到 JS 文件中。😭

期待的结果：

ThaddeusJiang

在实际项目中使用 React 时才发现，需要补的知识点那么多。😭

我使用 Parceljs 来打包 React 应用。

parcel build index.html

在 dist 中生成 4 个文件。

index.html
*.js

ThaddeusJiang

CSS 伪类

ThaddeusJiang

CSS 选择器

CSS 有多种选择器：

• 元素： 直接元素标签（html h1 div）
• 类：点（.）
• ID：井号（#）
• 属性：中括号（a[href="xxx"]）
• 后代（全部子元素）：空格
• 第一个子元素：大于号（>）
• 相邻元素：加号（+）
• 伪类：冒号（:），一共就那几种 :hover :visited