iT邦幫忙

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

技術 數據可視化:Django + pandas + ECharts + 前後端分離

做數據分析時,我們可能會很常使用jupyter notebook來操作並且可能依照個人喜好來使用像是seaborn、matplotlib等工具把資料視覺化但是如...

鐵人賽 自我挑戰組 DAY 1

技術 [Day 1] 前言

緣起 這是第一次參加iT邦幫忙的鐵人賽,至於為什麼會這麼想不開呢(?,主要是今年九月中時,參加了 Tommy 的深入 JavaScript 核心課程,一方面想藉...

技術 HTML5:THREE.JS 新手遇到了問題,求幫忙!

</body> <script> var camera, scene, renderer, geometry, materi...

技術 javascript變數與運算子1

註:只要屬性的開頭跟結束之間沒有打上任何的文字,就可以將屬性合併成一個,例如< hr/ >現在教字串怎麼打還有介紹布林值是什麼,以下用程式碼截圖來呈...

鐵人賽 Modern Web DAY 20

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

昨天我們完成了 Slug 的添加跟靜態資料的讀取,今天我們要建立一個頁面模板來動態的創建頁面,話不多說,就直接來進入主題吧! 使用 createPages 來動...

鐵人賽 自我挑戰組 DAY 17

技術 [Day 17] JavaScript 物件導向- 私有函式與變數、唯獨方法和屬性

私有函式與變數 私有函式與變數是指只有透過內部才可存取操作的函式與變數,前幾天我話好像太多了 XDD,所以今天就直接進入主題,直接來看一段程式碼吧。...

技術 javascript01輸出方法

javascript01輸出方法在head區域內,程式需撰寫在script環境中可用視窗事件、或是寫入html、或是後臺控制台中 <!DOCTYPE ht...

鐵人賽 Software Development DAY 12

技術 Day 12: Merge Intervals

看完這題題目還記得小時候很常被問到:給你一些數字,請你從這些數中用最少的數,來涵蓋最多的範圍。於是我們就會拿起筆開畫數線。不過今天,我們要用程式碼來解題,沒有了...

鐵人賽 自我挑戰組 DAY 20

技術 [Day 20] JavaScript 物件繼承- 繼承原型方法

參數傳遞 參數傳遞的過程是將變數在記憶體的位置參考複製到 function 的參數上,當修改這個參數的內容,實際上是去修改參考上的內容,若重新賦予新值則會建立新...

鐵人賽 自我挑戰組 DAY 23

技術 [Day 23] JavaScript 設計模式- 基本介紹

我們在寫程式時,經常會碰到很類似的需求,每次都增加一些類似內容的程式碼,甚至可以用複製貼上後修改幾個小地方就能完成,漸漸的我們可以從這些程式碼當中發現是有規律的...

鐵人賽 自我挑戰組 DAY 27

技術 [Day 27] JavaScript ES6 語法- 變數範圍鏈、常數、函式範圍鏈

變數範圍鏈 (Variable Scoping) let 與 var 的不同在於變數有效範圍界定的差別。 var 是 function 界定變數的有效範圍,而...

技術 HTML5-解決數值輸入框可以輸入字母"e"及"."問題

<input id="phone" type="number" oninput="maxLengthCh...

鐵人賽 自我挑戰組 DAY 10

技術 [Day 10] JavaScript 語法特性 - 嚴格模式

嚴格模式是指可以讓 JavaScript 的語法變得更嚴謹,相對於原本的語法來說,在執行時較不容易出錯。 那該如何使用呢? 其實非常簡單,若整隻檔案都要套用嚴格...

鐵人賽 自我挑戰組 DAY 16

技術 [Day 16] JavaScript 物件導向- 原型鏈 ( prototype chain )

各位朋友打給後,看完前面幾個章節後,不知道各位有沒有理解呢? 如果還是似懂非懂的話,沒關係哦,今天在介紹原型鏈之前, 先來說一個小故事吧! 很久很久以前,早在六...

鐵人賽 自我挑戰組 DAY 22

技術 [Day 22] JavaScript 物件繼承- Object.creat 繼承方法

打給後,大家還記得我們昨天提的暫時類別繼承方法嗎? 是不是覺得落落長,不太好理解呢? 沒問題,今天我們來講講更簡潔的方法吧! Object.create Obj...

技術 學習JavaScript紀錄Day1

學習目的:JavaScrip語言是網站客服端的最佳動態利器,想要製作一個生動的網頁肯定不能少了他。如果想要讓網頁動起來,除了使用各種程式語言之外,JavaScr...

鐵人賽 自我挑戰組 DAY 1

技術 Day1-那些年我沒寫到的資料結構和 LeetCode 題目練習-系列介紹

前言 這篇主要是介紹一下我在這次的鐵人賽要寫的內容,我想讀者從主題題目可以推測到我可能會介紹一些資料結構和 LeetCode 題目,沒錯,這次的系列算是 使用J...

技術 學習JavaScript第一天--console 裡練習JavaScript基本型別

typeof-->可以查出型別 let a = 1 ; undefined a 1 typeof a "number"...

鐵人賽 自我挑戰組 DAY 2

技術 Day2-基數排序法(Radix Sort)

基數排序法是一種只針對整數的排序法,主要是使用一個整數的(個/十/百/千)位數大小去判斷哪個整數比較大,而非直接比較兩個數的大小去做排序。 排序的過程用圖解和動...

鐵人賽 自我挑戰組 DAY 3

技術 Day3-一些 LeetCode 問題會用到的演算法 & 範例題目

這篇是要分享幾個在解一些 LeetCode 問題會用到的演算法,包括 frequency counter、multiple pointers、sliding w...

鐵人賽 影片教學 DAY 17

技術 一起來實作響應式網頁設計:你的邏輯還行嗎? JavaScript的邏輯判斷 Day17

影片教學 重點回顧 Comparison Operators ==:回傳 true if the operands are equal,也就是判斷==左右兩...

鐵人賽 影片教學 DAY 15

技術 一起來實作響應式網頁設計:JavaScript Data Type-1 Day15

影片教學 重點回顧 JavaScript Data Type Number:表示數字 String:表示字串 Boolean:True, False Nul...

鐵人賽 影片教學 DAY 16

技術 一起來實作響應式網頁設計:JavaScript Data Type-2 Day16

影片教學 重點回顧 String 的 Attributes & Methods js 是物件導向程式語言,String可被視作物件,有String的a...