iT邦幫忙

front-end相關文章
共有 423 則文章
鐵人賽 Modern Web DAY 1

技術 【Day 1】前情提要 && 教學大綱

大家好!我是老莫,今天是 30 天中的第 1 天,主要是講一下未來 29 天的內容規劃: 關於分享主題 相信大家也是看了主題 "React從0到1&q...

鐵人賽 Modern Web DAY 15

達標好文 技術 15. [JS] 什麼是原型鏈?

今天是鐵人賽的第十五天,旅程進行到了一半,而本系列文 JavaScript 的部分也即將告一段落。經過了連續三天型別相關的內容,今天也將接續下去,跟大家聊聊許...

鐵人賽 Modern Web DAY 10

技術 Day 10 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我,今年 38 歲了,我成為工程師了嗎?』-- 轉職是一條耐力賽,堅定的決心,莫忘初衷

決心其實不需要被下定 常常聽到的老話,『下定決心』,好像每次想做的事情要成功都必須得要下定決心,但為什麼下定決心這麼的困難,又或者該說的是,為什麼一定要用『下...

鐵人賽 Modern Web DAY 17

技術 Angular 深入淺出三十天:表單與測試 Day17 - E2E 自動化測試工具簡介

在這個各種前端框架、開發工具層出不窮、百花齊放、百鳥齊鳴的美好時代, E2E 自動化測試工具的選擇自然也很多。 今天我們會先來初步了解一下目前有哪些 E2E...

鐵人賽 Modern Web DAY 21

技術 【Day 21】React 渲染機制

我們都知道使用 React 讓我們的應用可以擁有非常好的效能,但背後裡 React 到底幫我們做了哪些努力呢?今天就來初探一下 React 的渲染機制! 當我們...

鐵人賽 Modern Web DAY 7

技術 Day 07 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我,今年 38 歲了,我成為工程師了嗎?』-- 為什麼想要成為軟體工程師(內在因素)

難道我就這樣下定決心要走這行了嗎? 上一篇我有提到了一些我為什麼想要成為軟體工程師的理由,有些理所當然,有些莫名其妙,但難道我就因為這樣而下定決心了嗎?並沒有...

鐵人賽 Modern Web DAY 6

技術 【Day 6】Child Component && Props

昨天介紹了可以在 component 中使用的 state,然而 React 一般建議能夠用越少 state 越好,因為 state 的改變是非同步的,stat...

鐵人賽 Modern Web DAY 12

技術 Day 12 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我,今年 38 歲了,我成為工程師了嗎?』-- 每日學習時間如何分配

我的全職學習是什麼狀況 因為我的狀況是全職學習,所以時間的分配可以比較彈性,但不代表我一定就有比較多的時間,因為我同時也已有家庭,還有一個快四歲尚未上幼稚園的...

鐵人賽 Modern Web DAY 11

技術 【Day 10】CSS && Inline-style

到昨天為止都著重在 JS 的部分,基本的功能已經可以完成了,但除了功能以外,網頁應用的外觀也是很重要的,所以今天就暫時把 JS 擺在一邊,看看在 React 中...

技術 用 vuetify-loader 提升 Vue 開發體驗

好久沒寫文章,心血來潮發一篇 重點先放三遍 不用 Vuetify 也可以用 vuetify-loader 哦 不用 Vuetify 也可以用 vuetify-...

技術 JavaScript 的 if 條件

運算子 要來正式介紹 if 條件式之前,必須要先來介紹運算子,因為 if 條件式內的條件會由運算子來進行比較與運算。 比較運算子 == 與 != 僅單純比...

技術 關於 git stash 你可能不知道的用法

相信大家可能都會有這種經驗: 當你在開發某一功能時,突然被PM打斷,要求你現在要先去修正一個急單,這時候你可以有兩個選擇: 直接下commit,然後開始改急單...

鐵人賽 Modern Web DAY 9

技術 【Day 9】Component Lifecycle

昨天對 class-based component 有了初步的認識,然而除了 state ,在 hooks 出來以前 class component 還有一項...

鐵人賽 Modern Web DAY 26

技術 Day 26 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我,今年 38 歲了,我成為工程師了嗎?』-- 如何透過儀式化的過程讓自己回到常軌

狀態不好時就是直接放著,然後去做別的事情 這裡的意思是說,有時候因為觀念卡關時,過不去就是過不去,硬撐著在電腦前也是於事無補,有時候只是更阿渣,而且電腦前坐愈...

技術 [筆記] React 如何使用 Redux-Observable 及 Google Map Api:副線打怪一下(3) - Finish

口罩即時查 先附上作品網址及成果展示:口罩即時查 功能(電腦、平板、手機皆可觀看) 電腦版 ᴘᴄ平板 ᴛ手機版 ᴍ 定位 - 在地圖上顯示目前位置 ᴘᴄ 藥局...

技術 [開發經驗分享][JavaScript]浮點數運算出現一堆小數位數

情境描述 最近在開發專案的前端時,遇到一件非常奇怪的問題,用Javascript來做加減乘除,如果是有小數點的數字的話,跑出來的數字會非常奇特,例如: var...

鐵人賽 Modern Web

技術 Day 42. 通用武裝・泛用型別 X 型別參數化 - TypeScript Generics Introduction

《通用武裝》篇章概要 本系列即將邁入後半段(現在才邁入後半段會不會有點晚?)—— 泛用型別(Generics)的介紹。 筆者翻閱很多資料發現,泛用型別儘管看似...

鐵人賽 Modern Web DAY 20

技術 【Day 20】可能不需要redux (2) - contextAPI

昨天介紹了 useReducer 的用法,但是還缺少了 global state 的機制啊?怎麼會說可能可以不需要 redux 了?今天就來介紹 context...

鐵人賽 Modern Web

技術 Day 37. 戰線擴張・第三方套件 X 支援的引入 - 3rd-Party Package & TypeScript Declaration File

閱讀本篇文章前,仔細想想看 今天不用想,馬上看下去! 今天筆者要講本篇章系列比較重要的部分 —— TypeScript 的型別宣告檔 Declaratio...

技術 JavaScript 的陣列 (Array) 與物件 (Object)

之前曾經介紹過宣告變數,開頭用 var 後接數字 (Number) 或是字串 (String),而今天我們要介紹另一種變數型態,就是陣列 (Array) 與物...

鐵人賽 Modern Web DAY 23

技術 Day 23 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我,今年 38 歲了,我成為工程師了嗎?』-- 第三個面試來了

透過認識的朋友引介,我迎來了第三個面試 這一個職缺,其實是透過認識的朋友引介的,雖然說是引介的,但還是要透過正常程序投遞 104 履歷,在 8/5 時我收到了...

鐵人賽 Modern Web DAY 25

技術 Day 25 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我,今年 38 歲了,我成為工程師了嗎?』-- 求職階段總結

稍微總結一下求職階段的一些數據 從開始求職到真的錄取,不論平台或是方式,我總共投遞了 18 封履歷,104 網站有 6 封,1111 網站有 8 封,Cake...

鐵人賽 Modern Web DAY 4

技術 【Day 4】JSX 語法 && Virtual DOM

第四天將接著昨日的內容繼續! 第一次接觸React的朋友們可能心裡會os: "X! 這到底是甚麼語法,又像JS但又有HTML包在裡面。"別擔...

鐵人賽 Modern Web DAY 30

技術 Day 30. 機動藍圖・流言終結者 X 重新認識物件的複合 - Favour Object Composition Over Class Inheritance

閱讀本篇文章前,仔細想想看 已經熟悉類別的運作流程並懂得 OOP 的基礎概念。 熟悉了策略模式(Strategy Pattern)嗎? 如果還不清楚的話...

鐵人賽 Modern Web

技術 Day 32. 戰線擴張・專案輸出 X 輸出設定 - TypeScript Compiler Output Configurations

閱讀本篇文章前,仔細想想看 為何有些 ES6 的 Feature 諸如 Promise、Object.assign 等東西無法直接在 TypeScript...

鐵人賽 自我挑戰組 DAY 1

技術 Hello My World

距離上一次寫文章大概距今已是8年前了,當時也只是想作為一個旅遊紀錄,這8年經歷了很多事,我在29歲時去了澳洲一年Working Holiday沉澱自我,在31...

鐵人賽 Modern Web DAY 18

技術 Day 18. 機動藍圖・類別宣告 X 藍圖設計 - TypeScript Class

閱讀本篇文章前,仔細想想看 複合型別 union 與 intersection 的功能與意義代表為何? 如果還沒理解完畢的話,可以先翻看前一篇文章喔! 今...

鐵人賽 Modern Web DAY 14

技術 Day 14 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我,今年 38 歲了,我成為工程師了嗎?』-- 最適合自己的學習方式

怎麼學習也是要經過學習的 其實我不是個很會學習的人,過往我常常找不到對自己來說較適合的正確學習方法,每一個人適合的學習方法都不一樣,而過往的我常不知如何變通甚...

鐵人賽 Modern Web DAY 22

技術 Day 22 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我,今年 38 歲了,我成為工程師了嗎?』-- 終於迎來了我的第二個面試

來自 1111 人力銀行的面試通知 其實自從開始投遞履歷之後,每次有履歷被開啟就會感到很開心,若還能收到面試通知,那就更是開心中的開心了, 終於我在 7/24...

鐵人賽 Modern Web DAY 21

技術 21. [FE] 用過 Webpack 之類的打包工具嗎?為什麼需要?

隨著網頁技術不斷翻新,前端需要處理的事也就越來越繁雜;在 2016 年有一篇當時很紅的文章,詼諧的故事除了是技術名詞科普之外,同時也諷刺了前端技術的瘋狂增長,...