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

8 Like 0 留言 41779 瀏覽

鐵人賽自我挑戰組

JavaScript之一定要了解的 Array 與方法系列第 33 篇

達標好文技術把要的元素留下來的 Array 陣列方法 filter()

Array 33 媽媽說，蘋果要挑大顆又漂亮來拜，神明才會保佑我們。 map()和filter()常常被稱為最好用的兩個陣列方法，之所以好用，有一個原因是我...

tsuifei ‧ 2019-12-23 ‧團隊好想工作室 v3.0

0 Like 1 留言 23994 瀏覽

徵才【徵才】彰化-C/JAVA/PHP 軟體工程師

台灣本土產業、開發多領域、新技術自有專利多種跨平台各類軟體系統 --尋找夥伴數位--一、職缺名稱：資料處理系統程式設計 & PHP工程師二、工作內容...

jack-j ‧ 2022-01-20

0 Like 0 留言 18160 瀏覽

徵才海洋科技中心人事直招-Java 前端數名，iOS 2名，安卓2名，運維2名，產品經理2名

🌈公司簡介總部南洋集團成立於 2016 年，我公司為各行各業提供專業的 IT 技術服務，經過 5 年多的努力與發展，已具有一定的規模及實力，現擁有多支技術精湛的...

halleyg252528 ‧ 2023-01-21

3 Like 1 留言 17688 瀏覽

鐵人賽 Modern Web DAY 5

JavaScript基本功修煉系列第 5 篇

技術 JavaScript基本功修練：Day5 - 宣告變數 - let、const、var

ES6開始就引入了let、const替代var去宣告變數。今天就來整理一下自己學習let和const時碰到的概念。 let、const解決了var的什麼問題？...

Alysa Chan ‧ 2020-09-20 ‧團隊十萬伏bug打字團

0 Like 0 留言 13547 瀏覽

徵才【徵才】彰化-C/JAVA/PHP 軟體工程師

台灣本土產業、開發多領域、新技術自有專利多種跨平台各類軟體系統 --尋找夥伴數位--一、職缺名稱：資料處理系統程式設計師 & PHP程式設計師二、工...

jack-j ‧ 2022-08-23

3 Like 3 留言 6880 瀏覽

鐵人賽 Modern Web DAY 1

JavaScript基本功修煉系列第 1 篇

技術 JavaScript基本功修練： Day1 - 前言

鐵人賽的第一篇就來寫寫自己參賽目的和文章大綱。個人背景來自香港，2019年大學畢業，本科是視覺藝術，專攻平面設計畢業後成為兼職平面設計師和接案，期間接...

Alysa Chan ‧ 2020-09-16 ‧團隊十萬伏bug打字團

1 Like 1 留言 4851 瀏覽

鐵人賽 Modern Web DAY 3

JavaScript基本功修煉系列第 3 篇

技術 JavaScript基本功修練：Day3 - 基本型別(I) - 數字

這篇主要概述JavaScript基本型別的意思，並針對講解數字這個型別。明天才會繼續一併講完字串、布林、undefined、null、symbol。在進入正題...

Alysa Chan ‧ 2020-09-18 ‧團隊十萬伏bug打字團

0 Like 0 留言 4345 瀏覽

鐵人賽 Modern Web DAY 25

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

技術 [Day 25] - 會員驗證 ( User Authentication )

有時候，我們在做專案時，總會有會員的需求，大概上就是指有些內容只有登入過的使用者能夠瀏覽，今天我們就要來實作這樣的流程。在 Gatsby 中，我們透過 API...

chasel1020 ‧ 2020-10-10

2 Like 0 留言 3779 瀏覽

鐵人賽 Modern Web DAY 4

實作經典 JavaScript 30 系列第 4 篇

技術 Day04:用CSS + JS 做一個時鐘

WES BOS系列影片Alex快速導讀系列影片原作者的時鐘版本比較簡易些，對於時間的算式也比較不直覺，而Alex大大的版本將時鐘做得更細緻，時間算式也更完整。...

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

1 Like 0 留言 3602 瀏覽

鐵人賽 Modern Web DAY 29

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

技術 [Day 29] - Gatsby v.s. Next

終於來到尾聲了，今天我們將對 Next.js 來做一番介紹，介紹完後，我們會跟這二十九天來的戰友 Gatsby 來做一次簡單的比較，最後會告訴大家，什麼時候該選...

chasel1020 ‧ 2020-10-14

0 Like 0 留言 3342 瀏覽

技術 JS筆記-前端撥放m3u8的兩種方法

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

Oo_花之舞__oO ‧ 2023-01-07

5 Like 1 留言 3275 瀏覽

鐵人賽 Modern Web

JavaScript基本功修煉系列第 31 篇

技術 JavaScript基本功修練：Day31 - 完賽了，然後呢？

最終完賽了，可以明正言順發廢文！趁著剛剛完賽的心情，趕緊寫一下心得，反思整個過程裏，除了技術以外所學習到的東西。坦白說，雖然看到六角學院一直在推鐵人賽，但我一...

Alysa Chan ‧ 2020-10-16 ‧團隊十萬伏bug打字團

1 Like 0 留言 2796 瀏覽

鐵人賽 Modern Web DAY 11

實作經典 JavaScript 30 系列第 11 篇

技術 Day11: 在Canvas畫布上，用滑鼠畫畫(ㄧ)

WES BOS系列影片Alex快速導讀系列影片今天要用滑鼠在網頁上畫畫。初探Canvas元素的使用方式，可與MDN的Canvas教學手冊搭配服用但若是只想知道...

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

0 Like 0 留言 2625 瀏覽

技術在HackerRank的第二天

今天看著流覽器切換到的測驗是Day7，不是我很厲害，而是我昨天完成Day1後按next Challeng後被傳送到Day7，害我昨天寫心得的時候已為自己做了多少...

帽客 ‧ 2020-02-26

0 Like 0 留言 2490 瀏覽

鐵人賽 Modern Web DAY 2

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

技術 [Day 02] - 什麼是 Gatsby ?

什麼是 Gatsby ? Gatsby 是一個日本男性化妝品牌現代化開發網站的網站產生系統，它擁有著完整、豐富且開源的生態系，且基於 React + Gra...

chasel1020 ‧ 2020-09-17

1 Like 0 留言 2408 瀏覽

鐵人賽 Modern Web DAY 14

實作經典 JavaScript 30 系列第 14 篇

技術 Day14: 一次選取想要選取的checkbox

WES BOS系列影片Alex快速導讀系列影片今天要嘗試做一個todo-list的小功能，按下shift鍵時，可以一次勾選代辦事項。 1.首先抓出所有chec...

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

0 Like 0 留言 2279 瀏覽

技術 2020/06/18 review HTML5/ JQuery

最近因為工作需求所以要使用到HTML5的所有東西雖然每一個東西都大概有碰過，但真的沒再用就會忘記(淚流想說要統整一下讓自己比較好參照，但是Evernote不支援...

艾倫 ‧ 2020-06-19

1 Like 0 留言 2276 瀏覽

鐵人賽 Modern Web DAY 15

實作經典 JavaScript 30 系列第 15 篇

技術 Day15: 自製的影片撥放器(一)

WES BOS系列影片Alex快速導讀系列影片今天要來製作自己的影片撥放器，覺得原始的控制套件很醜?那就自己做一個，不過作者已經幫我們做好樣式了。我們還是注重...

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

1 Like 0 留言 2079 瀏覽

鐵人賽 Modern Web DAY 18

實作經典 JavaScript 30 系列第 18 篇

技術 Day 18 : 為網頁增加圖片動畫效果

WES BOS系列影片Alex快速導讀系列影片今天要為靜態的文章，添加一些圖片進場的動畫效果練習抓取螢幕與圖片的長度，進而控制圖片的進場時間。 1.先抓出需要...

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

0 Like 0 留言 2076 瀏覽

鐵人賽自我挑戰組 DAY 10

溫故知新 JavaScript 系列第 10 篇

技術 Day10- 來做一個簡易計算機吧 -上集

Hello，我們前面知道了怎麼透過 JS 去更換網頁的內容，也知道變數與函式的用途，學了這麼多零碎的知識是不是還感覺不到這些概念的使用時機，以及如何透過這些方法...

AWEI ‧ 2020-09-23

0 Like 0 留言 2068 瀏覽

鐵人賽自我挑戰組 DAY 24

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

技術 [Day 24] JavaScript 設計模式－單體模式、簡單工廠模式、迭代器模式

單體模式 ( Singleton ) 單體模式的概念是確保一個類別只有一個物件，並提供對該物件的全域操作，一般來說，當我們利用同一個類別建立實體物件時，每次建立...

chasel1020 ‧ 2019-10-09

1 Like 0 留言 1995 瀏覽

鐵人賽 Modern Web DAY 2

實作經典 JavaScript 30 系列第 2 篇

技術 Day02:來做個鍵盤鼓手(一)

WES BOS系列影片Alex快速導讀系列影片 Day01-JavaScript Drum Kit 思考需要的功能1.按鍵按下後需要發出聲音2.發出聲音的同時加...

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

0 Like 0 留言 1930 瀏覽

鐵人賽自我挑戰組 DAY 3

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

技術 [Day 3] JavaScript 語法介紹－型別 ( 2 ) 與布林值

undefined & null null 是一種沒有值的值 null 的類型是 object ( typeof ) JavaScript 變數的...

chasel1020 ‧ 2019-09-18

0 Like 0 留言 1849 瀏覽

鐵人賽 Modern Web DAY 3

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

技術 [Day 03] - 初探 Gatsby 之環境建置

今天我們終於要來點實作啦，前兩天介紹的心癢癢，今天終於能初窺 Gatsby 的風采！開發環境建置與說明在進行實作之前，我建議大家對以下幾點有個基本的認識...

chasel1020 ‧ 2020-09-18

0 Like 0 留言 1833 瀏覽

鐵人賽自我挑戰組 DAY 21

JavaScript老學徒筆記—馬步篇系列第 22 篇

技術【Day21】給我一個節點，我可以把網頁改頭換面

「DOM API 定義了 JavaScript 存取、改變 HTML 架構、內容、樣式的方法，甚至對節點綁定的事件。」前一篇的內容，是關於 JavaScri...

popeye_ux ‧ 2021-09-21

1 Like 1 留言 1666 瀏覽

鐵人賽 Modern Web DAY 17

實作經典 JavaScript 30 系列第 17 篇

技術 Day17: 為網站設計一個彩蛋

WES BOS系列影片Alex快速導讀系列影片今天的實例用到了cornify.js這個套件，功能類似打電動時要放大絕招前，一定要輸入一段指令串。例如:上上下下...

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

1 Like 0 留言 1620 瀏覽

技術 JS筆記-讓chrome跳過「允許下載多個檔案」的技巧

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

Oo_花之舞__oO ‧ 2023-01-13

1 Like 0 留言 1614 瀏覽

鐵人賽 Modern Web DAY 28

實作經典 JavaScript 30 系列第 28 篇

技術 Day28: Sticky Nav

WES BOS系列影片Alex快速導讀系列影片今天針對常用的Navbar做fix的狀態這真的是很常見的功能，可以立馬學起來 1.先抓出NavBar的位置，以及...

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

0 Like 0 留言 1604 瀏覽

鐵人賽 Modern Web DAY 1

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

技術 [Day 01] - 成為行男的第一步

為什麼要寫這系列的文章？稍有經驗的開發者，可能都對 SPA ( Single Page Application ) 不會太陌生，其原理都是藉由廣為人知的 J...

chasel1020 ‧ 2020-09-16

0 Like 0 留言 1524 瀏覽

鐵人賽 Modern Web DAY 5

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

技術 [Day 05] - 初探 Gatsby 之樣式調整大全

今天我們會在 React 方面多著墨，會講解如何在 React 專案中調整樣式，還有有哪些方式能去調整，同時也會講解如果在 Gatsby 專案中，該怎麼使用這些...

chasel1020 ‧ 2020-09-20

達標好文 技術 把要的元素留下來的 Array 陣列方法 filter()

徵才 【徵才】彰化-C/JAVA/PHP 軟體工程師

徵才 海洋科技中心人事直招-Java 前端 數名，iOS 2名，安卓2名，運維2名，產品經理2名

技術 JavaScript基本功修練：Day5 - 宣告變數 - let、const、var

徵才 【徵才】彰化-C/JAVA/PHP 軟體工程師

技術 JavaScript基本功修練： Day1 - 前言

技術 JavaScript基本功修練：Day3 - 基本型別(I) - 數字

技術 [Day 25] - 會員驗證 ( User Authentication )

技術 Day04:用CSS + JS 做一個時鐘

技術 [Day 29] - Gatsby v.s. Next

技術 JS筆記-前端撥放m3u8的兩種方法

技術 JavaScript基本功修練：Day31 - 完賽了，然後呢？

技術 Day11: 在Canvas畫布上，用滑鼠畫畫(ㄧ)

技術 在HackerRank的第二天

技術 [Day 02] - 什麼是 Gatsby ?

技術 Day14: 一次選取想要選取的checkbox

技術 2020/06/18 review HTML5/ JQuery

技術 Day15: 自製的影片撥放器(一)

技術 Day 18 : 為網頁增加圖片動畫效果

技術 Day10- 來做一個簡易計算機吧 -上集

技術 [Day 24] JavaScript 設計模式－ 單體模式、簡單工廠模式、迭代器模式

技術 Day02:來做個鍵盤鼓手(一)

技術 [Day 3] JavaScript 語法介紹 － 型別 ( 2 ) 與 布林值

技術 [Day 03] - 初探 Gatsby 之環境建置

技術 【Day21】給我一個節點，我可以把網頁改頭換面

技術 Day17: 為網站設計一個彩蛋

技術 JS筆記-讓chrome跳過「允許下載多個檔案」的技巧

技術 Day28: Sticky Nav

技術 [Day 01] - 成為行男的第一步

技術 [Day 05] - 初探 Gatsby 之樣式調整大全

標記使用者

達標好文技術把要的元素留下來的 Array 陣列方法 filter()

徵才【徵才】彰化-C/JAVA/PHP 軟體工程師

徵才海洋科技中心人事直招-Java 前端數名，iOS 2名，安卓2名，運維2名，產品經理2名

徵才【徵才】彰化-C/JAVA/PHP 軟體工程師

技術在HackerRank的第二天

技術 [Day 24] JavaScript 設計模式－單體模式、簡單工廠模式、迭代器模式

技術 [Day 3] JavaScript 語法介紹－型別 ( 2 ) 與布林值

技術【Day21】給我一個節點，我可以把網頁改頭換面