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

0 Like 0 留言 3648 瀏覽

鐵人賽 Modern Web DAY 28

到底要怎麼開始開發網站? --- 從入門到使用Vue, Firebase製作老闆交代的網站系列第 28 篇

技術【D28 - 用Vue實作網頁】postman是哪個男人?要怎麼用他(羞)!?

postman 不是人而是一個software，專門拿來測試API~ 我曾經在這裡【D19 - 用Vue實作網頁】請GET我然後POST我出去吧!講到API的...

ryanyen2 ‧ 2020-09-28

1 Like 0 留言 5050 瀏覽

鐵人賽 Mobile Development DAY 25

Why Flutter why? 從表層到底層，從如何到為何。系列第 25 篇

技術 days[24] = "Flutter Web是怎麼運作的？（下）"

上一篇我們談到整個Flutter App+Framework在Web上可以直接編譯成Javascript來執行，而Flutter Framework在最終產出L...

Joshua ‧ 2020-09-25

2 Like 0 留言 8141 瀏覽

鐵人賽 Mobile Development DAY 24

Why Flutter why? 從表層到底層，從如何到為何。系列第 24 篇

技術 days[23] = "Flutter Web是怎麼運作的？（上）"

就和之前提的狀態管理一樣，Web的支援在Flutter社群也是一個熱門到有點好笑的話題，幾乎每一兩週就會有人問「現在stable了嗎？」「可以上producti...

Joshua ‧ 2020-09-24

1 Like 0 留言 837 瀏覽

鐵人賽自我挑戰組 DAY 1

網頁學習雜記系列第 1 篇

技術 Day 01 | 前言

介紹一下自己大家好，我是 Zombie@Dump，住在垃圾場的喪屍。今年年初時離開前份工作準備轉職，沒想到碰上疫情，出國玩的計畫泡湯，只好很認真的配合防疫，...

Zombie@Dump ‧ 2020-09-16

0 Like 0 留言 4428 瀏覽

鐵人賽自我挑戰組 DAY 2

零基礎成為 AI 解夢大師秘笈系列第 2 篇

技術【零基礎成為 AI 解夢大師秘笈】Day02 - Python Basics II

斜槓學習 – 零基礎成為 AI 解夢大師秘笈前言系列文章簡介大家好，我們是 AI . FREE Team - 人工智慧自由團隊，這一次的鐵人賽，自由團隊將...

人工智慧 - 自由團隊 ‧ 2020-09-17 ‧團隊AI . FREE Team

3 Like 1 留言 4642 瀏覽

鐵人賽 Modern Web DAY 1

完美 Camp 進化論系列第 1 篇

技術一開始，我也是學員

2017 年的春天過年剛結束沒多久的 2/17，在一個天氣很涼爽的早晨，我早上八點就在前往好想的路上。那一天，天空很藍，雲很白，也因為 Howard 跟我說早上...

Chris ‧ 2020-09-16 ‧團隊好想工作室 v4.0

1 Like 0 留言 12828 瀏覽

鐵人賽自我挑戰組 DAY 1

零基礎成為 AI 解夢大師秘笈系列第 1 篇

技術【零基礎成為 AI 解夢大師秘笈】Day01 - Python Basics I

斜槓學習 – 零基礎成為 AI 解夢大師秘笈前言系列文章簡介大家好，我們是 AI . FREE Team - 人工智慧自由團隊，這一次的鐵人賽，自由團隊將...

人工智慧 - 自由團隊 ‧ 2020-09-16 ‧團隊AI . FREE Team

0 Like 0 留言 7695 瀏覽

鐵人賽 Modern Web DAY 3

Go into Web！系列第 3 篇

技術 Day3 | Web 基礎原理介紹

在真正開始進入 web 開發之前，我們必須要好好的理解 web 會用到的名詞與其運作原理，這樣在開發時才不會不清楚自己在做什麼，至於今天要說什麼呢，就讓我們繼續...

阿翔 ‧ 2020-09-03

1 Like 0 留言 1245 瀏覽

技術 [Sass]造輪子-用@mixin做一個簡單的loading動畫

話不多說,先上成果! 思考迴路: 撰寫keyframes使每個點上下移動(transform),我們命名這個keyframe為waving 每個點都具備相同...

orientest99 ‧ 2020-07-08

0 Like 0 留言 1089 瀏覽

技術 [JS]透過IntersectionObserver達成個別/全頁圖片lazy load

當撰寫顯示多個(例如：展示數百筆廣告)圖片的網頁時,效能與用戶體驗主要有以下課題：如何節省不必要的加載(不加載使用者還沒看到的) 批次載入圖片(每次載入10...

orientest99 ‧ 2020-07-07

0 Like 0 留言 2466 瀏覽

技術 [JS]使用babel 轉譯 ES7 的 Async function(適用於瀏覽器)--3(完)

本篇主旨：透過babel轉譯使用Async function的js檔,使其可在瀏覽器(非Node環境)運行上篇閱前注意：本篇為個人使用筆記,為供未來使用,會...

orientest99 ‧ 2020-07-04

0 Like 0 留言 3654 瀏覽

技術 [JS]使用babel 轉譯 ES7 的 Async function(適用於瀏覽器)--2

本篇主旨：透過babel轉譯使用Async function的js檔,使其可在瀏覽器(非Node環境)運行上篇閱前注意：本篇為個人使用筆記,為供未來使用,會...

orientest99 ‧ 2020-07-04

0 Like 0 留言 2358 瀏覽

技術 [JS]使用babel 轉譯 ES7 的 Async function(適用於瀏覽器)--1

本篇主旨：透過babel轉譯使用Async function的js檔,使其可在瀏覽器(非Node環境)運行閱前注意：本篇為個人使用筆記,為供未來使用,會包...

orientest99 ‧ 2020-07-04

0 Like 1 留言 1948 瀏覽

技術【SSL憑證申請教學：HTTPS時代來臨，免費與付費SSL憑證安裝教學】

SSL的好處：資訊安全度提升：避免駭客攔截你的網路請求用戶信任度提升：有綠色小勾勾在網址欄上，使用者對企業信任度提高 SEO排名上升：有利於潛在...

用圖片高效學程式 ‧ 2020-06-26

4 Like 1 留言 6891 瀏覽

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

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

yaling_0616 ‧ 2020-06-30

2 Like 0 留言 3010 瀏覽

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

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

yaling_0616 ‧ 2020-06-23

0 Like 0 留言 1674 瀏覽

技術 Portswigger Lab: Username enumeration via response timing

前言最近剛退伍了~~~南部的缺好像沒很多QQ許多HTB機器的沒寫到但最近覺得該提升一下Web方面因此打算開始做Portswigger的labs 題目內容 h...

badbug ‧ 2020-05-31

6 Like 2 留言 5823 瀏覽

技術 Week13 - CORS保護了什麼你是否有所誤解？或許你的Server已陷入危險中？ - CORS解釋篇 [Server的終局之戰系列]

本文章同時發佈於： Medium iT邦幫忙大家好，是否大家在設計前端時，很常遇到跨來源資源共用 - CORS的問題呢？通常這時候我們會趕快...

髒桶子 York Lin ‧ 2020-05-10

8 Like 1 留言 6573 瀏覽

達標好文技術 IT居家防疫工作要領(免費ampps建置篇)

今年1月20日新冠肺炎新聞爆發以來，有見識的老闆紛紛主動關心此議題假設公司或大樓有人確診，所有同仁居家隔離14天，要如何在家上班呢？我們IT能做的前置工作有那些...

雷伊 ‧ 2020-03-17

2 Like 0 留言 5346 瀏覽

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

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

yaling_0616 ‧ 2020-03-05

0 Like 1 留言 8379 瀏覽

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

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

yaling_0616 ‧ 2020-02-25

0 Like 0 留言 3327 瀏覽

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

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

yaling_0616 ‧ 2020-02-10

4 Like 2 留言 2407 瀏覽

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

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

yaling_0616 ‧ 2020-02-04

1 Like 1 留言 1660 瀏覽

鐵人賽自我挑戰組 DAY 29

前端新手進化史系列第 29 篇

技術 flex 7

文章將陸續整理並更新至個人部落格。 flex 有自己專屬的對齊屬性，vertical-align、text-align 甚至 float 都是叫不動 f...

yachen ‧ 2019-10-14 ‧團隊好想工作室 v3.0

0 Like 0 留言 3534 瀏覽

鐵人賽自我挑戰組 DAY 28

前端新手進化史系列第 28 篇

技術 flex 6

文章將陸續整理並更新至個人部落格。 vertical-align、text-align 甚至 float 都是叫不動 flex items 的，flex...

yachen ‧ 2019-10-13 ‧團隊好想工作室 v3.0

0 Like 0 留言 6451 瀏覽

鐵人賽自我挑戰組 DAY 27

前端新手進化史系列第 27 篇

技術 flex 5

文章將陸續整理並更新至個人部落格。上一篇文章中說明了 flex 屬性是 flex-grow、flex-shrink、flex-basis 三個屬性的...

yachen ‧ 2019-10-12 ‧團隊好想工作室 v3.0

1 Like 1 留言 2465 瀏覽

鐵人賽自我挑戰組 DAY 26

前端新手進化史系列第 26 篇

技術 flex 4

文章將陸續整理並更新至個人部落格。今天將介紹 flex 屬性，在這之前先來了解一下 positive free space 與 negative fr...

yachen ‧ 2019-10-11 ‧團隊好想工作室 v3.0

1 Like 0 留言 1657 瀏覽

鐵人賽自我挑戰組 DAY 25

前端新手進化史系列第 25 篇

技術 flex 3

文章將陸續整理並更新至個人部落格。在上一篇文章中介紹了 flex-direction 以及主軸(main axis)與副軸(cross axis)的概...

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

2 Like 0 留言 1131 瀏覽

鐵人賽自我挑戰組 DAY 24

前端新手進化史系列第 24 篇

技術 flex 2

文章將陸續整理並更新至個人部落格。先前介紹格式化上下文(formatting context)時，曾說到 container box 會為其內容建立格...

yachen ‧ 2019-10-09 ‧團隊好想工作室 v3.0

1 Like 0 留言 1403 瀏覽

鐵人賽自我挑戰組 DAY 23

前端新手進化史系列第 23 篇

技術 flex 1

文章將陸續整理並更新至個人部落格。前言先前介紹格式化上下文(formatting context)時，曾說到 container box 會為其內容...

yachen ‧ 2019-10-08 ‧團隊好想工作室 v3.0

技術 【D28 - 用Vue實作網頁】postman是哪個男人?要怎麼用他(羞)!?

技術 days[24] = "Flutter Web是怎麼運作的？（下）"

技術 days[23] = "Flutter Web是怎麼運作的？（上）"

技術 Day 01 | 前言

技術 【零基礎成為 AI 解夢大師秘笈】Day02 - Python Basics II

技術 一開始，我也是學員

技術 【零基礎成為 AI 解夢大師秘笈】Day01 - Python Basics I

技術 Day3 | Web 基礎原理介紹

技術 [Sass]造輪子-用@mixin做一個簡單的loading動畫

技術 [JS]透過IntersectionObserver達成個別/全頁圖片lazy load

技術 [JS]使用babel 轉譯 ES7 的 Async function(適用於瀏覽器)--3(完)

技術 [JS]使用babel 轉譯 ES7 的 Async function(適用於瀏覽器)--2

技術 [JS]使用babel 轉譯 ES7 的 Async function(適用於瀏覽器)--1

技術 【SSL憑證申請教學：HTTPS時代來臨，免費與付費SSL憑證安裝教學】

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

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

技術 Portswigger Lab: Username enumeration via response timing

技術 Week13 - CORS保護了什麼你是否有所誤解？或許你的Server已陷入危險中？ - CORS解釋篇 [Server的終局之戰系列]

達標好文 技術 IT居家防疫工作要領(免費ampps建置篇)

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

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

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

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

技術 flex 7

技術 flex 6

技術 flex 5

技術 flex 4

技術 flex 3

技術 flex 2

技術 flex 1

標記使用者

技術【D28 - 用Vue實作網頁】postman是哪個男人?要怎麼用他(羞)!?

技術【零基礎成為 AI 解夢大師秘笈】Day02 - Python Basics II

技術一開始，我也是學員

技術【零基礎成為 AI 解夢大師秘笈】Day01 - Python Basics I

技術【SSL憑證申請教學：HTTPS時代來臨，免費與付費SSL憑證安裝教學】

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

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

達標好文技術 IT居家防疫工作要領(免費ampps建置篇)

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

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

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

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