iT邦幫忙

前端三分鐘相關文章
共有 139 則文章
鐵人賽 Software Development DAY 19

技術 決定成敗的系統細節分析

就像裝潢房子一樣,如果不提早確認細節,可能會在後期發現不必要的問題。 例如因上班忙碌並未提早確認天花板的細節,結果工人裝潢到一半周末才發現有多個為了崁燈預留的洞...

鐵人賽 Software Development DAY 18

技術 照三餐改變的系統與環境

如何管理和維護各種系統,以確保正常運行並適應不斷變化的環境? 沒有系統可以獨立存在,每個系統都存在於更大的生態系統中,並受到周圍環境和其他系統的影響。 就好比居...

鐵人賽 Software Development DAY 17

技術 建模和收納 X 豆漿和油條

當我們要準備買東西的時候,要考慮家裡有沒有空間,反之在室內設計時預留空間也很重要。 在前端開發包括需求分析、定義用戶流程、確定元件,然後進行系統開發,在系統設計...

鐵人賽 Software Development DAY 16

技術 失控的理智 X 到底有多少需求和條件

當我們想要整理和分類物品的時候,會有許多判斷和想法,通常會將物品按照特定的步驟分類 依照類型: 把不須冷藏食物放櫃子、需冷層或冷凍食物放在冰箱中 依照大小:...

鐵人賽 Software Development DAY 15

技術 當依賴反轉就不再依賴

在開始之前先來首歌吧,覺得熟悉的話,你就爆露年紀了 >.^ 來談談物品的管理,生而為人我們的目的是使用物品而不是被物品牽制而影響。 當你不去整理身邊的物...

鐵人賽 Software Development DAY 14

技術 原子化設計 X 收納

小編前陣子去台中參加 AWS 社群日的時候,順道逛了人生第一次 IKEA,除了丸子很好吃霜淇淋也很不錯的部分,覺得更滿意的是整個賣場的體驗。 不過今天小編想要來...

鐵人賽 Software Development DAY 13

技術 有什麼留在你我的心頭,那是什麼?

不知道大家有沒有過這樣的經驗,每次參加求活動拿到很多造型很醜的贈品,明明沒花錢買但又覺得丟掉或送人都怪怪的,沒花錢卻出現浪費跟可惜的感覺,久而久之房間就堆放許多...

鐵人賽 Software Development DAY 12

技術 會不會放手,其實才是擁有

幸福的回憶是追求幸福的天敵 資本主義社會本質上是一場競爭資源的遊戲,但過度追求物質或權力的行為就像是金手銬,會使我們執著並陷入無止境的追逐。 人們往往不願意...

鐵人賽 Software Development DAY 11

技術 我願意,付出所有來換一個時光機

再一次,我就不會走向這樣的結局 物品總有保存期限,時間到了就無法再使用,時間有限且一去不回的情況下,我們必須做出當下所能做出的決定。 我們在同個時間只能使...

鐵人賽 Software Development DAY 10

技術 一次做一件事,念

物品我們都知道要按照其功能或用途分類和整理,來確保每個物品都處於適當的位置,整理後的物品更容易被找到,因為被分類得很清楚。 在架構上,該怎麼去做設計和切分,才能...

鐵人賽 Software Development DAY 9

技術 架構與分層 X 整理的秘訣

當我們買了一堆櫃子或收納盒,那最後東西到底該被收到哪邊? 在居住空間中,樓層會有地下室、一樓、二樓等不同層並具有不同功能,地下室或一樓可以用來停車,二樓以上較常...

鐵人賽 Software Development DAY 8

技術 想要與需要,選擇的智慧

大家有沒有一個經驗,出外的學子或是北漂打工族有天要搬回老家的時候,才驚覺東西怎麼這麼多? 等到要搬家前的那一刻才開始瘋狂出清堆放已久的雜物或是垃圾。 回顧一下前...

鐵人賽 Software Development DAY 7

技術 十年後你就知道了,別人說不好就真的不好嗎?

延續上一天慾望的源頭管理,今天想談價值與選擇,從小到大我們都會被給很多標準答案: 人生就要斷捨離? 有重複的程式碼是程式碼的壞味道? 不愛讀書就是壞小孩 同...

鐵人賽 Software Development DAY 6

技術 大家都說需要的源頭管理

在前兩篇文章簡單的談過物品的分類和管理,這篇文章想往更源頭的慾望討論。 大家都說需要就真的需要嗎? 有天,小編突然就驚覺自己是不是太老了,在整理房間時發現畢...

鐵人賽 Software Development DAY 5

技術 秩序與平衡 X 分類之道

不知道該怎麼辦的衣服褲子就披在椅背上,有一天,椅子就倒了。 分類是為了讓物品達到秩序與平衡的一門藝術。 一個衣櫃就像生活的一面鏡子,反映出選擇和價值觀。 分...

鐵人賽 Software Development DAY 4

技術 物件的管理,你想要九把刀還是瑞士刀

大家不知道有沒有過一種經驗,新買的東西包裝都沒拆結果一直放著,堆在箱子或是櫃子中一放就是好幾年,我知道我買了一堆要用,然後就沒有然後了。 軟體開發來說這就像沒有...

鐵人賽 Software Development DAY 3

技術 同類型的東西一再出現

延續上一篇文章 "該好好重構和斷捨離的是程式碼還是人生" 中可怕的例子,這篇文章我們來看看同類型的東西一再出現該怎麼辦。 在生活中擁有什麼東...

鐵人賽 Software Development DAY 2

技術 該好好重構和斷捨離的是程式碼還是人生

在我們的生活中,有許多重要的事情需要我們時常檢討和改進,這個過程被稱為斷捨離,不僅適用於程式碼,也適用於我們的人生。 在寫許多行程式碼來實現不同的功能,有時候這...

鐵人賽 Software Development DAY 1

技術 可以簡單就不要複雜的程式碼與人生

開始之前,先來談談工程師的日常 程式碼因為需求一直亂加,本來的水果刀被改成瑞士刀。 傳承的祖產本體難以更動,導致疊床架屋違建加蓋再加蓋,一個判斷不夠那就補兩個...

鐵人賽 Modern Web DAY 30

技術 用 JavaScript 測試你的網站 (30)

測試這件事情是為了一致性,為了不讓伴侶不信任,在男女之間交往一致性也是很重要的一環。 在日常的對話和相處過程中,彼此都會透過些方法來確認, John Rempe...

鐵人賽 Modern Web DAY 29

技術 Hack 網頁從按鈕開始!HTML/CSS/JS Debug 技巧 (29)

從搶票按鈕談怎麼使用開發人員工具來 Debug/Hack 你的網頁,並且介紹網頁開發中 HTML/CSS/JavaScript/API Debug 技巧與方法。...

鐵人賽 Modern Web DAY 28

技術 CI/CD X Jenkins、CircleCI、Github Action (28)

偷吃完都有記得擦嘴嗎?! 背地裡在檯面下做了一些事情又不想被發現或影響另一半怎麼辦?! 有沒有辦法自動化的把相關痕跡去除或隱藏?! 當然正常情況下是要盡量避免做...

鐵人賽 Modern Web DAY 27

技術 8 個寫 JavaScript 前該懂的問題 (27)

經過了一陣子的學習,小編認為有 8 個寫 JavaScript 前可以思考的問題,這就好像談戀愛前,我們必須 ? 理解自己是什麼特質的人? 懂得發揮自己的特長和...

鐵人賽 Modern Web DAY 26

技術 前端函式庫與框架 X 框架御三家怎麼選 (26)

前端的框架跟函式庫百百種,究竟該怎麼選? 其實這跟伴侶的選擇有點像,要選當下適合我們的而非一昧的追求最好,當需求與供給沒辦法對應時,勉強別人接受並不公平,勉強自...

鐵人賽 Modern Web DAY 25

技術 前端模組化與打包工具 X Webpack、Rollup、Parcel (25)

模組可以理解是在情場小白在跟女孩相處的過程中卻意外擁有把妹高手前同事提供的 "教戰守則",同事總會在一些時間、情境時告訴你一些小撇步讓男女之...

鐵人賽 Modern Web DAY 24

技術 Monorepo 和 Polyrepo (24)

在版本控制系統中 Monorepo 和 Polyrepo 分別是兩種用來管理模組化程式碼的軟體開發策略。 以男女之間來說,就像是金錢是要分開管理 (Poly)...

鐵人賽 Modern Web DAY 23

技術 前後端分離或在一起 X CSR 與 SSR (23)

前後端分離或是在一起間接影響網頁渲染的方式,常見的渲染形式會有用戶端渲染 (CSR) 和伺服器端渲染 (SSR) 兩種。 這就好像男女朋友是否同居一樣,會大大影...

鐵人賽 Modern Web DAY 22

技術 前任物品斷捨離 X 專案資料夾架構與收納 (22)

專案資料夾架構 今天談談專案資料夾的結構,在還沒開始寫任何程式前,可以思考的是檔案要怎麼收納。 不知道各位情場高手都怎麼收納前男友或前女友們的禮物呢? 是按照物...

鐵人賽 Modern Web DAY 21

技術 Git 時光機 X 專案協作與開發指南 (21)

Git 版本控制 Git 本身是一個分散式 (一個遠端和很多本地端) 的版本控制工具,會把每次提交的內容 (commit) 用快照透過校驗碼標示並儲存起來,校驗...

鐵人賽 Modern Web DAY 20

技術 語意化版本透露什麼訊息 (20)

當我們使用 JavaScript 開發時,常常會需要使用 npm 進行 node_modules 的安裝,相關的使用說明可以參考前一篇寫的 NPM 常用指令教學...