如何使用Javascript陣列與物件delete與splice

在 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"...