JavaScript

JavaScript Spread Operator 與 Array.concat 的比較

前言 在 JavaScript 開發中,陣列操作是不可或缺的一環,而「陣列合併」更是經常出現的需求。在幾年前我寫過筆記 https://tech.simonallen.app/es6-spread-operator-array/,但進入現職公司後,我反而看到的都是 concat()。 其實不論是在資料處理、狀態更新,還是函式參數傳遞時,我們都會面臨選擇:該用 concat() 方法,還是使用語法更簡潔的

React v14 和 v16 Style 行內樣式的雷

昨天在公司遇到 React Style 行內樣式的雷,害我 dubug 了老半天。 是這樣的我們公司有兩個 B2C 的網站平台長得很像,差異只在顏色與風格不同,一個網站前端是 React v14,另一個相對新是用 React v16,而兩個網站很多功能都要一樣,所以一個前端元件寫好後要想辦法讓 React 的 14 版和 16 版共用,

IE 議題

前陣子與到各種 IE 問題真的有夠痛苦,實在不理解為什麼都 2019 年了還要支援到 IE9?IE11 就算了,IE9 欸??IE 有多少使用量不就 GA 報表一看就知道了嗎? 主事 PM 不理解 RD 處理 IE 9 的時間都能做其他新功能了,哀抱怨歸抱怨,這裡紀錄一下遇到的問題:

Vuex 存放狀態的State

在Vuex有四大物件元素,分別是State、Mutations、Getters、Actions  State內負責存放初始資料,裡面可以放任何東西:物件、陣列、數值、字串...etc 只要我們後續Vuex有用到,就應該先在State宣告其存在,就算是空值、空字串、空陣列也沒關係。 因為一但在之後的Mutations突然寫了一個未先宣告的State資料,Vuex不會當場動態產生這個變數資料出來,就會報錯。 (想像成寫程式,會用到什麼都要在編輯器最上方先宣告變數存在) 但還是有辦法的,如果要臨時在Mutations新建一個State資料,要這樣寫

Episode

00:00:00 00:00:00