Noob - 所有的文章 - 共有 144 篇文章 搜尋時間 0.045 秒

怒挑幾篇(2):JSON.parse(AI.result)

2019-12-09 10:07:09 by Noob Tsai @ Noob's Space [引用來源]

順利產出第二個禮拜的內容了,繼續往下個禮拜邁進。 這個單元會由怒伯(Noob)怒挑幾篇文章出來,寫寫摘要,讓自己和別人都能持續閱讀好文章。目標是一週一刊,一刊至少三篇,看看能寫多久、能寫多少。 Programming [繁] 一文看懂三種 Programming Paradigm 對於軟體架構的影響你可能聽過人家戰 OOP 和 Functional Programming,那你...... [閱讀更多]

怒挑幾篇(1):邊寫專案邊動架構,喝杯 JavaScript 咖啡

2019-12-02 11:00:00 by Noob Tsai @ Noob's Space [引用來源]

一直想找個機會開始,整理一些不錯的文章起來,也逼迫自己看文章。擇日不如撞日,就今日吧。怒挑幾篇創刊啦! 這個單元會由怒伯(Noob)怒挑幾篇文章出來,寫寫摘要,讓自己和別人都能持續閱讀好文章。目標是一週一刊,一刊至少三篇,看看能寫多久、能寫多少。 前後端 [繁] RESTful 範例在一個新專案中該用 WebSocket 還是 RESTful API?小孩子才做選擇,我全都要。...... [閱讀更多]

在 Chromebook 上安裝 VS Code + 中文輸入法

2019-11-23 13:25:24 by Noob Tsai @ Noob's Space [引用來源]

一般 Chromebook 安裝的是 Chrome OS,所謂的雲端原生作業系統。打開後就是一個 Google Chrome 瀏覽器,身為一個程式設計師,要怎麼在上面安裝 Visual Studio Code,隨時隨地打程式碼呢? Chrome OS 預設就是一個 Google Chrome 瀏覽器。所有你在瀏覽器上能做的東西都能做,包含 Gmail、雲端硬碟、Calendar、K...... [閱讀更多]

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

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 的憑證更新...... [閱讀更多]