挑戰目標: MockNative Camp 最近不止工作還有很多事情要處理,今天只能先暫停一次。 之前看到一篇文章寫了一個很像是反諷但又有點道理的一句話。...
因果關係 這次來分享 code review 時常常會看到的問題,這些問題常常看不出來有什麼影響,甚至有的人會覺得那是 coding style 的範疇,尤其是...
tags: Vuejs Seeking the Balance in Framework Design ✐ 在中秋連假倒數兩天的今天,作為放鬆,來分享之前看的...
挑戰目標: MockNative Camp 今天繼續來製作我們的Footer,目標前兩天我們已經將這些顯示文字都寫入到config中next.config.j...
定義 重複性的執行某個操作,一直做一樣的事情,有終止條件。 較常用的迴圈 for while do…while for迴圈 只要有達到條件就會一直執行,直到...
如題,這篇想討論我覺得對於轉職的人們來說最難熬的部分。 先大概分享我的狀況:去年夏天離職、今年秋天找到工作,職場空窗期超過一年。實際上,我在去年從前公司離職後,...
新增畫面及移除畫面 點擊show時會呈現以下結果: 點擊hide時會呈現以下結果(消失了): jQuery 程式碼可以這樣寫: <script>...
當一個專案變得越來越大,CSS的複雜性也隨之增加,要管理龐雜的程式碼變得很麻煩。這篇開始要介紹的Sass,可以幫助我們解決這些問題,並將CSS代碼組織得更加結構...
今天我們來完成Header,不過位置方面我是使用Tailwinds CSS,要花時間客製化位置,但我沒那麼多時間所以沒辦法對的很準,請看官們見諒。 這是Nati...
挑戰目標: MockNative Camp前端 週末也是很多事要做,每天大概都晚上9點到12點是鐵人賽的工作時間,寫code, test, debug和截圖之...
為了要讓各個區塊、內容外觀符合設計稿或者更好看,計算每個樣式帶來的影響和結果,有的時候也是很煩(算錯的時候更煩),這個時候box-sizing就派上用場了! b...
今天我們繼續來設定我們的架構,首先先把index.js的預設內容給刪除掉。 透過檢視原始碼,可以取得title以及icon,整理一下之後index.js imp...
挑戰目標: MockNative Camp 最近這兩年在工作上一直想要有同事可以交流進步,或者是遇到可以學習的同事,但終究在這兩份工作中都屬於自己一個人單打獨...
此篇接續介紹口袋餐廳頁面的靜態 html 架構。 (1) html 程式碼畫面示意圖請參考前一篇。介面開發的技巧如下: 導覽(nav)架構請參考「Day8-試...
沒有想到連假結束後的第一天就要冨樫了...,我工作的公司在新加坡,而我在台灣full remote,我們中秋放連假而新加坡那邊沒放假,導致一開工就滿多事情要處理...
挑戰目標: MockNative Camp前端 今天原本是要來refactor和解決hover的問題的,但是在將navtab給component化時遭遇難題,...
同「Day5-試試Vue3-建立會員API」與「Day13-試試Vue3-建立餐廳API」篇採用 json-server 方式建立 API。 (1)新增 use...
(3-1)動作拆解-品牌受眾分為資料渲染與觸發方法兩部分說明。 1.下拉選項內容使用 v-for="item in restaurants"...
很久一段時間沒有繼續更新自己的文章,說來慚愧明明應該是要好好紀錄的 雖然還是一直有在持續的學習自己的技術,但卻因為零零種種的大小事情怠惰了自己的文章 而前陣子因...
表單處理 這篇文章是我從事教學很常遇到的統整,我有系列專門解釋怎麼一步一步讓自己邁向 pro 的過程,有興趣了解更多的話可以參考這個連結,裡面有所有我所統整的R...
可以不要找工作嗎QQ 我在準備完兩個專案(原生JS、Vue)之後就開始投履歷了。心裡其實相當惶恐害怕,記得準備履歷前,還跟我 mentor 說:「蛤~我這樣真的...
基本語法筆記 四捨五入: Math.round(); 無條件進位: Math.ceil(); 無條件捨去: Math.floor(); 英吋轉公分單位轉換器...
分類的哲學 這次要分享的是大家檔案分類的進化過程,分類檔案其實也蠻有學問的,一方面是語意上的邏輯,另一方面是資料夾內的檔案性質問題,一般來說我們會盡量把開發中的...
有一小段時間沒跟新了XD! 主要是平時都加班,下班去健身房回到家,就只剩1-2小時的學習時間,就慢慢更新了(藉口) 最近主要還是去 ig上找各個有趣的 卡片設計...
本篇開始會對「Day15-試試Vue3-口袋餐廳的html架構」的內容進行調整,試將資料內容改用 JavaScript 來動態渲染畫面。因開發過程細節較多會分幾...
在比較熟悉如何架構網頁、呈現出想要的樣子後,應該多少會覺得:希望能夠更快、更有效率地描繪出來。 最直接想到的或許是提升英文打字速度,這會有幫助,但還不夠。 我們...
如標前端小白我打算開發分享一些目前為止所學的前端知識,順便透過分享知識來提高自己對於程式的記憶點, 對大家也是win win double win啦!這幾天會乘...
繼鐵人賽後,想把自己再推前進一點,在 30 天的陶冶後,發現每天撥一點時間思考與撰寫程式,可以提升對於程式的熟悉感,並可以爬梳自己所理解的東西,就算可能當下不了...
同「Day5-試試Vue3-建立會員API」篇採用 json-server 方式建立 API。 (1)新增 restaurant.json 檔案建立資料專案根目...
擴展/繼承(Extend/Inheritance) 我們可以定義一組樣式,然後將這些樣式應用於不同的元素,同時保持代碼的整潔和可維護性。 使用@extend...