Noob's Space - 所有的文章 - 共有 137 篇文章 搜尋時間 0.059 秒

前端修練精神時光屋的動畫是怎麼做出來的?

2019-10-18 21:40:25 by Noob Tsai @ Noob's Space [引用來源]

還記得之前的活動「The F2E - 前端修練精神時光屋」嗎?我們在活動中期製作了一個匯集每位 UI 設計師投稿的作品牆,而這些東西是怎麼做出來的呢? 要是你還沒看過動畫,可以看看 精神時光屋。 這邊的動畫,是使用 Pixi.js 撰寫的──Pixi.js 是個輕量、快速的 2D 渲染框架,預設會使用 WebGL 來加速渲染,在不支援的裝置則會用 canvas 和 SVG...... [閱讀更多]

鐵人賽最後一天,邁向後端之路還能怎麼走?

2019-10-15 12:53:41 by Noob Tsai @ Noob's Space [引用來源]

終於到最後一天了,我們這組的鐵人賽也即將到今天告一段落。來統整一下鐵人賽系列文章到底寫了哪些,再講些未來可以努力的方向。 首先為了避免工程師排斥指令,前面花了些篇幅在討論如何入門 Linux 指令: 接著用 Node.js 簡單介紹了後端程式該怎麼撰寫,這邊以 API 為例子: 而後端工程師還是要熟悉怎麼架主機,在主機上怎麼操作: 架完主機後,為了要讓你的網站被看見,你可能...... [閱讀更多]

前後端渲染以外,前後端驗證有什麼不同?

2019-10-14 21:24:03 by Noob Tsai @ Noob's Space [引用來源]

昨天講了 前後端渲染 的差別,其實除了渲染以外,許多像是驗證的動作也是在前端、後端都可以做的。這篇來講講在前後端驗證有什麼不一樣。 在網站開發的時候,很多功能都是前後端都可以做的,有時候後端會把東西丟給前端、前端會把東西丟給後端,但這些功能到底要由誰來做好?這邊舉幾件事情來討論,並表達我的看法。 表單驗證 很多時候為了避免使用者的錯誤行為,例如在註冊帳號(填表單)時,我們可能會...... [閱讀更多]

Client-side Render 和 SSR 的差別

2019-10-13 17:26:46 by Noob Tsai @ Noob's Space [引用來源]

Client-side Render 和 Server-side Render 在實作起來究竟有什麼差別?Debug 時有什麼不一樣,對 SEO 又會有什麼影響呢? Client-side Render 和 Server-side Render (以下簡稱 CSR、SSR)最主要的差別,就在於有了資料後要在前端渲染還是在後端渲染。在一篇論文《Architectural Styles a...... [閱讀更多]

Ngrok:讓本機測試時也能有 HTTPS 憑證

2019-10-12 16:31:23 by Noob Tsai @ Noob's Space [引用來源]

前端在本機測試時,通常已經不至於直接點開 HTML 檔案,而會搭配 webpack-dev-server 等套件做測試;後端也可以使用 nodemon 等套件測試,但預設的網址通常都是 http://localhost:3000,要怎麼加上 HTTPS、甚至讓別人也能看到呢? 鐵人賽寫到第二十七天了,後面的部分都在寫伺服器系列跟 Linux 操作,再不拉回來我都快以為我在寫 Dev...... [閱讀更多]

SSH 金鑰:免密碼登入遠端主機、傳遞檔案

2019-10-11 20:11:55 by Noob Tsai @ Noob's Space [引用來源]

覺得打密碼很麻煩嗎?透過 Public Key Authentication 的方式,可以讓你不需輸入密碼就透過 SSH 進入你的遠端主機。 Public Key Authentication 是透過非對稱金鑰的方式來驗證 SSH 登入。所謂的非對稱金鑰是指,我們會產生兩把鑰匙:一把稱為公鑰(Public Key)、另一把稱為私鑰(Private Key),其中一個用來加密資料,就...... [閱讀更多]

用 Cron 幫網站寫備份腳本吧

2019-10-10 20:35:46 by Noob Tsai @ Noob's Space [引用來源]

Cron 是個好用的 Linux 工具,可以用來定期自動化許多工作,就像 Windows 的排程管理員一樣。透過 Cron,可以輕鬆幫網站寫備份腳本。 Cron 可以讓你設定在每天的 12:30 分,或每個星期三的 09:00 等時間,執行不同的腳本、指令或程式。例如你可以設定每天自動清理垃圾檔案、每天自動整理 log 檔案、每兩個月執行一次 Let's Encrypt 的憑證更新...... [閱讀更多]

Nginxconfig:自動產生 Nginx 設定檔的線上工具

2019-10-09 22:04:03 by Noob Tsai @ Noob's Space [引用來源]

上次有介紹到 Nginx,一個輕巧而優美的 HTTP 伺服器,並建議新手都應該嘗試看看。但是一開始使用預設的設定檔後,可能稍微知道怎麼修改,卻不知道該怎麼編寫。這個 Nginxconfig 就是一個線上的 nginx 設定檔產生器,只要勾選、輸入幾個設定,就會產生對應的設定檔供使用者下載。 Nginxconfig 是由 DigitalOcean 出的服務,讓對伺服器還沒有那麼了解的...... [閱讀更多]

三招找出主機上哪個處理程序在耗費你的資源

2019-10-08 18:11:17 by Noob Tsai @ Noob's Space [引用來源]

Linux 的指令介面中不像 Windows,東西卡住叫工作管理員出來關掉沒有回應的程式就好。在 Linux 上該做什麼才能知道誰在耗用資源呢? 列出目前的處理程序 通常我們可以用 ps aux 來列出所有的處理程序,輸出可能像這樣子(節錄): USER PID %CPU %MEM VSZ RSS TTY STAT START TIME ...... [閱讀更多]

Nginx:高效能的 Web 伺服器、反向代理、負載平衡

2019-10-07 13:01:08 by Noob Tsai @ Noob's Space [引用來源]

Web 伺服器的首選,大概不是 Nginx 就是 Apache 了。這篇文章說明為什麼我偏向使用 Nginx 而不是 Apache。 常常有人問我為什麼我使用 Nginx(念作 Engine-X) 而不用 Apache,雖然早期在用一些虛擬主機時都用 Apache,但後來自己買 VPS 後就習慣都用 Nginx 了。簡單列幾點我自己的理由: 效能問題 早期做很多東西大部分都...... [閱讀更多]