- 詳細內容
- 分類: Javascript
若提到使用Node.js來架設網站，基本上都會聯想到 Express 模組，以下即是簡單地說明如何使用Node.js + Express 在十分鐘內架設一個網站。
檔案架構:
node_modules
view
--layout.ejs
--login.ejs
--index.ejs
server.js
package.jsonStep 1.
建立 package.json
npm init- 詳細內容
- 分類: 資訊筆記
這是一個常見問題，網頁上提供pdf文件的鏈接供下載，如下所示
<a href="/ucamc/myfile.pdf">Download Brochure</a>問題是當使用者點擊此鏈接時，會使用同一瀏覽器窗口中，打開該文件給予預覽。 但希望它能直接給使用者下載，不需要再打開預覽文件。
- 詳細內容
- 分類: Javascript
yarn加速安裝的秘密
yarn 在於根目錄下.yarn-cache這個資料夾，會將每次安裝套件先cache一份到這來，往後如果需要相同套件，就會從這邊拉。
大多數的指令用法和原本並無差異，只要將 npm 換成 yarn即可，特別要注意的是 npm install [package] 安裝少數套件在 yarn 是不支援的，yarn 的套件都是必須儲存 (--save)。
- 詳細內容
- 分類: Javascript
webpack中的三個概念module、chunk和bundle
研究splitChunks之前，我們必須先弄明白這三個名詞是什麼意思，主要是chunk的含義，要不然你就不知道splitChunks是在什麼的基礎上進行拆分。《what are module,chunk and bundle in webpack》
- module：就是js的模塊化webpack支持commonJS、ES6等模塊化規範，簡單來說就是你通過import語句引入的代碼。
-
chunk: chunk是webpack根據功能拆分出來的，包含三種情況：
- 你的項目入口（entry）
- 通過import()動態引入的代碼
- 通過splitChunks拆分出來的代碼
chunk包含著module，可能是一對多，也可能是一對一。
- bundle：bundle是webpack打包之後的各個文件，一般就是和chunk是一對一的關係，bundle就是對chunk進行編譯壓縮打包等處理之後的產出。
- 詳細內容
- 分類: Javascript
二維陣列扁平化
三種不同的解決方法 將二維陣列合併為單一的陣列
給定一個陣列：
var myArray = [[1, 2],[3, 4, 5], [6, 7, 8, 9]];我們想得到這個結果：
[1, 2, 3, 4, 5, 6, 7, 8, 9]方法一：
var myNewArray = [];
for (var i = 0; i < myArray.length; ++i) {
for (var j = 0; j < myArray[i].length; ++j){
myNewArray.push(myArray[i][j]);
}
}
console.log(myNewArray);
// [1, 2, 3, 4, 5, 6, 7, 8, 9]