這個月 Node.js 釋出 8.0 版本，搭配的就是 npm v5.0.0 版本，上一篇寫到如何透過 Yarn 指令移除 devDependencies 內的 Package 套件，減少 node_modules 大小，有網友提到那 npm 5 的速度為何？其實筆者已經好久沒有用 npm 了，但是有人提問，我就立馬來測試看看 npm vs yarn 的速度，詳細數據可以參考此專案說明。測試方法如下
Continue reading “Node.js 8 搭配 npm 5 速度” Category: javascript
減少 node_modules 大小來加速部署 Node.js 專案
相信 Node.js 開發者現在大部分都在使用 Yarn 了吧？如果還不知道或無法體會 Yarn 帶來的好處可以參考之前寫的一篇『用 Yarn 取代 Npm 管理 JavaScript 套件版本』，帶你體會 yarn install vs npm install 的速度差異。本篇最主要會介紹在部署 Node.js 專案都需要把 node_modules 壓縮一起丟到遠端伺服器 (假設你不是用 Docker 部署)，這時候來聊聊怎麼減少 node_modules 大小。
Continue reading “減少 node_modules 大小來加速部署 Node.js 專案” 用 Yarn 取代 Npm 管理 JavaScript 套件版本
新一代戰神 Yarn 終於在昨天出爐了，Yarn 跟 Npm 一樣都是 JavaScript 套件版本管理工具，但是 Npm 令人詬病的是安裝都是非常的慢，快取機制用起來效果也不是很好，所以 Yarn 的出現解決了這些問題，透過 Yarn 安裝過的套件都會在家目錄產生 Cache (目錄在 ~/.yarn-cache/)，也就是只要安裝過一次，下次砍掉 node_modules 目錄重新安裝都會從 Cache 讀取。Yarn 詳細的功能架構可以參考 Facebook 發表的 Yarn: A new package manager for JavaScript，本篇不會教大家怎麼使用 Yarn，因為指令實在是太容易了，可以參考官方提供的如何從 npm 轉換到 yarn，底下則是來測試比較兩者安裝套件的速度。
Continue reading “用 Yarn 取代 Npm 管理 JavaScript 套件版本” 用一行指令加速 npm install
不久之前寫過一篇 提升 npm install 安裝速度，但是發現速度還是沒有變快，在 DevOps 的流程花在 npm install 的時間非常冗長，造成每次測試或 Deploy 都要花大量時間等待，且吃掉很多機器的資源，本篇要提供一個小技巧改善 npm install 安裝時間，其實簡單來說就是 cache 第一次安裝好的 node_modules 目錄，之後每次安裝就拿 cache 目錄來新增或減少 packages 即可。
Continue reading “用一行指令加速 npm install” ScaleDrone Websocket 平台從 Node.js 轉換到 Golang
又看到一間網路平台公司從 Node.js 跳到 Golang 了。ScaleDrone 是一間提供了 websocket 服務的公司，讓 web 可以透過 ScaleDrone 即時將訊息傳播到各種瀏覽器，但是今天看到 ScaleDrone 即將把後端平台使用的語言從 Node.js 轉換到 Golang，為什麼要轉語言呢，官方提到大量的 Websocket 連線，讓伺服器記憶體快吃不消了，然而 ScaleDrone 用 Go 語言來實際測試，發現記憶體不但沒有增加，反而還降低了 response 及 connections 時間。底下是針對 Node.js vs Go 語言轉換比較。
Continue reading “ScaleDrone Websocket 平台從 Node.js 轉換到 Golang” 基礎 JavaScript ES6 和 CSS cheat sheet PDF 下載
在 Toptal Blog 看到 JavaScript Cheat Sheet: ES6 And Beyond 及另外一篇 A Practical CSS Cheat Sheet by Toptal Developers，這兩篇提供了一些 JavaScript ES6 及 CSS 的基礎寫法及教學，蠻適合前端工程師將 PDF 印出來貼在座位前面，cheat sheet 內提供的語法幾乎都是天天在用，像是在 ES2015 內 let vs var 語法差別，什麼時候要用 const 或 let，或 Template String，預設參數 .. 等功能，其實非常不賴。CSS 則是介紹基本的 Box Model、Selectors、Pseudo-selectors .. 等。
Continue reading “基礎 JavaScript ES6 和 CSS cheat sheet PDF 下載” 來聊聊 PHP & JavaScript & CSS 的 Coding Style
專案開始前，要決定好前端或後端各用什麼語言及制定符合團隊的 Coding Style，統一團隊 Style 是非常重要的，尤其是專案需要經過 Code Review 步驟，不要造成 Reviewer 困擾。底下寫了一份投影片介紹 PHP & JavaScript 及 CSS 的基本 Coding Style 及該如何透過工具來改善 Coding Style。
Continue reading “來聊聊 PHP & JavaScript & CSS 的 Coding Style” 提升 npm install 安裝速度
npm 是 Node.js 套件管理模組，相信大家對 npm 不會很陌生，如果對於 npm 不了解的，可以參考阮一峰寫的這篇文章，今天要來探討的是如何提升 npm install 的安裝速度，如果你正在嘗試 npm@3 版本，我建議可以先換到 npm@2 的版本會比較快（為什麼呢？底下有數據會說話）。Github issue 上也蠻多速度上的討論，然而前幾天有網友發表一篇關掉 progress 提升不少速度，實際上我們可以拿專案來測試 npm@2 及 npm@3 的速度看看。