iT邦幫忙

洪文明
iT邦新手 5 級 ‧ 點數 227
302043
累計瀏覽數
站內簡訊 追蹤

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Modern Web

JavaScript 30實作心得筆記 系列

JavaScript 30 是國外著名的JS開發者Wes Bos提供的免費30天課程，課程不只有JS的使用，更包括Html，Css的相互運用。希望透過Js30的實作讓我更加理解JS的運作，並寫點心得與筆記跟大家一起探討Js的世界。

鐵人鍊成 ｜ 共 30 篇文章 ｜ 44 人訂閱 訂閱系列文 RSS系列文 ｜團隊好想工作室第一屆鐵人賽
0 Like 0 留言 7264 瀏覽
DAY 11

Day11 Custom HTML5 Video Player

Day11 Custom HTML5 Video Player Demo 第11天的實作目標是要做出一個客製化的網頁影像播放工具。 在Html5中本身就有vid...

2017-12-30 ‧ 由 洪文明 分享
0 Like 1 留言 1452 瀏覽
DAY 12

Day12 Key Sequence Detection (KONAMI CODE)

Day12 Key Sequence Detection (KONAMI CODE) Demo 第12天的實作目標在網頁中做出科拿米秘技的網頁。 科拿米祕技是指...

2017-12-31 ‧ 由 洪文明 分享
0 Like 0 留言 2268 瀏覽
DAY 13

Day13 Slide In on Scroll

Day13 Slide In on Scroll 第13天的實作是在網頁中有一段文章和圖片，目標是螢幕向下滑動時，img元素會隨著螢幕捲動的位置，而顯示出來。...

2018-01-01 ‧ 由 洪文明 分享
0 Like 0 留言 1246 瀏覽
DAY 14

Day14 JavaScript References VS Copying

Day14 JavaScript References VS Copying 第14天的實作是要解釋js的變數內容為數字，布林值，字串跟變數內容為陣列和物件的差...

2018-01-02 ‧ 由 洪文明 分享
0 Like 0 留言 2089 瀏覽
DAY 15

Day15 LocalStorage and Event Delegation

Day15 LocalStorage and Event Delegation 第15天的實作是要利用LocalStorage來讓網頁關閉之後，資料不會移除，讓...

2018-01-03 ‧ 由 洪文明 分享
0 Like 0 留言 1946 瀏覽
DAY 16

Day16 CSS Text Shadow Mouse Move Effect

Day16 CSS Text Shadow Mouse Move Effect 第16天的實作是做出特定元素的陰影會隨著滑鼠的位置產生位移的變化。 首先在頁面中...

2018-01-04 ‧ 由 洪文明 分享
0 Like 0 留言 1433 瀏覽
DAY 17

Day17 Sorting Band Names without articles

Day17 Sorting Band Names without articles 第17天的實作是要運用陣列的內容進行排序，但排序內容會省略特定開頭字元(本實...

2018-01-05 ‧ 由 洪文明 分享
0 Like 0 留言 1195 瀏覽
DAY 18

Day18 Tally String Times with Reduce

Day18 Tally String Times with Reduce 第18天的實作練習是從li的屬性取得data-time，並將其數值轉換成秒數，並加總成...

2018-01-06 ‧ 由 洪文明 分享
0 Like 0 留言 5189 瀏覽
DAY 19

Day19 Webcam Fun

Day19 Webcam Fun 第19天是網頁使用視訊鏡頭來抓取視訊畫面，讓視訊畫面呈現在網頁上，並可以加入畫面特效，還可將網頁影像轉換成影像檔案。 首先畫面...

2018-01-07 ‧ 由 洪文明 分享
0 Like 0 留言 2703 瀏覽
DAY 20

Day20 Native Speech Recognition

Day20 Native Speech Recognition 在網頁建立一個監聽語音的功能，當講話時會將講話的內容轉換成文字，並顯示於網頁的元素中。 首先在網...

2018-01-08 ‧ 由 洪文明 分享
洪文明的鐵人檔案
洪文明的收藏
洪文明的追蹤
洪文明的Like
洪文明的紀錄
洪文明的訂閱列表