這是 Oct. 28 ~ Nov. 01, 2020 間於推特上舉辦的趣味面試挑戰，四天期間共 517 人次閱讀、42 人 fork sandbox，最後收到九份回答，如果這是正式面試，將錄取 5 人、備取 1 人、拒絕 3 人，也就是成功率約六成。
面試時別急著跳進去回答問題，先拉高層次觀察問題的形狀，搞清楚 root cause 後再思考答案與解法
過程中多詢問主考官真正想達到的目地、目前為何採取此手法、現在的做法是否遇到困難、有無解法上的限制(time, mem, cpu bound)
| { | |
| "global": | |
| { | |
| "check_for_updates_on_startup": true, | |
| "show_in_menu_bar": false, | |
| "show_profile_name_in_menu_bar": false | |
| }, | |
| "profiles": | |
| [ | |
| { |
| { | |
| id: 'Root', | |
| initial: 'after map loaded', | |
| states: { | |
| 'before map loaded': { | |
| on: {}, | |
| states: {} | |
| }, | |
| 'after map loaded': { | |
| on: {}, |
redux is a global data management tool, not a proper state management tool, hence causing a lot of troubles
statecharts is an extension to Finite State Machine (FSM) which provides explicit and safe state management capabilities, perfectly fit for front-end development
statecharts had been used intensivelly in all industries (be it embedded systems, hardware, electronics, aeronautics, automotive, game development and more), it's us front-end developers late to the party
| // Available variables: | |
| // - Machine | |
| // - interpret | |
| // - assign | |
| // - send | |
| // - sendParent | |
| // - spawn | |
| // - raise | |
| // - actions |
| const once = useRef(false) | |
| useEffect(() => { | |
| if(once.current === false){ | |
| once.current = true | |
| // do things as were in componentDidMount | |
| return | |
| } |
| const T = { | |
| INT: 'INT', | |
| SIGN: 'SIGN', | |
| DOT: 'DOT', | |
| EXPO: 'EXPO', | |
| SPACE: 'SPACE', | |
| INVALID: 'INVALID', | |
| EMPTY: 'EMPTY', | |
| } |
| Bus App | |
| idle | |
| DOOR_OPEN -> loading | |
| loading | |
| DOOR_CLOSE -> stopped | |
| #要放 cond 因為 close 不代表有放入 cd | |
| loadError | |
| # | |
| stopped | |
| ON_EJECT -> idle |
| Bus App | |
| display | |
| RELOAD -> loading | |
| loading | |
| LOAD_OK -> display | |
| LOAD_FAIL -> error | |
| error | |
| RELOAD -> loading | |
| Gallery App | |
| gallery | |
| SEARCH -> loading | |
| SELECT_PHOTO -> photo | |
| RELOAD -> gallery | |
| loading | |
| CANCEL -> gallery | |
| SEARCH_FAILED -> error | |
| SEARCH_SUCCESS -> gallery | |
| error |