iT邦幫忙

javascript相關文章
共有 5171 則文章
鐵人賽 開發技術 DAY 5

技術 Day5- 入門AngularJS筆記-AngularJS指令(4): ng-show

ng-show是什麼? ng-show/ng-hide是有條件的顯示/隱藏html內的內容。 先來看看1個簡單的範例如下: 官方網站的ng-show範例-清楚展...

達標好文 技術 [筆記][HTML][JavaScript]canvas的基本用法(1)-來繪製一些簡單的圖形吧!

大家好啊!又到了每週一次的動頭腦...不對!這禮拜沒有了,哈哈哈,前一陣子啊,小弟我參加了一個活動(在這裡),主要是在九個禮拜的時間,每個禮拜都會出一個主題讓大...

技術 [JS][Angular] 使用按鈕觸發檔案上傳

在做檔案上傳時,想把很醜的 <input type="file"> 換成漂亮的按鈕。 做法:先將 input file 隱藏,接...

鐵人賽 Modern Web DAY 2

技術 [ Vue.js ] Why Vue.js? 我能不要用他嗎?

學習完 Vue 之後,想要透過單元測試守護你的專案,但又不知道從何起手?別擔心,快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試!》讓你的 V...

鐵人賽 Modern Web DAY 3

達標好文 技術 你不可不知的 JavaScript 二三事#Day3:資料型態的夢魘——動態型別加弱型別(2)

上一篇介紹了動態型別和靜態型別的差別,這一篇來看到弱型別和強型別。 強型別 vs. 弱型別 強型別的例子 強型別的例子,我們一樣拿型別界的乖寶寶 —— Java...

技術 Javascript 進階 7-3 屬性列舉與原型的關係

這篇文章會結合屬性列舉的特徵以及原型的關係做介紹 function Person () { } Person.prototype.name = '人類';...

達標好文 技術 [筆記][JavaScript]單一物件的基本操作

HIHI,因為最近在重看JavaScript,剛好讀到物件的使用方法,想說順便記錄一下,之後再陸續紀錄進階的使用方法和繼承。 簡單說,JavaScript的所有...

鐵人賽 Modern Web DAY 8
重新認識 JavaScript 系列 第 8

達標好文 技術 重新認識 JavaScript: Day 08 Boolean 的真假判斷

本系列文章已重新編修,並在加入部分 ES6 新篇章後集結成書,有興趣的朋友可至天瓏書局選購,感謝大家支持。 購書連結 https://www.tenlong....

技術 JS 陣列轉換&小技巧

Array.from 類陣列轉換 NodeList & HTMLCollection 類陣列轉換成陣列已寫另成一篇文 點我~ Array.from...

鐵人賽 Modern Web DAY 6
重新認識 JavaScript 系列 第 6

達標好文 技術 重新認識 JavaScript: Day 06 運算式與運算子

本系列文章已重新編修,並在加入部分 ES6 新篇章後集結成書,有興趣的朋友可至天瓏書局選購,感謝大家支持。 購書連結 https://www.tenlong....

鐵人賽 Modern Web DAY 13

達標好文 技術 不只懂 Vue 語法:如何透過路由實現跨頁面傳遞資料?

問題回答 在跳轉頁面時,可以透過路由物件裏 params 或 query 來傳遞資料,也可以使用各種不同模式的 Route props 來傳遞資料。前者需要依賴...

鐵人賽 Modern Web DAY 3
React - DOM界的彼方 系列 第 3

達標好文 技術 Day 03: ESLint - Lint工具的後起之秀

本章的目標是提供一些ESLint的簡介與使用建議,當然它只是個檢查工具,並不會自動幫你修正錯誤或警告。在撰寫程式碼的過程中,檢查工具的提示是很重要,它是可以提...

鐵人賽 Software Development DAY 25

技術 【Day25】[演算法]-合併排序法Merge Sort

合併排序法(Merge Sort)原理是會先將原始資料分割成兩個資料列,接著再將兩個資料繼續分割成兩個資料列,依此類推,直到無法再分割,也就是每組都只剩下一筆資...

鐵人賽 Software Development DAY 23

技術 【Day23】[演算法]-插入排序法Insertion Sort

插入排序法(Insertion Sort),原理是逐一將原始資料加入已排序好資料中,並逐一與已排序好的資料作比較,找到對的位置插入。例如:已有2筆排序好資料,將...

鐵人賽 Modern Web

技術 [十分鐘學習] p5.js - 繪畫套件

p5.js是一套JavaScript函式庫,有完整的繪畫功能,並不侷限在畫布上,你可以把整個瀏覽器當作你的草稿,另外有套件可以讓你更容易去做HTML5物件互動...

達標好文 技術 Electron - 用網頁技術做一個桌面應用程式吧!

Hi 各位,今天不寫網頁,而要來做一個桌面應用程式啦!是不是很興奮呢?感覺好像不是只在 Web 這個圈圈了哈哈,具體我們會用 Electron 這個框架來包裝網...

鐵人賽 Modern Web

技術 [十分鐘學習] Handlebars.js - 輕量型模板套件

Handlebars主要是讓你在做語意型模板(semantic templates)更有效率、且不容易受挫,並且相容Mustache模板,大多數可以直接互換使用...

達標好文 技術 {'JS-Objects':5} Jade樣板引擎入門(1)-基本概念與用法

對於手工撰寫HTML的開發者而言,最大的問題往往是遇到多層巢狀結構時,開頭和結尾不小心沒有收好,而造成DOM結構的混亂甚至錯誤。 因此有人發明了Haml (ht...

技術 JavaScript計算兩個日期之間的時間差

有兩個日期,要算這兩個日期之間,相差幾小時、幾分、幾秒 目前想的作法是像下面這樣,如果有更好的解法,請各位大大指教。 var ONE_HOUR = 1000 *...

鐵人賽 Modern Web DAY 1

達標好文 技術 「全端挑戰」學習Mern全端開發概念與動態網站開發流程懶人包

鐵人賽 Day1 自己做一個價值幾十萬的動態網站 第一課:學習Mern全端開發概念與開發流程 1.前言: 此分享為給有一點JavaScript基礎並想自己掌握網...

鐵人賽 Modern Web

技術 [十分鐘學習] Quill - 文字編輯器

Quill是當代高相容性、強大、豐富且具有擴充延展性的文字編輯器。對於行動裝置支援度高 GitHub Star: 16,000Javascripting O...

鐵人賽 IT技術鐵人 DAY 1
node.js伺服器實戰 系列 第 1

達標好文 技術 node.js伺服器實戰(1) - node.js簡介

先稍微簡單介紹一下,什麼是node.js。 作者 node.js是Ryan Dahl於2009年jsconf上發表的伺服器端Javascript環境,他為了解決...

鐵人賽 Modern Web DAY 7

達標好文 技術 validate.js - 輕鬆完成表單驗證

validate.js 是一個方便用於表單驗證的 JavaScript 函式庫,透過 validate.js 你可以更簡單且完整的處理表單驗證的問題,那就來介紹...

鐵人賽 Modern Web

技術 [十分鐘學習] Faker.js - 做假資料的利器

可以在瀏覽器或Node.js產生大量的假數據。測試時期相當方便的東西,也可以透過Google Extension來運作 GitHub Star: 12,90...

鐵人賽 自我挑戰組 DAY 3

技術 [Day 03 | Array.prototype.length]

今天介紹陣列的屬性 - length length 是陣列的屬性之一, 主要的功能可以用來判斷字串的長度, 其用法也相當簡單, 只要在自己定義的陣列後面加上.l...

鐵人賽 Modern Web DAY 29
30 天精通 RxJS 系列 第 29

技術 30 天精通 RxJS(28):Scheduler 基本觀念

本篇文章搬家囉! 這裡不再回覆留言,請移至 https://blog.jerry-hong.com/series/rxjs/thirty-days-RxJS-...

鐵人賽 Modern Web

技術 [十分鐘學習] Leaflet - 全民地圖改造王

Leaflet是一套對行動裝置友善的互動地圖並且開源的JavaScript函式庫,總大小只有38KB,卻有著大多數開發人員想要需求。簡單、專業、實用並且跨平台...

鐵人賽 IT技術 DAY 5
Front to Back, Node.js 系列 第 5

技術 Node.js 執行程式 & 環境介紹 - node.js day 5

環境目前已經都建置完成,也對於基本的架構有個認識,在這邊還是要花個章節,跟大家介紹怎麼樣執行 node.js 程式,凡事總是要有個 hello world. #...

技術 D3.js 生命遊戲 ( Conway's Game of Life Simulation )

介紹 Game of Life 是英國數學家 John Horton Conway 在 1970 年發明的細胞自動機。建立一個 LxW 的格子,每個格子代表一個...

鐵人賽 Modern Web

技術 [十分鐘學習] ScrollReveal - 動態顯示內容

極簡,桌上型、行動裝置都可運行的卷軸動畫 GitHub Star: 14,000Javascripting Overall: 81%瀏覽器: Chrome、...