iT邦幫忙

#javascript相關文章
共有 143 則文章

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

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

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

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

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

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

鐵人賽 Modern Web DAY 5
JavaScript基本功修煉 系列 第 5

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

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

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

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

鐵人賽 Modern Web DAY 1
JavaScript基本功修煉 系列 第 1

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

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

鐵人賽 Modern Web DAY 3
JavaScript基本功修煉 系列 第 3

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

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

鐵人賽 Modern Web DAY 25

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

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

鐵人賽 Modern Web DAY 4
實作經典 JavaScript 30 系列 第 4

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

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

鐵人賽 Modern Web DAY 29

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

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

鐵人賽 Modern Web
JavaScript基本功修煉 系列 第 31

技術 JavaScript基本功修練:Day31 - 完賽了,然後呢?

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

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

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

技術 在HackerRank的第二天

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

鐵人賽 Modern Web DAY 11
實作經典 JavaScript 30 系列 第 11

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

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

鐵人賽 Modern Web DAY 2

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

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

技術 2020/06/18 review HTML5/ JQuery

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

鐵人賽 Modern Web DAY 14
實作經典 JavaScript 30 系列 第 14

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

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

鐵人賽 Modern Web DAY 15
實作經典 JavaScript 30 系列 第 15

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

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

鐵人賽 自我挑戰組 DAY 24

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

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

鐵人賽 Modern Web DAY 18
實作經典 JavaScript 30 系列 第 18

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

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

鐵人賽 自我挑戰組 DAY 10
溫故知新 JavaScript 系列 第 10

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

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

鐵人賽 Modern Web DAY 2
實作經典 JavaScript 30 系列 第 2

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

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

鐵人賽 自我挑戰組 DAY 3

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

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

鐵人賽 Modern Web DAY 3

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

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

鐵人賽 自我挑戰組 DAY 21

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

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

鐵人賽 Modern Web DAY 1

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

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

鐵人賽 Modern Web DAY 28
實作經典 JavaScript 30 系列 第 28

技術 Day28: Sticky Nav

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

鐵人賽 Modern Web DAY 17
實作經典 JavaScript 30 系列 第 17

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

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

鐵人賽 Modern Web DAY 5

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

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

技術 2022新年挑戰 - 7 days for Javascript(Day 1 - Developer Set Up)

因為在工作上, 基本上碰不到Javascript, 感覺再不複習一下, 就要忘光光了 (汗)所以決定找個線上課程follow一下, 在這個新年假期, 也充實一下...