原创 探究 source map 在編譯過程中的生成原理

本文首發於我的博客(點此查看),歡迎關注。 source map 是開發時調試代碼的利器之一。現代的構建工具如 webpack 早已對 source map 有了完備的支持,對照文檔就能很容易在打包時順手生成然後在現代瀏覽器如 Chrome

原创 爲你的 JavaScript 項目添加智能提示和類型檢查

本文首發於我的博客(點此查看),歡迎關注。 前言 最近在做項目代碼重構,其中有一個要求是爲代碼添加智能提示和類型檢查。智能提示,英文爲 IntelliSense,能爲開發者提供代碼智能補全、懸浮提示、跳轉定義等功能,幫助其正確並且快速完成編

原创 Web 安全漏洞 SSRF 簡介及解決方案

說到 Web 安全,我們前端可能接觸較多的是 XSS 和 CSRF。工作原因,在所負責的內部服務中遭遇了SSRF 的困擾,在此記錄一下學習過程及解決方案。SSRF(Server-Side Request Forgery),即服務端請求僞造,

原创 Node.js 服務連接 MongoDB 處理最佳實踐

關於如何處理 node.js 服務連接 MongoDB,我查閱了大量中英文資料,發現並沒有太適合我所期望的能力的方案,因此經過一番官方文檔的研究,總結了以下的連接 MongoDB 的方法(使用目前 Node.js 平臺最常用的 MongoD

原创 HTTP 壓測工具 wrk2 安利指南

最近的工作一直在與服務端性能優化打交道,QPS(每秒查詢率)的苛刻要求讓我這個以前也就用 node.js 寫寫博客的人深刻地感覺到以前做的東西就是個玩具。所以最近也在嘗試瞭解一些壓測方面的知識。對於壓測工具,業界常用的有 jmeter、lo

原创 JavaScript 前端倒計時糾偏實現

前端網頁倒計時是非常常見的應用,我們在各大購物網站的秒殺活動中總是能見到它的身影。但是在實際情況中,我們常常會發現當網頁不刷新、讓倒計時程序持續運行時,顯示時間相比實際時間會越來越慢,相信大家也有在秒殺時間即將到來時不停刷新頁面的經歷。原因