在 javascript 有分為物件與陣列，常見刪除的方法有 delete 與 splice。 陣列 var array=[ 'a', 'b', 'c', 'd' ]; console.log(a[0]); // a 物件 var object={ 0: 'a', 1: 'b', 2: 'c', 3: 'd' }; console.log(object[0]); // a...
瀏覽器中加載模塊type=”module”使用import、export
首先要使用Javascript modules需要一台伺服器，以便能夠通過導入進行獲取，因為它不適用於該協議。您可以用來啟動當前的伺服器，若沒有以下提供lite-server ，這個使用node npm安裝的輕量伺服器可使用。 透過 lite-server 這個輕量的開發伺服器，就可以快速啟動網站進行測試： 透過 npm 全域安裝 lite-server npm install -g lite-server 在要執行的專案資料夾目錄下，執行以下命令，啟動本地開發伺服器 lite-server 此時瀏覽器會自動開啟...
【教學】如何開始React網頁最簡單的方式
A JavaScript library for building user interfaces 用於構建用戶界面的 JavaScript 庫。 React 是 facebook 官方所維護的開放原始碼 JavaScript 函式庫，可以降低互動式網頁應用程式開發難度，自動處理各種複雜 UI 組件與資料間的連動關係，改善應用程式執行效能。 使用React這套 JavaScript 函式庫，可以很有效率的開發前端互動式網頁應用，且是許多開源來自世界的社群開發者都在使用，並發展了許多好的 plugins...
jQuery簡單的應用YouTube IFrame Player API
當你網頁內嵌了一個 YouTube，通常的做法就是對那個影片點選分享 => 內嵌，就會跑出一條讓你複製貼上的 iframe，像是: <iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src="https://www.youtube.com/embed/PEr5agHOTcg"...
基本應用正則表達式
只能輸入1個數字 表達式 ^/d$ 描述 匹配一個數字 匹配的例子 0,1,2,3 不匹配的例子 只能輸入n個數字 表達式 ^/d{n}$ 例如^/d{8}$ 描述 匹配8個數字 匹配的例子 12345678,22223334,12344321 不匹配的例子 只能輸入至少n個數字 表達式 ^/d{n,}$ 例如^/d{8,}$ 描述 匹配最少n個數字 匹配的例子 12345678,123456789,12344321 不匹配的例子 只能輸入m到n個數字 表達式 ^/d{m,n}$ 例如^/d{7,8}$ 描述 匹配m到n個數字...
Javascript如何動態載入模組Dynamic import()
動態import()引入了一種新的類似功能的形式，import與靜態相比，可以解鎖新功能import。本文對這兩者進行了比較，並概述了新的內容。 靜態import（概述） 模塊./utils.mjs // Default export export default () => { console.log('Hi from the default export!'); }; // Named export `doStuff` export const doStuff = () => {...
如何使用Node.js + express 建立一個網站
若提到使用Node.js來架設網站，基本上都會聯想到 Express 模組，以下即是簡單地說明如何使用Node.js + Express 在十分鐘內架設一個網站。 檔案架構: node_modules view --layout.ejs --login.ejs --index.ejs server.js package.json Step 1. 建立 package.json npm init Step 2. 安裝相關的node modules，列如: 提供整個web框架的express，以及作為 view 元件引擎 的 ejs...
如何在HTML連結標籤中直接下載PDF文件?
這是一個常見問題，網頁上提供pdf文件的鏈接供下載，如下所示 <a href="myfile.pdf">Download Brochure</a> 問題是當使用者點擊此鏈接時，會使用同一瀏覽器窗口中，打開該文件給予預覽。 但希望它能直接給使用者下載，不需要再打開預覽文件。 HTML download Attribute 很少有人知道有一個簡單的HTML5 download Attribute解決方案： <a download="newfilename"...