專案零碎memo

改svg大小或顏色

    svg {
          width: 16px;
          color: #fff;

          // 有時候要這樣
          path { fill: #fff; }
        }

ant design的form有設定flex: 1 1 auto,所以把它蓋掉


      .ant-form-item-control {
        flex: none;
      }

安裝套件時要先切換nvm版本

Antd的Select的value,是選了option才會有,不是在搜尋的時候的input

記得要抽component的時候加 …props 跟 {…props}

antd

Form有使用到useWatch的地方,Input就會變慢…

這邊的valuePropName代表 Switch要的attribute是checked,
有加,Switch的checked={…} 才會生效

寫程式的過程

我在想要怎麼讓速度變快。

使用套件
【閱讀→理解→實際應用】
這一段要快的話,就是多讀(觸類旁通)例如懂node.js和TypeScript看文件更快。文件有時間的話也要仔細看完,因為可能自己刻了一個方法,結果發現套件有提供,那就白作工了。

【看懂別人的程式】
有時間的話整體看,沒時間就先看要做的功能。

多練多熟悉,以前都自己寫自己的,所以快,如果要依照別人定好的規範的話就要先記熟規範。

UTC GMT

這是ChatGPT教的

Alright, imagine you have a big clock that shows the time, just like the one you might have in your room. But there are many clocks all around the world, and they all show slightly different times because some places are ahead of others and some are behind.

Continue reading UTC GMT

前端面試心得 2023

我想要種田

【中山區接案,有做小遊戲】
一開始有筆試,考了一些東西,之後是跟前端主管聊天。
因為有各種專案,都是從無到有開始做,做好再交接給其它地方維護,所以用的技術都還蠻新的。用的前端框架有React 18、Next 13、Vue 3 ,做蠻多手機版的。
前端主管說他們蠻重視學習的動力,有的工程師年資到了之後就想放著了,他說雖然前端技術日新月異,不過對資深的前端來說都還是那些東西,比較不會有太難的需求。另外他說覺得演算法會easy的就好了,再進階的會找演算法師。
有在做小遊戲,用pixijs

  1. this 在object的method的作用域
  2. left跟transform的差別
  3. 演算法題(找重複、取出物件中的各種不同的value的數字
  4. async await跟setTimeOut在一個function裡出來的順序
  5. 怎麼處理cors問題,什麼是same origin policy
  6. reflow, repaint是什麼,如何優化
  7. What is Semantic HTML

【德商,線上編輯軟體類】
因為寫React不過內嵌的是canvas,是寫Vanilla JavaScript,要轉換成React有效能問題。
考了一些試是直接用口頭回答,是純英文面試,面試官講話蠻清楚的。
考試:

  1. What is a reflow (or layout thrashing)? What are the examples of things that trigger reflow?
  2. 程式console出來是什麼
  3. 會怎麼優化一小段程式

【南港,遊戲相關】
這間的人資有二個蠻可愛的,人也不錯,有英文面試
前端只有二個蠻忙,所以想要多一點人來負擔,有加班費
有現場coding test考重構class to hooks

【內湖直播、遊戲相關】
裡面有直播,沒有iframe,前端只有二個蠻忙,沒有寫測試

  1. 簡述一下經歷
  2. 過去認為因難有成就的事
  3. 為什麼用Next.js
  4. Next.js有幾種rendering
  5. 有沒有用過websocket
  6. 團隊的git怎麼用

【defi相關】Linkedin找的

  1. 接過web3的blah blah blah嗎?(套件之類
  2. 團隊的git怎麼用
  3. 用了什麼圖表套件
  4. 有沒有用realtime圖表
  5. 用過docker嗎?
  6. 團隊的git flow流程
  7. 怎麼優化React的效能
  8. 有沒有處理過memory leak
  9. 你怎麼做React的效能優化?
  10. 使用的state management?