iT邦幫忙

javascript相關文章
共有 5672 則文章

技術 [ JS個人筆記 ] this的指向—DAY8

this 是 JavaScript 的關鍵字 this 是 function 執行時,自動生成的內部物件 隨著 function 執行的場合不同,this 指...

技術 透過 JavaScript Axios 取得 Medium 文章列表和作者資訊

剛心血來潮想抓自己的 Medium 文章放到網站上,於是去查了一下 Medium API,但發現主要功能是透過他們的 API 去自動化你發佈文章的過程罷了 繼續...

技術 [ JS個人筆記 ] 立即函式(IIFE) & 回呼函式 (Callback Function) —DAY7

立即函式(IIFE) 立即執行的函式 限制變數作用域 無法在函式外被再次執行!! //立即函式,函式最外面加上一個小括號,並使用()執行,()在包函式的括號...

技術 MacOS 透過 NVM 管理 Node.js 的版本管理器(Node Version Manager)

NVM 是一個非常方便的 Node 管理器,你可以安裝任何上線的 Node.js 版本並隨時切換,以下將介紹如何在 MacOS 安裝 NVM 以及我常用的一些指...

技術 [ JS個人筆記 ] 閉包Closure—DAY6

簡單來說,就是呼叫函式內的函式,將記憶體封存在內層。 像這樣,我們把 count 封裝在 counter() 當中,不但可以讓裡面的 count 不會暴...

技術 [ JS個人筆記 ] 傳值傳址&深淺層拷貝—DAY5

傳值(call by value)vs傳址(call by reference) 基本型別(Number、String、Boolean、null、undefi...

技術 [ JS個人筆記 ] Hoisting&Scope Chain—DAY4

Hoisting 先了解什麼是Hoisting,也就是宣告提升。此種行為現象主因,是由於js在初始編譯階段,先將變數&函式宣告式放入記憶體(此時無賦予值...

技術 透過 jQuery 使用 Ajax 與 API 進行資料互動(jQuery, Ajax, API, XMLHttpRequest, Axios, JavaScript)

在上一篇稍微講解了一下 認識 jQuery 的基本使用與安裝教學,現在來簡易說明如何透過 jQuery 的 Ajax 與 API 進行資料互動。jQuery 將...

技術 JavaScript - 做個錄音錄影功能ㄅ

大家好!今天這篇主要是實作瀏覽器上的錄音與錄影功能,這邊先列出幾個會做到的目標 顯示視訊畫面與聲音 顯示螢幕分享畫面與聲音 截圖與下載 錄製畫面與聲音 那麼...

技術 背包系統詳解

//裝備藥水:實現藥水單向(若裝備欄內沒藥水可直接裝備)、雙向置換(若裝備欄內已經有藥水,直接點擊新藥水會進行置換), var x = document.ge...

技術 第一篇筆記-製作具有RPG要素的互動式健身會員系統

這是一篇記錄我大專寫到一半的筆記文,單純是覺得寫code寫出了一點成就感,也是為了能記住曾經走過的歪路。 我還尚未從資策會C#班畢業,是個菜逼中的菜逼,目前正在...

技術 [ JS個人筆記 ] 各種討人厭的運算&轉型案例—DAY2

特殊的數字 Infinity 系列: Infinity + Infinity // Infinity -Infinity + -Infinity...

技術 [ JS個人筆記 ] const、let、var的區別—DAY3

主要區別 var: 變數未宣告前使用,會出現undefined var為函式作用域(function scope),不會受限在區塊作用域(block sco...

技術 [ JS個人筆記 ] 資料型別—DAY1

資料型別 為何需判斷型別,其因為電腦在執行時,需先判斷資料是何種型別,才可採取運算方式。例如數字123與字串的123的處理方式。 除了基本型別(Primitiv...

技術 [筆記][JavaScript] - 隨機取出陣列元素之值

使用 Javascript 產生簡易版本的亂數抽籤系統。 先理解 Math.random() 語法。 再結合 Math.floor(),確保每個物件被取出的機...

技術 從零開始用github架設靜態網站入門(4) - 其他小功能製作

用之前的篇幅,已經大概跟大家介紹完靜態網站的基本技巧,理論上要做出一個網站是沒有什麼問題了,BUT我們肯定是不會就此停下腳步的,錦上添花就是工程師的天命阿。所以...

技術 Jquery/JS 使用Input 輸入生日並限制年齡

客戶需求如下 不要用datepicker點,說是手機太小不好點+老人不會點 資料庫格式為西元年,但一堆人填民國年 CodePen程式碼:https://co...

技術 JQuery/JS 使用select option 選擇日期並限制範圍

查資料的時候發現,大部分人選擇日期都直接使用.datepicker或是<input type="date">但需求方希望年、月、...

技術 [整理參考文章] Javascript 傳值傳址&深淺拷貝

前言 因為公司前端資料已經處理成單層結構,所以都沒注意到淺拷貝、深拷貝的實際差別。在讀完高手文章後,才發現和自己想的不一樣。也順手將文章重點整理,分享給大家,別...

技術 Clean Code系列筆記-原則篇

本文同步發表於個人部落格 前言:近期在開發公司內部產品系統時,寫完後再進行功能測試時,往往會遇到蠻多 bug ,一方面是自己未考慮周全,另一方面也是因為自己在...

技術 工程師養成日記:從自學到進入職場,非本科系也能寫扣領薪水!

作者:徐育偉現為零一零科技工程師臺灣科技大學 工業管理系 一切都要從大四開始說起... 那年選修時因為想嘗試不同領域,下定決心選修了「資料庫及APP開發」課程,...

技術 年齡為多少秒

為了了解javascript的變數運算,我們練習去算出一小時、一天、一年、甚至年齡有多少秒我通常練習JavaScript都直接按F12右邊彈出主控台並點到Con...

技術 複習基礎JavaScript

小弟因疫情影響,整天在家苦等Offer於是心血來潮,將自己之前的考題整理成筆記上來與大家分享交流JavaScript太久沒複習了,連一些簡單的型別宣告作用域等等...

技術 Class

終於來到Class的章節了,Class是ES6所新增,在這之前都是使用Prototype去進行物件導向的方式,雖然Class本質上也還是Prototype也就是...

技術 bind, call, apply

在未經過綁定的this會指向Windows Bind 使用Bind會return 一個function let Dennis = { name: &q...

技術 Prototype

在Constructor的章節中我們使用建立實體的方式 function Person(name, age){ this.name = name...

技術 Constructor

當我們今天要儲存個人的信息會使用到object,但仔細思考若有100位的話,是否太麻煩了 let persion1 = { name: "De...

技術 CallStack

由於JavaScript是單線程的語言,所以從上而下設計就很重要,若有點困難可以先去看Function Scope了解會很快了解CallStack 以下為依序執...

技術 Scope Chain & Closure

我們先來小試身手,在這之前我們必須有function scope 跟 global varible的基本知識 let a = "hello&quot...

技術 Hoisting

關於Hoisting很像是變數被拉升到上層 提升變數不會賦值 var a = 2 LHS console.log(a) RHS 尚未宣告變數,即RHS該數值...