這是一個常見問題，網頁上提供pdf文件的鏈接供下載，如下所示 <a href="myfile.pdf">Download Brochure</a> 問題是當使用者點擊此鏈接時，會使用同一瀏覽器窗口中，打開該文件給予預覽。 但希望它能直接給使用者下載，不需要再打開預覽文件。 HTML download Attribute 很少有人知道有一個簡單的HTML5 download Attribute解決方案： <a download="newfilename"...
搜尋結果
您搜尋：“”的結果
webpack如何Code Splitting拆分代碼splitChunks
webpack中的三個概念module、chunk和bundle 研究splitChunks之前，我們必須先弄明白這三個名詞是什麼意思，主要是chunk的含義，要不然你就不知道splitChunks是在什麼的基礎上進行拆分。《what are module,chunk and bundle in webpack》 module：就是js的模塊化webpack支持commonJS、ES6等模塊化規範，簡單來說就是你通過import語句引入的代碼。 chunk: chunk是webpack根據功能拆分出來的，包含三種情況：...
![[Node.js] npm 與 yarn 指令比較](https://images.unsplash.com/photo-1543966888-7c1dc482a810?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxfDB8MXxyYW5kb218MHx8bnBtLDE3NS4zMDYzNDcwNzM5ODkwNnx8fHx8fDE2NTUyOTUyMzY&ixlib=rb-1.2.1&q=80&utm_campaign=api-credit&utm_medium=referral&utm_source=unsplash_source&w=1080)
[Node.js] npm 與 yarn 指令比較
yarn加速安裝的秘密 yarn 在於根目錄下.yarn-cache這個資料夾，會將每次安裝套件先cache一份到這來，往後如果需要相同套件，就會從這邊拉。 大多數的指令用法和原本並無差異，只要將 npm 換成 yarn即可，特別要注意的是 npm install [package] 安裝少數套件在 yarn 是不支援的，yarn 的套件都是必須儲存 (--save)。 npm與yarn指令比較表 NPM Yarn 說明 npm install yarn install - npm install [package] X...
Javascript二維陣列Array轉換一維陣列及filter過濾重複值
二維陣列扁平化 三種不同的解決方法 將二維陣列合併為單一的陣列 給定一個陣列： 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 方法二： var myNewArray = myArray.reduce(function(prev, curr) { return prev.concat(curr); }); // [1,...
React上傳文件使用react-input-files讀取Excel js-xlsx
介紹 SheetJS js-xlsx 是一款能夠讀寫Excel的.xls、.xlsx格式表格的插件，瀏覽器支持良好，並且能在多個平台上使用，目前在github上有12602個star，在這邊的範例主要使用React，再加上SheetJS js-xlsx及react-input-files，讓你一個按鈕，簡單的實現直接選檔上傳。 使用 安裝依賴 進入項目文件夾，安裝xlsx與react-input-files npm install xlsx npm install react-input-files 在專案中引入 import...
react-router 4 index路由始終處於active狀態
react-router 4中NavLink可加入activeClassName=\'active\'屬性，使得選單在切換時class加入active，可對這個active class寫css style樣式，達到選單切換的效果。 設定成以下，to="/"表示index首頁，但是他都會一只處於active狀態，並不會因為像切換其他的選單而改變。 <navlink activeclassname="'active'" to="/"> Home...
如何使用Javascript物件key對陣列array進行group分群組
通過物件key對array進行分組，然後根據分組創建一個新的物件陣列？例如以下，有一個car陣列物件，要對make這個key作為分組關鍵： var cars = [ { 'make': 'audi', 'model': 'r8', 'year': '2012' }, { 'make': 'audi', 'model': 'rs5',...
如何使用PHP將零”0″加前面導零或去除前面導零
添加前導零 sprintf() 函數把格式化的字符串寫入變量中。 str_pad() 函數把字符串填充為新的長度。 $id = 23; $sn1 = sprintf(%04d,$id); //方法一 0023 $sn2 = str_pad($id,4,0,STR_PAD_LEFT); //方法二 將數字由左邊補零至四位數 0023 去掉前導零 intval() 獲取變量的整數值。 ltrim() 函數移除字符串左側的空白字符或其他預定義字符。 $sn = 0023; $id1 = intval($sn); //方法一 23...