iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 1070 瀏覽

鐵人賽 Modern Web DAY 3

先你一步的菜鳥 - 從 0 開始的前端網頁設計系列第 3 篇

技術 Day-3 你掉的是這個金React、銀React，還是這個普通React呢？

從標題就應該知道了我們這個系列要用的 FrameWork 是 React.js。等等，那到底什麼是 FrameWork，說一下啦。好的那就必須要來到湖中女...

Chris ‧ 2020-09-03

0 Like 0 留言 1191 瀏覽

鐵人賽 Modern Web DAY 2

先你一步的菜鳥 - 從 0 開始的前端網頁設計系列第 2 篇

技術 Day-2 少年，你身體有一股龐大的查克拉

事情必須從12年前的那場尾獸之亂講起，當年四代火影… 別，先別關，我好好講還不行嗎就算沒有寫過網頁的人，應該也聽過前端網頁三本柱，也就是 HTML、CSS、J...

Chris ‧ 2020-09-02

0 Like 0 留言 953 瀏覽

鐵人賽 Modern Web DAY 1

先你一步的菜鳥 - 從 0 開始的前端網頁設計系列第 1 篇

技術 Day-1－React自我挑戰之旅

嗨大家好我是 Chris 這次是我第一次參加鐵人賽，是我給我自己的挑戰，內容主要是分享我如何從零開始自學React，逐步邁向目標的過程，裡面會參雜著目前我對 R...

Chris ‧ 2020-09-01

7 Like 1 留言 8893 瀏覽

鐵人賽 Modern Web DAY 1

破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？系列第 1 篇

達標好文技術 Day 01 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？』-- 從小到大的我(關於求學)

對於學習，我其實是沒有自信的就先讓我從頭說起吧，在我的整個求學生涯裡，我對於『學習』兩個字，其實不是一個有自信的人，但是在國中以前，我並沒有這麼認為，或許是...

Alec ‧ 2020-09-16

4 Like 1 留言 6942 瀏覽

達標好文技術領進前端門，修行在個人：一變應萬變的響應式網頁設計(2) - 常見版型佈局設定

禁止顯示x軸法則在開發響應式網頁時最切記的就是不能出現x軸，為什麼呢？當使用者瀏覽時，若畫面有x軸也有y軸時，使用者必須上下左右滑動去瀏覽，這樣對於使用者體驗...

yaling_0616 ‧ 2020-06-30

2 Like 0 留言 3020 瀏覽

技術領進前端門，修行在個人：一變應萬變的響應式網頁設計(1) - 基本環境、觀念

基本環境建立因為各個不同的手機有不同的寬度，如下圖如果要符合每個不同的解析度去做開發，會導致開發上非常困難，所以需要加入以下這段語法 <meta nam...

yaling_0616 ‧ 2020-06-23

2 Like 0 留言 2566 瀏覽

技術【圖解Deno教學】介紹x安裝x使用三合一

Youtube連結：https://bit.ly/36zpv2VDeno Taiwan(FB社團):https://bit.ly/2XXyoQ0 Deno是一...

用圖片高效學程式 ‧ 2020-05-27

2 Like 0 留言 5389 瀏覽

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

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

yaling_0616 ‧ 2020-03-05

0 Like 1 留言 8439 瀏覽

技術 [筆記] React 如何使用 Redux-Observable：副線打怪一下(2)

為何要使用Redux-Observable? 首先，一開始我們都知道redux跟react搭配的很好，redux扮演著資料倉儲的角色，但是許多的side eff...

yaling_0616 ‧ 2020-02-25

0 Like 0 留言 3367 瀏覽

技術 [筆記] React 如何使用 Redux-Observable：副線打怪一下(1)

題外話一下XD最近的武漢肺炎實在是太猖狂了在今天早上得知中國竟然連北京都淪陷了，進而封城了，這武漢肺炎真的是很母湯！！(中國北京封城)因為武漢肺炎的關係，全台掀...

yaling_0616 ‧ 2020-02-10

4 Like 2 留言 2419 瀏覽

技術領進前端門，修行在個人：關於本系列文章

前言這是我第一次參加寫文大賽，以往都只有在iT邦看各位大神的教學文，這次在過年間意外發現六角學院 - 鼠年全馬鐵人挑戰賽這項活動，其實也猶豫了很久才決定參加這...

yaling_0616 ‧ 2020-02-04

5 Like 2 留言 6244 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 51 篇

技術 Day 50+ 用了會上癮的 TypeScript 新功能 - Easily Addicted New Features in TypeScript

貼心小提示筆者最近開始在整理內容並且使用 TypeScript 實驗並且寫各種小專案，因此 Day 50+ 以後的內容通常都是筆者偶爾會整理的一些很實用的東...

Maxwell Alexius ‧ 2020-01-27

0 Like 0 留言 6156 瀏覽

徵才 [台中]資深前端工程師

【公司名稱，統編】搞之訊有限公司，82784304 【工作地址】籌備處：台中市西屯區皇福街16號（預計2020年初移至辦公室地址）辦公室：407台中市西屯區惠中...

rexwu513 ‧ 2020-01-13

4 Like 0 留言 5617 瀏覽

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

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

威廉蕭 ‧ 2020-01-15

2 Like 3 留言 5694 瀏覽

鐵人賽自我挑戰組

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 38 篇

技術 JavaScript 的 if 條件

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

Alec ‧ 2019-12-05

3 Like 2 留言 5429 瀏覽

鐵人賽自我挑戰組

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 37 篇

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

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

Alec ‧ 2019-11-22

3 Like 2 留言 4472 瀏覽

鐵人賽自我挑戰組

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 36 篇

技術 JavaScript 的 function 功能 (函式介紹)

★首先這篇文章適合以下背景的人閱讀熟悉 HTML、CSS 正要開始一腳踏進 JavaScript 的初學者號稱全世界最懶的一群人(軟體工程師)，能坐就...

Alec ‧ 2019-11-15

5 Like 1 留言 16919 瀏覽

鐵人賽自我挑戰組

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 35 篇

技術初探前端三劍客之一 - JavaScript 大神(變數、console.log() 與 textContent)

★首先這篇文章適合以下背景的人閱讀：熟悉 HTML、CSS 正要開始一腳踏進 JavaScript 的初學者今天我們要開始進入 JavaScript...

Alec ‧ 2019-11-11

3 Like 0 留言 4639 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 50 篇

技術 Day 50. 通用武裝・非同步函式X非同步程序的同步化-TypeScript Generics with Asynchronous Programming III. Async Functions

閱讀本篇文章前，仔細想想看 Generators 使用上有哪些特點？積極求值（Eager Evaluation）與惰性求值（Lazy Evaluatio...

Maxwell Alexius ‧ 2020-01-16

2 Like 1 留言 3944 瀏覽

鐵人賽自我挑戰組

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 32 篇

技術如何用 Sass 實現類似 Bootstrap 4 的格線系統

★ 首先這篇文章適合以下背景的人閱讀： 1.大概了解什麼是格線系統，甚至有用過2.有使用過 Sass 管理及撰寫 CSS，並且對基礎 Sass 語法 (SCS...

Alec ‧ 2019-10-18

2 Like 0 留言 2634 瀏覽

鐵人賽自我挑戰組

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 31 篇

技術關於購物車頁面的 RWD 移動概念

鐵人賽結束了，但說過了寫文章是 to be continued 的，今天就要先來記錄一下這個購物車頁面的 RWD 移動概念。回歸正常學習進度，檢視了一下作業與...

Alec ‧ 2019-10-18

4 Like 0 留言 4291 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 49 篇

技術 Day 49. 通用武裝・非同步迭代 X 無窮地惰性求值 - TypeScript Generics with Asynchronous Programming II. ES6 Generators

閱讀本篇文章前，仔細想想看同步與非同步程序的差異性在哪？你能夠列舉哪些是 JS 裡有非同步的機制的東西嗎？為何我們需要非同步的程序？同步執行不是很直觀...

Maxwell Alexius ‧ 2020-01-13

5 Like 2 留言 12879 瀏覽

鐵人賽 Modern Web DAY 30

前端三十 - 成為更好的前端工程師系列第 30 篇

技術 30. [WEB] 從輸入網址列到渲染畫面，過程經歷了什麼事情？

相信讀者您在生活中，多少都會有搜尋、瀏覽網頁的經驗吧？輸入網址、而身為網頁製造者的前端工程師，你真的知道你寫出來的網頁在部屬之後，是怎麼從網址變成頁面，進而顯...

Gary ‧ 2019-10-16 ‧團隊Wow Doge!

3 Like 11 留言 1925 瀏覽

鐵人賽 Modern Web DAY 30

重新認識 CSS 系列第 30 篇

技術重新認識 CSS - 總結 & 系列目錄

前言「重新認識 CSS」這個系列名稱的由來就如其名，我想要重新認識它。雖然以前就有學過 CSS，但這次想從 CSS Spec 中學到最原始的定義和內容，更加...

Titangene ‧ 2019-10-15 ‧團隊好想工作室 v3.0

5 Like 0 留言 11226 瀏覽

鐵人賽 Modern Web DAY 27

前端三十 - 成為更好的前端工程師系列第 27 篇

技術 27. [WEB] Cookie & Session 是什麼？

Cookie 和 Session 這兩個名詞，相信大部分的開發者都不會太陌生，特別是 Cookie，從社群網站、電商平台、Google Analytics 分...

Gary ‧ 2019-10-13 ‧團隊Wow Doge!

2 Like 2 留言 23456 瀏覽

鐵人賽 Modern Web DAY 26

前端三十 - 成為更好的前端工程師系列第 26 篇

技術 26. [BE] API 設計拿資料要透過 POST，會有什麼問題嗎？

現代的網站越來越多前後端分離的架構，透過前端 MVC 框架快速堆砌出 SPA，再透過 API 取得變動的資料也已經是開發者日常；而用來聯繫前後端的 API...

Gary ‧ 2019-10-12 ‧團隊Wow Doge!

1 Like 0 留言 2778 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 45 篇

技術 Day 45. 通用武裝・泛用類別與介面 X 終極組合第二彈 - Ultimate Combo of Generic Class & Interface

閱讀本篇文章前，仔細想想看泛用型別化名的如何進行宣告？泛用化名註記在變數時的注意事項為何？泛用函式的特點為何？如果還不清楚可以看一下前一篇文章喔...

Maxwell Alexius ‧ 2019-10-28

1 Like 1 留言 6957 瀏覽

鐵人賽 Modern Web DAY 24

前端三十 - 成為更好的前端工程師系列第 24 篇

技術 24. [BE] 請說明一下 npm 的套件管理機制。

在現代的網站中，使用他人開放原始碼的套件輔助開發已經是稀鬆平常的事情，無論是透過套件加速堆砌產品，或是在開發環境中加上協助工程師的各式工具，只需要稍加設定，一...

Gary ‧ 2019-10-10 ‧團隊Wow Doge!

2 Like 1 留言 9677 瀏覽

鐵人賽 Modern Web DAY 23

前端三十 - 成為更好的前端工程師系列第 23 篇

技術 23. [FE] 網頁的快取機制是怎麼運作的？

筆者在剛開始寫網頁時，總是會遇到改了檔案重新整理畫面卻沒更新，或是更新了一張圖檔到伺服器但網頁內容沒有更換等情況，使得現在按 Ctrl/CMD + R 時，小...

Gary ‧ 2019-10-09 ‧團隊Wow Doge!

3 Like 1 留言 5374 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 42 篇

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

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

Maxwell Alexius ‧ 2019-10-22

技術 Day-3 你掉的是這個金React、銀React，還是這個普通React呢？

技術 Day-2 少年，你身體有一股龐大的查克拉

技術 Day-1－React自我挑戰之旅

達標好文 技術 Day 01 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？』-- 從小到大的我(關於求學)

達標好文 技術 領進前端門，修行在個人：一變應萬變的響應式網頁設計(2) - 常見版型佈局設定

技術 領進前端門，修行在個人：一變應萬變的響應式網頁設計(1) - 基本環境、觀念

技術 【圖解Deno教學】介紹x安裝x使用 三合一

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

技術 [筆記] React 如何使用 Redux-Observable：副線打怪一下(2)

技術 [筆記] React 如何使用 Redux-Observable：副線打怪一下(1)

技術 領進前端門，修行在個人：關於本系列文章

技術 Day 50+ 用了會上癮的 TypeScript 新功能 - Easily Addicted New Features in TypeScript

徵才 [台中]資深前端工程師

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

技術 JavaScript 的 if 條件

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

技術 JavaScript 的 function 功能 (函式介紹)

技術 初探前端三劍客之一 - JavaScript 大神(變數、console.log() 與 textContent)

技術 Day 50. 通用武裝・非同步函式X非同步程序的同步化-TypeScript Generics with Asynchronous Programming III. Async Functions

技術 如何用 Sass 實現類似 Bootstrap 4 的格線系統

技術 關於購物車頁面的 RWD 移動概念

技術 Day 49. 通用武裝・非同步迭代 X 無窮地惰性求值 - TypeScript Generics with Asynchronous Programming II. ES6 Generators

技術 30. [WEB] 從輸入網址列到渲染畫面，過程經歷了什麼事情？

技術 重新認識 CSS - 總結 & 系列目錄

技術 27. [WEB] Cookie & Session 是什麼？

技術 26. [BE] API 設計拿資料要透過 POST，會有什麼問題嗎？

技術 Day 45. 通用武裝・泛用類別與介面 X 終極組合第二彈 - Ultimate Combo of Generic Class & Interface

技術 24. [BE] 請說明一下 npm 的套件管理機制。

技術 23. [FE] 網頁的快取機制是怎麼運作的？

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

標記使用者

達標好文技術 Day 01 -『破釜沉舟的轉職路 - 去年說要成為軟體工程師的我，今年 38 歲了，我成為工程師了嗎？』-- 從小到大的我(關於求學)

達標好文技術領進前端門，修行在個人：一變應萬變的響應式網頁設計(2) - 常見版型佈局設定

技術領進前端門，修行在個人：一變應萬變的響應式網頁設計(1) - 基本環境、觀念

技術【圖解Deno教學】介紹x安裝x使用三合一

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

技術 [筆記] React 如何使用 Redux-Observable：副線打怪一下(2)

技術 [筆記] React 如何使用 Redux-Observable：副線打怪一下(1)

技術領進前端門，修行在個人：關於本系列文章

技術初探前端三劍客之一 - JavaScript 大神(變數、console.log() 與 textContent)

技術如何用 Sass 實現類似 Bootstrap 4 的格線系統

技術關於購物車頁面的 RWD 移動概念

技術重新認識 CSS - 總結 & 系列目錄