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

0 Like 0 留言 1014 瀏覽

鐵人賽 Modern Web DAY 6

JavaScript初心者ノ研究日記。系列第 6 篇

技術六日目：JavaScript 運算子　演算子　二ノ章

日安٩(ˊᗜˋ*)و SONYKO だよ〜♫DAY 6 繼續介紹運算子。我發現運算子的點閱率很低　 # ﾟДﾟ) En Zan Shi !!!! 　邏...

RIN ‧ 2020-09-19

0 Like 0 留言 1011 瀏覽

鐵人賽 Modern Web DAY 22

雖然你不是木村拓哉，但它也可以讓你變很行 - Gatsby.js 系列第 22 篇

技術 [Day 22] - 建立屬於自己的主題 ( 五 )

今天，我們要把樣式套用上去，並且幫做好的主題發佈到 NPM 上去供使用者使用，也會是建立屬於自己的主題的最後一章，就讓我們開始吧！安裝相關套件並設定首先我們...

chasel1020 ‧ 2020-10-07

2 Like 1 留言 1006 瀏覽

鐵人賽 Modern Web DAY 3

實作經典 JavaScript 30 系列第 3 篇

技術 Day03:來做個鍵盤鼓手(二)

接續第一天的練習，我們成功加上了樣式，卻沒有移除它。開始來想辦法在我們不需要這個樣式時，將它移除 JS的監聽器也是可以監聽元素的變化，這時我們監聽的動作會是 '...

喬依司 ‧ 2020-09-11 ‧團隊自討苦吃三十天#像極了愛情

0 Like 0 留言 986 瀏覽

鐵人賽 Modern Web DAY 26

雖然你不是木村拓哉，但它也可以讓你變很行 - Gatsby.js 系列第 26 篇

技術 [Day 26] - Gatsby feat. WordPress

今天我們要與鼎鼎大名的 WordPress 進行串接，將 WordPress 站內的資料藉由 GraphQL 來撈取，並在 Gatsby 專案中，將這些資料做一...

chasel1020 ‧ 2020-10-11

0 Like 0 留言 979 瀏覽

鐵人賽 Modern Web DAY 2

分手前端菜雞之旅@非洲30天系列第 2 篇

技術分手JS-import時到底要不要加{}嘛-D02

JS 模塊化為什麼要有這一篇？ Import & Export 不是很簡單嘛？你為什麼要騙一篇？(後面這句話才真的在騙字數) 欸不是，我就不知道什麼時...

Global Rachel ‧ 2022-09-17 ‧團隊還不給我加薪

1 Like 0 留言 973 瀏覽

鐵人賽 Modern Web DAY 13

實作經典 JavaScript 30 系列第 13 篇

技術 Day13: 認識console

WES BOS系列影片Alex快速導讀系列影片今天比較輕鬆，作者帶我們深入了解console的一些使用方法，記錄下來，也許那天突然就會用到也不一定。作者有準...

喬依司 ‧ 2020-09-21 ‧團隊自討苦吃三十天#像極了愛情

0 Like 0 留言 962 瀏覽

鐵人賽 Modern Web DAY 11

雖然你不是木村拓哉，但它也可以讓你變很行 - Gatsby.js 系列第 11 篇

技術 [Day 11] - 靜態查詢 ( Static Query )

[Day 11] - 靜態查詢 ( Static Query ) 今天我們要來談談有別於頁面查詢的另一種方法，叫做靜態查詢 ( Static Query )，至...

chasel1020 ‧ 2020-09-26

0 Like 0 留言 953 瀏覽

鐵人賽 Modern Web DAY 27

雖然你不是木村拓哉，但它也可以讓你變很行 - Gatsby.js 系列第 27 篇

技術 [Day 27] - Gatsby feat. EC ( 上 )

這邊的 EC 指的是 Electronic Commerce，也就是所謂的電子商務，我們將用一到兩章節的篇幅來介紹如何用 Gatsby 來建立一個基礎的電子商務...

chasel1020 ‧ 2020-10-12

0 Like 0 留言 952 瀏覽

技術 function :發生 JavaScript 嚴重錯誤\n\nSCRIPT1006: 必須要有 ')'

#取得Query String #取得URL的Query String https://127.0.0.1/test.aspx?version=1 在專案中新增...

圓頭人 ‧ 2022-01-17

2 Like 0 留言 947 瀏覽

鐵人賽 Modern Web DAY 25

實作經典 JavaScript 30 系列第 25 篇

技術 Day25: Adding Up Times With Reduce

WES BOS系列影片Alex快速導讀系列影片今天的練習會用到reduce()還有用一些數學的運算，將秒數換算成時分秒然後又複習了一下dataset的用法事不...

喬依司 ‧ 2020-10-03 ‧團隊自討苦吃三十天#像極了愛情

1 Like 0 留言 945 瀏覽

鐵人賽 Modern Web DAY 5

實作經典 JavaScript 30 系列第 5 篇

技術 Day05: 針對陣列的操作練習(一)

WES BOS系列影片Alex快速導讀系列影片開始前建議可以先讀這篇卡斯伯的大補帖https://wcc723.github.io/javascript/20...

喬依司 ‧ 2020-09-13 ‧團隊自討苦吃三十天#像極了愛情

0 Like 0 留言 944 瀏覽

鐵人賽 Modern Web DAY 24

雖然你不是木村拓哉，但它也可以讓你變很行 - Gatsby.js 系列第 24 篇

技術 [Day 24] - 動態導覽列 ( Dynamic Navigation )

身為一個專業的網站，怎麼可以讓使用者在我們的網站中迷路了呢？所以今天我們要來做導覽列 ( Nav Bar )，我們會用 Gatsby 中的資料來動態的產生，而資...

chasel1020 ‧ 2020-10-09

0 Like 0 留言 934 瀏覽

鐵人賽 Modern Web DAY 13

雖然你不是木村拓哉，但它也可以讓你變很行 - Gatsby.js 系列第 13 篇

技術 [Day 13] - 建置第一個 Blog - 文章列表

昨天藉由 gatsby-source-filesystem 這套外掛，我們能看到在 Folder底下諸多 File 的詳細資料，也藉這些資料製作了簡單的畫面，今...

chasel1020 ‧ 2020-09-28

0 Like 0 留言 932 瀏覽

鐵人賽自我挑戰組 DAY 2

溫故知新 JavaScript 系列第 2 篇

技術 Day2- 什麼是 JavaScript

歷史 JavaScript 又稱 JS，根據維基百科的說明最早是在 1993年，伊利諾大學厄巴納-香檳分校的國家超級電腦應用中心（NCSA）發表了NCSA Mo...

AWEI ‧ 2020-09-15

0 Like 0 留言 918 瀏覽

鐵人賽自我挑戰組 DAY 5

邁向 JavaScript 核心之路系列第 5 篇

技術 [Day 5] JavaScript 語法介紹－立即函式 ( IIFE )

今天要介紹給各位客倌的是立即函式 ( Immediately Invoked Function Expression )，是指一個立刻執行的函式，常被使用在只執...

chasel1020 ‧ 2019-09-20

0 Like 0 留言 909 瀏覽

鐵人賽 Modern Web DAY 6

雖然你不是木村拓哉，但它也可以讓你變很行 - Gatsby.js 系列第 6 篇

技術 [Day 06] - 初探 Gatsby 之建立元件

昨天介紹了如何在 React 中設定樣式，今天我們就來講講 Component 吧！對於這部分較為陌生的讀者可能會有這樣一個疑問，為什麼要建構元件？建構元...

chasel1020 ‧ 2020-09-21

1 Like 0 留言 909 瀏覽

鐵人賽 Modern Web DAY 1

喜歡打程式嗎？從JavaScript基礎來進行興趣初探! 系列第 1 篇

技術【Day1】序章什麼是JavaScript

隊名「來啊 ! 打摳啊 !」是這次跟朋友組隊參加鐵人競賽的名稱，如果喜歡我們團隊的文章歡迎幫我們打扣!為我們應援~ 先跟大家介紹一下，我是工業設計系出生，過去...

Yumy ‧ 2022-09-05 ‧團隊來啊!打摳啊!

2 Like 0 留言 906 瀏覽

鐵人賽 Modern Web DAY 21

實作經典 JavaScript 30 系列第 21 篇

技術 Day21: LocalStorage(ㄧ)

WES BOS系列影片Alex快速導讀系列影片今天要來認識LocalStorage看不太懂的話，這裡也有一篇我覺得寫得很好理解的筆記可以參考localStor...

喬依司 ‧ 2020-09-29 ‧團隊自討苦吃三十天#像極了愛情

0 Like 0 留言 904 瀏覽

鐵人賽 Modern Web DAY 9

雖然你不是木村拓哉，但它也可以讓你變很行 - Gatsby.js 系列第 9 篇

技術 [Day 09] - GraphQL 參上

昨天我們完成了第一個簡易版網站，但是，沒有資料的網站，就沒有靈魂！！！所以我們要來介紹 Gatsby 關於資料的部分啦，就如第一天所言， Gatsby 有一個...

chasel1020 ‧ 2020-09-24

1 Like 0 留言 903 瀏覽

鐵人賽 Modern Web DAY 26

實作經典 JavaScript 30 系列第 26 篇

技術 Day26: Follow Along Links

WES BOS系列影片Alex快速導讀系列影片今天的練習是用js控制滑鼠游標，當滑鼠游標到達當前的連結時，我們使用一個新的方法getBoundingClien...

喬依司 ‧ 2020-10-04 ‧團隊自討苦吃三十天#像極了愛情

0 Like 0 留言 902 瀏覽

鐵人賽 Modern Web DAY 8

雖然你不是木村拓哉，但它也可以讓你變很行 - Gatsby.js 系列第 8 篇

技術 [Day 08] - 初探 Gatsby 之創建第一個網站 ( 下 )

昨天我們套用 typography 這個 Plugin 來為我們的網站做全局的基礎樣式處理，並創建了 contact & about 兩個頁面，但樣式上...

chasel1020 ‧ 2020-09-23

0 Like 0 留言 896 瀏覽

鐵人賽 Modern Web DAY 28

雖然你不是木村拓哉，但它也可以讓你變很行 - Gatsby.js 系列第 28 篇

技術 [Day 28] - Gatsby feat. EC ( 下 )

昨天我們完成了一個基本的購物流程，但程式碼內有著不安全的問題，今天我們要用 .env 的形式來規避這個風險，至於怎麼做呢？就讓我們看下去吧！補充說明一下 Sk...

chasel1020 ‧ 2020-10-13

0 Like 0 留言 893 瀏覽

鐵人賽自我挑戰組 DAY 25

邁向 JavaScript 核心之路系列第 25 篇

技術 [Day 25] JavaScript 設計模式－裝飾者模式、策略模式、外觀模式

裝飾者模式 ( Decorator ) 裝飾者模式的概念是在物件上動態的加上功能來強化目標，所以在設計時，必須注意要設計的容易被強化。是透過覆寫的方法來強化功能...

chasel1020 ‧ 2019-10-10

2 Like 0 留言 882 瀏覽

技術前端小試身手(2)--it幫跳轉到最佳解答

目錄前端小試身手(1)--幫「發問/發文頁」新增"編輯"鈕～前端小試身手(2)--it幫跳轉到最佳解答前端小試身手(3)--增添系列文...

Oo_花之舞__oO ‧ 2022-12-28

3 Like 0 留言 882 瀏覽

鐵人賽 Modern Web DAY 23

實作經典 JavaScript 30 系列第 23 篇

技術 Day23: Mouse Move Shadow

WES BOS系列影片Alex快速導讀系列影片今天的練習重點是抓取DOM容器的座標與mousemove事件我們要做一個文字陰影與滑鼠互動的效果要做出這個效果，...

喬依司 ‧ 2020-10-01 ‧團隊自討苦吃三十天#像極了愛情

0 Like 0 留言 871 瀏覽

鐵人賽自我挑戰組 DAY 7

邁向 JavaScript 核心之路系列第 7 篇

技術 [Day 7] JavaScript 語法特性－閉包 ( Closure )

閉包簡介在說明閉包之前，如果對於範圍鏈 ( Scope chain ) 還不是很明白的朋友，建議先去複習昨天的文章或稍作了解後在看本篇會比較好理解哦！閉包的...

chasel1020 ‧ 2019-09-22

1 Like 0 留言 868 瀏覽

鐵人賽自我挑戰組 DAY 9

Javascript 犀牛本-濃縮再濃縮提煉再提煉系列第 9 篇

技術 Day 9: 函數 function (Part 2)

閉包 closure function的執行依賴於變數的作用域，這個作用域是在function定義時決定，並不是在被呼叫時決定的。function物件內部包含代...

7ackson ‧ 2019-09-25

1 Like 0 留言 858 瀏覽

技術 js筆記--寫腳本需要用到的waitForKeyElements.js

目錄 JS筆記-幫元素加上style的寫法 JS筆記-getPosition 讓你找到元素x,y位置 js筆記--寫腳本需要用到的waitForKeyEleme...

Oo_花之舞__oO ‧ 2022-12-28

0 Like 0 留言 835 瀏覽

鐵人賽 Modern Web DAY 21

JavaScript初心者ノ研究日記。系列第 21 篇

技術二十一日目：JavaScript　⑅unshift 　⑅splice 　⑅sort 　⑅copyWithin 　⑅fill ノ章

おはー(U 'ᴗ' U)⑅ SONYKO 打油。連假最後一天、再上幾天班又放假了ok 的。　不知不覺寫到21 天了耶，來點 ⑅中場感言⑅ 好了 ✎ ：我...

RIN ‧ 2020-10-04

0 Like 0 留言 834 瀏覽

鐵人賽 Modern Web DAY 10

雖然你不是木村拓哉，但它也可以讓你變很行 - Gatsby.js 系列第 10 篇

技術 [Day 10] - 頁面查詢 ( Page Query )

昨天我們介紹了如何在 Gatsby 使用 GraphQL 來進行撈取資料，但在 Gatsby 中其實對於撈資料的方式是有區分的唷，我們昨天使用的叫做頁面查詢...

chasel1020 ‧ 2020-09-25

技術 六日目：JavaScript 運算子 演算子 二ノ章