??????
????????es2015??babel????????????????????????Ч??????????vue??react??????????????á?????????react??antd????????????????????????????????????????????????????????????о????????????????
????antd???
????antd??????????μ? ?????????鼼???? ?????????UI???????????????????????淶?????????????antd????React??????????????????????????????????????????????????????????????????????????antd???DA???????????????????
????????????
???????е??????????????????????????????????????antd ?????????? antd ?????React?????????????????????????????????????????????????
???????????????
????antd ??????????????????????
???????и??????????????????????????
????????????????????????б?
????????б??н?ReactElement?????????React?????
??????δ?????????????????????????
???????????????????????cpu?????????
????????????????????????????п???????????? ?????????????????e??????????????????????????????????????????
????????????
???????: Thinkpad x260 ????
????CPU: intel(R) Core(TM) i5-6200U CPU @ 2.3 GHz 2.4 GHz
???????: 8 GB
????Chrome ?汾: 61.0.3135.5 ??????汾??dev ??64 λ??
???????汾
??// package.json
????{
????  ...
????  "dependencies": {
????    "antd": "^2.11.2"??
????    "babel-polyfill": "^6.23.0"??
????    "camel-case": "^3.0.0"??
????    "classnames": "^2.2.5"??
????    "es6-promise": "^4.1.1"??
????    "history": "^4.6.3"??
????    "immutable": "^3.8.1"??
????    "isomorphic-fetch": "^2.2.1"??
????    "matchmedia-polyfill": "^0.3.0"??
????    "moment": "^2.18.1"??
????    "prop-types": "^15.5.10"??
????    "qs": "^6.5.0"??
????    "react": "^15.6.1"??
????    "react-dom": "^15.6.1"??
????    "react-redux": "^4.4.8"??
????    "react-router": "^4.1.1"??
????    "react-router-dom": "^4.1.1"??
????    "react-router-redux": "^5.0.0-alpha.6"??
????    "react-trigger-change": "^1.0.2"??
????    "redux": "^3.7.1"??
????    "redux-thunk": "^2.2.0"??
????    "request": "^2.81.0"??
????    "request-promise-native": "^1.0.4"??
????    "should-update": "^2.0.0"??
????    "urijs": "^1.18.10"??
????    "uuid": "^3.1.0"
????  }??
????  ...
????}
???????????
????1??Demo ?????https://github.com/assweeecan/antd_performance_test ?????к??http://localhost:8330/ ??
????2??Demo ?????????https://assweeecan.github.io/antd_performance_test/dist/index.html#/select-page
????3??????°? Chrome
????4???????? Performance ????汾???? Timeline ??

???????????л???? Scripting ????? js ???????????? Rendering ?????????????????????????????????????? Painting ????????????????????????? ??????У?Scripting ??????????? React ?? diff ?????????Rendering ?????????? Dom ??????? ???? performance ?????????????? ??????÷???????????
??????????????
????1. ???????ó????????????ú??????????
????2. ?????????
????3. ??????? -> Performance
????4. ??? Screenshots ?????????????????????????????
????5. ???“??????”
????6. ???????е?"???????"???????????“??????”
????7. ?????????“???????”???????????е?“?????”
????8. ??????????
????Checkbox ????
???????????????????????????antd ???????????????
???????????????????????????????????????? ?????????? antd ???????????? checkbox ??????????泬?? 500 ?? checkbox ?????????????
?????????棺https://assweeecan.github.io/antd_performance_test/dist/index.html#/checkbox-page
??????????????

??????????? Rendering ????? 2808ms??????? Dom ???????
??????????????????????????????п???????????μ??????????????? checkbox ????к????????????ж???????? css ?????????????????????? css ????????????????????? css ???????????????
?????????棺https://assweeecan.github.io/antd_performance_test/dist/index.html#/checkbox-optimized-page
??????????????

???????????Rendering ????? 1445ms ?????????????????????????????Ч????????????????????????????????????????
?????????????????????? checkbox ??????????? checkbox ?????????????????????????顣