JavaScript 取得網址參數(QueryString)

有時候我們會用在網址後面帶參數的做法來在網頁間傳遞一些簡單的資料(QueryString),例如:index.aspx?id=U001&name=GQSM,而JavaScript目前沒有Function可以直接取到後方的資料,所以就得使用一些方式。 //先取得網址字串,假設此頁網址為「index.aspx?id=U001&name=GQSM」 var url = location.href; //再來用去尋找網址列中是否有資料傳遞(QueryString)...

如何使用jQuery AJAX submit 傳送form表單方法

serialize()方法使用標準URL編碼表示法創建文本字符串。它可以充當已經選擇個別表單控件,諸如jQuery對象上<input>,<textarea>和<select>:$( "input, textarea, select" ).serialize();通常更容易選擇<form>自身進行序列化: $( "form" ).on( "submit", function( event ) {...

Webpack 前端自動化開發應用超入門直播影片教學

Mike Cheng直播Webpack前端課程,內容包含Webpack基本應用操作,在一個小時內帶你認識Webpack,值得一看。 隨著前端技術的發展,使用第三方工具或套件輔助專案開發已經成為業界常態,Webpack 能幫助開發者編譯他們的預處理(Preprocess)成瀏覽器看得懂的內容。 (比如 JavaScript 的規格草案更新頻繁,但瀏覽器不一定能跟進支援新功能的 JavaScript,所以需要透過編譯把新語法轉換成瀏覽器可支援的形式。) Webpack...

如何使用HTML5 Canvas 實現刮刮樂遊戲效果

canvas實現刮刮卡 這個刮刮卡用HTML5 canvas繪製。刮刮卡主要由兩層canvas繪製,底層放置隨機數,頂層放置圖片,限制每天只能刮三次,主要利用globalCompositeOperation我們可以將新圖形繪製在舊圖形之下、遮蓋部分區域、清除畫布部分區域 (不同於 clearRect() 函式只能清除矩形區域)。 ctx.globalCompositeOperation = 'destination-out'; HTML <h2>刮刮樂小遊戲</h2>...

Android Studio 模擬器無法開啟錯誤訊息Intel HAXM Hyper-V

Android Studio 模擬器無法開啟錯誤訊息Intel HAXM Hyper-V

無法執行錯誤訊息 開啟模擬器時遇到這個錯誤訊息 Cannot launch AVD in emulator. Output: emulator: ERROR: x86 emulation currently requires hardware acceleration! Please ensure Intel HAXM is properly installed and usable. CPU acceleration status: HAX kernel module is not installed! 重新安裝了Intel...

npm常用指令教學-Node.js套件管理工具

NPM 的安裝與使用 NPM 全名為Node Package Manager,是附屬在 Node.js 中的套件管理工具,我們在安裝 Node.js 時,就可以順便將 NPM 安裝到電腦中,並且在命令列 / 終端機模式中使用。 專案初始化 利用 npm 指令,可以協助我們建立 Node.js 專案的描述檔,或稱為初始化專案,命令如下: //協助我們建立 Node.js 專案的描述檔 npm init 在打入 npm init 後,會被要求輸入幾個欄位 package name: 你這個 Project 要叫什麼名字...

Javascript如何使用filter()移除陣列中重複值

Javascript filter函式,可以幫助我們過濾一個陣列中符合條件的元素,若不符合則刪除。不更改原陣列,而回傳新陣列。 filter 函式,接受一個 callback 函式,callback 可以有三個參數(element, index, array), element:陣列元素的值。 index:陣列元素的所在位置。 arr:已經過 filter 處理的陣列 過濾陣列中值小於10的元素 var numbers = [20, 10, 9, 25, 1, 3, 8, 11]; var result =...

Javascript 如何從fetch返回Promise取到[[PromiseValue]]值

Javascript 如何從fetch返回Promise取到[[PromiseValue]]值

如下將fetch寫成函數,返回值時會發現,控制台顯示我的數據Promise {[[PromiseStatus]]: "resolved", [[PromiseValue]],這樣的方式要如何取得資料來應用呢?。 將提取api fetch寫成函式調用 function apiGetAll (api) { return fetch(api, { headers: { content-type: application/json } }) .then(response =>...