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

1 Like 0 留言 3358 瀏覽

鐵人賽 Modern Web DAY 13

這個網站也太嗨！30 個網頁動態提案系列第 15 篇

技術 #12-套件掰！用JS 做進場特效 (Intersection Observer API)

進場特效也是基本再基本的網頁動態！尤其是當網頁內容塞太多時，適當地加上進場特效可以幫助使用者閱讀重點。以前常用的套件如Scroll Magic，或計算網頁滑動...

Global Rachel ‧ 2021-09-28 ‧團隊寫 code 需要講幹話

0 Like 0 留言 702 瀏覽

鐵人賽自我挑戰組 DAY 12

初心者解任務啦！JS 的 30 道任務系列第 12 篇

技術 [ Day 12 ] - <script> 標籤放哪裡～

上一篇有提到，一個瀏覽器在解析網頁時，會將 HTML 內容由上至下一行一行解析成 DOM 的節點，並且透過 DOM API 來控制節點那麼，HTML 在寫 J...

karakamin ‧ 2021-09-27

1 Like 0 留言 3027 瀏覽

鐵人賽 Modern Web DAY 12

這個網站也太嗨！30 個網頁動態提案系列第 14 篇

技術 #11-下滑動態做起來！(JS: scrollTo & scrollBy)

今天來介紹一下往下滑和往上滑的指引動畫和搭配Web API。現在都很流行第一屏設計做好做滿，有時候太美了會讓使用者忘記（/根本不想）往下滑，適當地指引下滑，就...

Global Rachel ‧ 2021-09-27 ‧團隊寫 code 需要講幹話

0 Like 0 留言 996 瀏覽

鐵人賽 Modern Web DAY 27

Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列第 27 篇

技術 #27 JS: Timing Events - Part 1

What is timing event? "JavaScript can be executed in time-intervals. This i...

Vida Lin ‧ 2021-09-27

0 Like 0 留言 774 瀏覽

鐵人賽自我挑戰組 DAY 1

初心者解任務啦！JS 的 30 道任務系列第 1 篇

技術 [ Day 1 ] - 變數與型別

變數與型別變數是什麼呢？把他想成是一個容器，容器可以存放需要的資訊，這一個資訊可以是一段文字、一個數字等。變數的命名規則開頭字元必須是英文大小寫字元...

karakamin ‧ 2021-09-16

0 Like 0 留言 787 瀏覽

鐵人賽 Modern Web DAY 15

Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列第 15 篇

技術 #15 JS: if else statement

To make the operators meaningful for users, let’s explain by examples if stateme...

Vida Lin ‧ 2021-09-15

0 Like 0 留言 850 瀏覽

鐵人賽 Modern Web DAY 14

Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列第 14 篇

技術 #14 JS: create a calculator by prompt()

Final Calculator Design <!DOCTYPE html> <html> <head> <tit...

Vida Lin ‧ 2021-09-14

0 Like 0 留言 903 瀏覽

鐵人賽 Modern Web DAY 13

Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列第 13 篇

技術 #13 JS: Intro to Data, Variables, Operators

Data: Number, String, Boolean Number: e.g. 7, 17 String: consist of quotation m...

Vida Lin ‧ 2021-09-13

0 Like 0 留言 915 瀏覽

鐵人賽 Modern Web DAY 12

Learn & Play JavaScript -- Entry-Level Front-End Web Development 系列第 12 篇

技術 #12 JavaScript Introduction

What is JavaScript? HTML is like the structure/bone of our body; JavaScript is...

Vida Lin ‧ 2021-09-12

1 Like 1 留言 2866 瀏覽

技術 TDX api 串接將 ajax 改為 axios，解決 415 錯誤，解決 headers content-type 無法更新

今天跟著 TDX 的串接說明文（TDX運輸資料流通服務API介接範例程式碼說明）試圖串一串 TDX API TDX 官方有提供 Ajax 的串接範例（Sampl...

lobsterpp ‧ 2022-05-05

0 Like 0 留言 925 瀏覽

技術 js notes(1)

case 1 var book = { title:"The Hobbit", author:"J.R.R.Tolkien...

jpchyng ‧ 2021-02-24

3 Like 3 留言 1126 瀏覽

技術 Day [4] — this：指定物件 — JS之浸豬籠系列

Day [4] — this：指定物件 — JS之浸豬籠系列我們在前面幾章知道 this 會依據呼叫方式印出不同結果，那如果我們希望可以存取 this 的某個...

pokaeatlunch ‧ 2022-07-07

0 Like 0 留言 1130 瀏覽

技術 Day [3] — this：建構物件 — JS之浸豬籠系列

如果你不知道這個系列為什麼叫這種激烈的名字可以看這篇： Day [0] — JS之浸豬籠系列如果你還沒看過前面的章節，不會太難理解今天這篇，但因為我寫得很讚...

pokaeatlunch ‧ 2021-01-07

1 Like 0 留言 1121 瀏覽

技術 Day [2] — this：作用域 — JS之浸豬籠系列

如果你不知道這個系列為什麼叫這種激烈的名字可以看這篇：Day [0] — JS之浸豬籠系列如果你還沒看過這篇，可能會有點難理解今天這篇，建議你先企看看！Da...

pokaeatlunch ‧ 2021-01-06

1 Like 1 留言 1343 瀏覽

技術 Day [1] — this：存在於物件 — JS之浸豬籠系列

太想要放梗圖ㄌ..... this = 這個。如果對this的理解到這裡，很棒您跟我一樣完全看不懂this呢！接下來就從豬腦浸豬籠ㄉ角度來看 this是...

pokaeatlunch ‧ 2021-01-06

1 Like 0 留言 1370 瀏覽

技術 Day [0] — JS之浸豬籠系列

大家好，打給安安，我是六角學院火箭隊6th前端組的小廢物ＰＯＫＡ看我的ＩＤ就知道我是來吃午餐ㄉ！???（有同學一起吃午餐真開心）其實我本來是想先寫一個連豬腦...

pokaeatlunch ‧ 2021-01-06

0 Like 0 留言 7545 瀏覽

鐵人賽 Modern Web DAY 21

前端常見問題攻略系列第 21 篇

技術 JS async/await 系列：基礎概念篇

非同步在前端的做法不斷的在進行優化調整，先前介紹過 Promise 可以解決非同步過度巢狀的問題，而本篇要介紹的 async function（非同步函式）及...

卡斯伯 ‧ 2020-10-06

1 Like 0 留言 682 瀏覽

鐵人賽 Modern Web DAY 2

有角拾系列第 2 篇

技術 JS雜拾-02-變數作用域& CommonJS Modules

內文摘要函式作用域 CommonJS Modules 模組系統參考資料1：MDN — the Mozilla Developer Network參考資...

Rocketgirl ‧ 2020-09-17 ‧團隊仙人掌技術村

1 Like 0 留言 2108 瀏覽

鐵人賽 Modern Web DAY 1

有角拾系列第 1 篇

技術 JS雜拾-01-JavaScript 資料型別 (Data Types)

內文摘要 ECMAScript 與 JavaScript? ES6？ JavaScript 資料型別(Data Types) 型別判斷型別轉換參考資料...

Rocketgirl ‧ 2020-09-16 ‧團隊仙人掌技術村

0 Like 0 留言 1273 瀏覽

鐵人賽自我挑戰組 DAY 1

與Vue相遇系列第 1 篇

技術 Day01-初見Vue(前言)

身處金融業的我，從未想過有天還能在工作上，返回開發工程師的行列。一直以來，對於JS的喜愛依舊不減，假日時，偶爾還會開著電腦，寫寫JS。但對於框架語言，從未接觸。...

EdwardXiong ‧ 2020-09-15

3 Like 0 留言 5956 瀏覽

技術 p5.js 入門筆記 001

可用於網頁上做互動特效的開發創作 p5.js：由Lauren Lee McCarthy開起的專案，讓web執行processing指令。 https://p...

yolala ‧ 2020-07-29

0 Like 0 留言 1085 瀏覽

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

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

orientest99 ‧ 2020-07-07

0 Like 0 留言 2462 瀏覽

技術 [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

1 Like 1 留言 5635 瀏覽

技術 JS 中的陣列 trim 方法

JavaScript 中有字串的 trim 方法，但卻沒有陣列的 trim ，現在就來嘗試實作一個陣列的 trim 吧。本文的範例不考慮型別錯誤等問題，聚焦...

Peter Chen ‧ 2020-03-20

0 Like 0 留言 925 瀏覽

技術 JS 建立物件的方法

//方法1 //利用[]建立物件 var person = new Object(); person["firstname"] = &quo...

菜鳥碼農 ‧ 2020-03-12

0 Like 0 留言 1626 瀏覽

技術 setTimeout() 與 setInterval() 的差別？

先從定義來看： setTimeout() 的作用是在延遲了某段時間 (單位為毫秒) 之後，才去執行「一次」指定的程式碼，並且會回傳一個獨立的 timer ID...

菜鳥碼農 ‧ 2020-03-12

0 Like 3 留言 2089 瀏覽

技術學習程式語言到現在真的是快吐血了

程式語言做為從機械到人眼所見的事物工業、技藝，以經超過不是隨便學習兩三個月就能做到的，外加產業界內部也是在一堆工作中忙碌，少有單位能統計、規劃出整個工程最近需要...

帽客 ‧ 2020-02-27

0 Like 0 留言 1500 瀏覽

技術今天在HackerRank初步闖關

為什麼會接觸 HackerRank 是因為投履歷被發來做考核。www.hackerrank.com 結果前幾天第一次用看到javascript旁邊有標記node...

帽客 ‧ 2020-02-25

技術 #12-套件掰！用JS 做進場特效 (Intersection Observer API)

技術 [ Day 12 ] - <script> 標籤放哪裡～

技術 #11-下滑動態做起來！(JS: scrollTo & scrollBy)

技術 #27 JS: Timing Events - Part 1

技術 [ Day 1 ] - 變數與型別

技術 #15 JS: if else statement

技術 #14 JS: create a calculator by prompt()

技術 #13 JS: Intro to Data, Variables, Operators

技術 #12 JavaScript Introduction

技術 TDX api 串接將 ajax 改為 axios，解決 415 錯誤，解決 headers content-type 無法更新

技術 js notes(1)

技術 Day [4] — this：指定物件 — JS之浸豬籠系列

技術 Day [3] — this：建構物件 — JS之浸豬籠系列

技術 Day [2] — this：作用域 — JS之浸豬籠系列

技術 Day [1] — this：存在於物件 — JS之浸豬籠系列

技術 Day [0] — JS之浸豬籠系列

技術 JS async/await 系列：基礎概念篇

技術 JS雜拾-02-變數作用域& CommonJS Modules

技術 JS雜拾-01-JavaScript 資料型別 (Data Types)

技術 Day01-初見Vue(前言)

技術 p5.js 入門筆記 001

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

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

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

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

技術 JS 中的陣列 trim 方法

技術 JS 建立物件的方法

技術 setTimeout() 與 setInterval() 的差別？

技術 學習程式語言到現在真的是快吐血了

技術 今天在HackerRank初步闖關

標記使用者

技術學習程式語言到現在真的是快吐血了

技術今天在HackerRank初步闖關