10 hours agoVue3 composition API option API差異(1/n)：ref, reactive, computedVue3開始支援composition API，但同時也支援Vue2的option API，我自己在接觸Vue時，雖然是使用Vue3，但還是用option API的寫法，直到最近到了新公司，發現Vue3就是要用composition API拉！好8學無止境只能再次打開筆記本ㄌ。 這次示範了同一件事情，用option API寫跟用compositi …Vue310 min readVue310 min read
Published in Wendy Loops·Feb 7CSS面試題集錦(1/n)1. 請問以下之CSS權重並排序 ID Class Element inline style !important 基本來說是：!important > inline style > ID > class > element > * 權重 相同權重的話，後寫的可以覆蓋之前寫的。 當兩個選擇器同時作用在同一個元素上時，權重高的優先作用。 *(0–0–0–0) element(0–0–0–1) cla …Front End Development5 min readFront End Development5 min read
Published in Wendy Loops·Jan 21JavaScript面試題集錦(1/n)：各種運算子 var let const1. 會印出什麼？ 關鍵字：物件內匿名函式、this、逗號運算子、邏輯運算子 var value = 1; var foo = { value: 2, bar: function () { return this.value; }, }; console.log(foo.bar()); console.log((f …Front End Development7 min readFront End Development7 min read
Published in Wendy Loops·Jan 17JavaScript面試題：一般函式與箭頭函式區別也是考爛的一題，一定要會吧！ 一般函式可以寫成函數陳述句或函數表示式： //函數陳述句 function greet(){ console.log('hi') } //函數表示式 var anonymousGreet = function(){ console.log('hi') } 詳細解釋可參考我之前寫的：Function state …JavaScript5 min readJavaScript5 min read
Published in Wendy Loops·Jan 14JavaScript面試題：var let const的差別var、let、const都是JS中常見的變數宣告方式，三者版本不同(let跟const是ES6才有的)，作用域範圍不同，也跟能不能重新賦值有關係；若能了解三者的差異，之後報錯就更容易除錯。 作用域(scope)不同 var var具有函式作用域，在函式內宣告但在外部會無法使用： function fn(){ var a = 5 } console.log(a) //Unca …JavaScript7 min readJavaScript7 min read
Published in Wendy Loops·Jan 10by value & by reference｜JavaScript傳值 & 傳參考整理自Udemy熱門課程JavaScript 全攻略：克服 JS 的奇怪部分。 在這之前要先了解JavaScript的純值(primitive value)是什麼： 純值只是一個值，不是物件(object) 布林值(Boolean)：true和false 數值(Number) 字串(String)：通常用' '或" "包起來 null：東西不存在，沒有值 undefined：變數還不存在，JS給的預設 …JavaScript6 min readJavaScript6 min read
Published in Wendy Loops·Jan 9Function statement & Function expression｜函數陳述句 & 函數表示式 IIFE兩大觀念先記熟： JavaScript的函數(function)是一種可被呼叫物件(object)。 物件(object)是一種值(value)。 整理自Udemy熱門課程JavaScript 全攻略：克服 JS 的奇怪部分。 Function statement 函數陳述句 function greet(){ console.log('hi') } 上述這段程式碼告訴我們：greet是一個會印出hi的f …Front End Development6 min readFront End Development6 min read
Jan 6轉職期的花式打工2022下半年我從產業新尖兵（非常不推😇免費的最貴）結訓後就開始花式打工，本來是想說在家好好念書再去找工作，反正也還有存款，但是實在是閒不下來>__< 所以陸陸續續做了各式各樣的打工，是以前完全沒接觸過的產業跟工作類型，也算是學到不少東西。 知名美商發票中心PT 大學同學是人力派遣公司的招募專員，有一天看他在限動徵人，我想說就加減打個工就跑去跟他聯繫，結果開啟我為期兩個月的快樂打工時光😇 📍工作時間：周一至周五9:00-18:00，午休一小時不支薪，排班制。 📍薪資：168元/hr，時薪制，扣除勞(健)保。（2022的最低工資是168）每個月月底匯款發薪。 📍通勤時間：離家不遠但是搭直達公車慢慢繞要30分鐘。 📍工作環境：大樓設備新穎，樓層很高風景很漂亮，廁所馬桶是免治馬桶，茶水間有咖啡喝到飽，每日備有水果；辦公桌是知名品牌升降桌，一張辦公椅的價格超越該部門平均月薪。 📍門禁：管制森嚴，完全不可以遲到。12 min read12 min read
Published in Wendy Loops·Jan 5JavaScript面試題：什麼是Event Loop？考爛了考爛了，但我還是常常搞不懂，有一天看了這個影片： 人生豁然開朗！！港快來看看這到底啥東東。 在搞懂event loop前，必須先知道JS是單線程且同步執行的，要等一個程式執行完才會做下一件事情，甚至點擊事件(之類的事件)也要等前一行程式寫完，才接收得到；但我們在使用網頁時並不會發生這種事情，就算後台數據在跑也不影響我們前台的使用或渲染；這一 …Front End Development9 min readFront End Development9 min read
Published in Wendy Loops·Dec 30, 2022JavaScript：執行堆與函式呼叫、scope、event queue/callback queue這是一個大概念，我之前看過一遍但完全沒懂，時隔八個月終於懂了QQ JS如何被電腦執行？ 電腦其實讀不懂我們寫的code，會透過一個轉譯器syntax parser轉譯給電腦，逐行檢視我們的code，有效的code會被轉譯，無效的裝沒事或是直接報錯。 透過轉譯器，JS會產生兩個環境讓電腦更好懂： execution context ｜執行環境：誰要先被執行？誰先被呼叫呢？ 被執行的程式碼會被包起來裝在執行環境中，而執行環境分為兩個階段： 1⃣Creation Phase 創造階段 這時候會進行三件事(1)建立全域物件(2)建立this(3)建立Outer Environment(4)Hoisting提升 **JavaScript面試考題：Hoisting是什麼？ 2⃣Execution Phase 執行階段 lexical environment｜語彙環境：code被寫在哪裡了呢？ 是被寫在global全域中，還是被寫在某個function裡呢？（還是被寫在我的歌裡唱呀~）這個位置對電腦來說很重要！JavaScript5 min readJavaScript5 min read
