如何用Webpack來打包JavaScript、SCSS/CSS、HTML網頁和任意檔案? 2019 年 8 月 20 日 Magic Len 研究分享、 NodeJS Webpack是JavaScript的模組建置工具,運行在Node.js上,它可以將零散的JavaScript檔案用各式工具優化並打包起來,加快網頁的載入時間。Webpack也並不限於用在JavaScript上,舉凡網頁有用到的靜態資源(如JS、CSS、圖片檔等),甚至是HTML網頁,Webpack都有辦法打包。 繼續閱讀
如何防止Cloudflare CDN背後的圖片被盜連(Hotlink Protection)? 2019 年 2 月 15 日 Magic Len 研究分享、 網路相關、 網站應用 「Hotlink Protection」(直接連結保護)是經營網站經常需要去注意的一塊,但為什麼我們會需要「Hotlink Protection」呢?身為圖文並茂的網路文章作家,最擔心得就是自己的文章被別人整篇連文帶圖地複製貼上到其它地方了。此時如果圖片有套用「Hotlink Protection」的話,就可以讓被盜用的圖片在其它網站上「不被正常顯示」出來,如此一來,就能使其它誤入盜文頁面的訪客可... 繼續閱讀
ShortCrypt─在Rust和網頁瀏覽器上實現資料加解密,並且能夠互通的函式庫 2018 年 11 月 17 日 Magic Len 研究分享、 NodeJS、 Rust 在開發程式的時候,我們可能會需要隱藏敏感的資料,讓一般使用者不會直接看到,例如流水序號、密碼、網頁Cookie等。這樣的資料通常都很小,可能只有數個位元組,但如果使用AES/DES加密,密文(也就是加密後的資料)都至少有16個位元組以上!實在不太適合用來加密這樣的少量資料。 繼續閱讀
如何使用Rust程式語言實作出多國語言網頁? 2018 年 10 月 30 日 Magic Len Rust 在實作多國語言網頁的時候,除了網頁後端程式需要擁有多國語言支援之外,前端程式也要跟著支援才行。怎麼說呢?假設有個支援中文、英文的網頁,我們在程式後端必須要想辦法判斷訪客所使用的語言來決定前端網頁到底要顯示中文還是英文。而在網頁上出現的文字可能會有兩種情形:第一種,文字是直接顯示在網頁上的,後端程式所得到的中文或是英文文字可以透過HTML模板引擎,直接將文字填入HTML中,顯示在網頁上。第二種,文字... 繼續閱讀