微軟於 2018 年 10 月所釋出的 1809 版本中,大幅改動了 Windows 內建的螢幕截圖工具,這對使用者的體驗來說改善了許多。Win10 內建新的截圖功能,微軟將其工具取名為『剪取與繪圖』,而且微軟也有將此工具方便使用這使用者,設定了一組鍵盤快捷鍵

Add a comment

在本教程中,我們將了解如何使用Windows Photo Viewer和Photoshop編輯打開儲存WebP文件WebP初始版本是2010年,但現在您可以看到它更頻繁地使用。WebP由google開發,google表示它與PNG相比尺寸縮小了26%,有損圖像比JPEG圖像小25-34%,並且像PNG一樣支持透明度。WebP支持動畫Animated WebP(WebM),它包括了真正的(8bit)alpha通道,每一幀還可以按照需要設置成有損或無損。

Add a comment

若提到使用Node.js來架設網站,基本上都會聯想到 Express 模組,以下即是簡單地說明如何使用Node.js + Express 在十分鐘內架設一個網站。

檔案架構:

node_modules
view
--layout.ejs
--login.ejs
--index.ejs
server.js
package.json
Add a comment

webpack中的三個概念module、chunk和bundle

研究splitChunks之前,我們必須先弄明白這三個名詞是什麼意思,主要是chunk的含義,要不然你就不知道splitChunks是在什麼的基礎上進行拆分。《what are module,chunk and bundle in webpack

Add a comment

二維陣列扁平化

三種不同的解決方法 將二維陣列合併為單一的陣列

給定一個陣列:

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]
Add a comment

這是一個常見問題,網頁上提供pdf文件的鏈接供下載,如下所示

<a href="/myfile.pdf">Download Brochure</a>

問題是當使用者點擊此鏈接時,會使用同一瀏覽器窗口中,打開該文件給予預覽。 但希望它能直接給使用者下載,不需要再打開預覽文件。

Add a comment

yarn加速安裝的秘密

yarn 在於根目錄下.yarn-cache這個資料夾,會將每次安裝套件先cache一份到這來,往後如果需要相同套件,就會從這邊拉。

大多數的指令用法和原本並無差異,只要將 npm 換成 yarn即可,特別要注意的是 npm install [package] 安裝少數套件在 yarn 是不支援的,yarn 的套件都是必須儲存 (--save)。

Add a comment

介紹

SheetJS js-xlsx一款能夠讀寫Excel的.xls、.xlsx格式表格的插件,瀏覽器支持良好,並且能在多個平台上使用,目前在github上有12602個star,在這邊的範例主要使用React,再加上SheetJS js-xlsx及react-input-files,讓你一個按鈕,簡單的實現直接選檔上傳。

Add a comment