iT邦幫忙

javascript相關文章
共有 1416 則文章

技術 ES6 Class / Symbol

大綱 物件列舉屬性 (for-in/Object.keys) 物件屬性特性設定 (ES5 defineProperty / ES6 Symbol) ES6 C...

技術 JS 原型鏈

JS 原型鏈 若要建立兩個汽車的實體,該如何建立? Why use OO 減少重複的程式碼 減少記憶體的使用 使實體有關聯性 類別、物件 類別: 為實體的...

徵才 前端工程師 Frontend Engineer (跨境電商)

工作內容: Internet程式設計師,軟體設計工程師 我們誠摯地尋找符合以下的軟體工程師人才: 喜愛程式設計與網頁前端互動技術,並有持續精進的自許! 負責跨...

技術 Files - 圖片轉換處理

此篇記錄一下圖片傳輸的學習筆記,也順便帶大家了解~ 上傳圖片 首先建立一個上傳圖片的 input // 加上 multiple 可上傳多個檔案 <inpu...

技術 [野人獻曝] Javascript 中 switch 的彈性用法

在使用 switch 來判斷條件時,通常以一個變數來比對多種可能值,例如: function checkColor(color){ switch(color...

技術 Canvas - 文字篇

文字的需求對 canvas 相對較小,但有時候還是用的到,這邊簡短介紹一下 文本樣式 基本上設定方法與 css 大同小異 font 使用方法同 css 的 fo...

技術 Canvas - 色彩與設定篇

上篇學會了繪製圖形,此篇是要帶大家一起新增細部設定與使用色彩 GOGOGO! 顏色設定 填入顏色時,需先宣告顏色再開始繪製圖形,可使用方法有以下~ // 填滿圖...

技術 Canvas - 基礎圖形繪製篇

此篇要來介紹 canvas,它是一個 html 中的元素,並且可以使用 javascript 來操縱,並在網頁上畫出一些圖形,今天就是帶大家一起了解該如何繪製圖...

技術 axios 基本使用 & Config

axios 介紹 依賴 ES6 Promise,若不支援請使用 Polyfill 支援 Promise API 可取消請求 (Promise 無法) 自動轉...

技術 RESTful API 練習 (XHR, Fetch詳解)

RestFul API GET 取得資料 POST 新增資料 PUT 完整更新 (會將你設定的覆蓋過去,舊有的屬性消失) PATCH 局部更...

技術 JS 有趣的陣列處理小題目

JS 有趣的小題目 到處看文章,晃到的一個小題目。 看似簡單,但還是耗了一些時間才想出解法。 題目來源 原作者也有他的解法可以參考參考~ 目標是把原始資料...

技術 JS 原型鏈

Why use OO 減少重複的程式碼 減少記憶體的使用 使實體有關聯性 類別、物件 類別: 是一個藍圖,未有實體(instance) Ex:車子設計圖...

技術 JS Conf Animation with concept 心得

JS Conf Youtube錄影 Animation purpose making context clear (突顯內容) displaying hier...

技術 ES6 預設參數,展開,剩餘運算子

ES6 預設參數 (Default parameters) 過去都要先自行檢查是否為 undefined 使用預設參數後 傳入參數 undefined =&g...

技術 JS This 指向誰

this 決定在於函式如何被呼叫 Why use This 可用不同物件,調用同函式 使 API 更簡潔且易於復用 function identify()...

技術 JS Closure 閉包

閉包 Closures are Functions with Preserved data 將變數 "保存" 在 Function 之...

技術 You Might Not Need JQUERY 閱讀整理

前言 看一波 You Might Not Need JQUERY 整理一些常用的 順便同時複習 JS 和 JQ 大綱 通用選擇器 DOM選擇器 取得 HTML...

技術 JS 陣列轉換&小技巧

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

技術 JS 時間處理

JS 時間處理 注意資料是 number 還是 string 最好統一 確保所有數字為正數 推薦使用函式庫 Moment.js JS30 倒數計時時鐘...

技術 正規式 - 微介紹

建立正規式 正規式也可以叫做正則表達式,在 JavaScript 中可以使用兩個 / 或 new RegExp 來建立,且其型別為物件 const ares =...

技術 筆記--javascript-windows.onload v.s. jQuery-$(document).ready()

windows.onload VS $(document).ready() windows.onload會等到網站所有的內容全部下載完成,包刮CSS、圖片等全部...

技術 JS AJAX、同步非同步、Promise

甚麼是 AJAX Asynchronous JavaScript and XML 可以使網頁與伺服器進行非同步更新,不需要重新載入網頁的技術。 較舊的PHP網...

技術 localStorage 用法

WebStorage / session / cookie 差異 session 關閉視窗即失效 cookie 關閉視窗會將資料保存,但容量較小(4KB) W...

技術 事件監聽 & 事件代理

事件監聽 JQ JS 寫法比較 JQ選擇器 可以一次選擇多個元素,一次性套用CSS、掛載事件 原生 querySelectorAll 的結果為 NodeLi...

技術 JavaScript 基礎知識- 取消預設行為,了解元素所在位置

在某些情況下,我們會想取消元素的預設行為,例如 <a> 標籤的 href 屬性的這個行為,此時 .preventDefault() 就是一個非常好用...

技術 2019 年流行什麼程式語言和技能?

大家都知 WordPress 主要使用的 程式語言是 PHP 和 JavaScript 也是大部分 CMS 所使用的語言 分別也在 10 名以內 也足証 Wo...

技術 JavaScript 基礎知識-事件氣泡,事件捕捉

這裡要來補充一個小知識,在 .addEventListener() 這個事件監聽的方法,還有第三個參數,只是沒有設定時,預設會是 false 即一個元素的點擊事...

技術 JavaScript基礎知識-事件(2)

前面講到三種事件綁定的方法,撇除掉第一種較危險的方式之外,來談談第二種跟第三種的差異性 以點擊事件為例: <input type="button...

技術 Javascript SICP 3.2 - The Environment Model of Evaluation (完整解釋什麼是closure)

圖片皆摘錄於 https://www.comp.nus.edu.sg/~cs1101s/sicp/ 前言: 經過3.1賦值之後,光用“名字”對應值已經不再適用了...