博客 / 列表

Sean - TypeScript 中 Type 和 Interface 傻傻分不清？看完這篇就不糾結了

你是不是也有過這樣的困惑： 打開一個老項目，或者在做 Code Review 時，發現代碼裏一會兒是 interface Props，一會兒又是 type State。問同事為什麼要混用，他也支支吾吾説不出個所以然，最後只能來一句：“哎呀，反正都能跑，看心情唄。” 但在 TypeScript 的世界裏，“能跑”和“寫得好”是兩碼事。 type（類型別名）和 interface（接口）這對雙胞胎，在

typescript , 前端

Sean - 從硬編碼到 Schema 推斷：前端表單開發的工程化轉型

一、你的表單，是否正在失控？ 想象一個場景，你正在開發一個“企業貸款申請”或“保險理賠”系統。 最初，頁面只有 5 個字段，你寫得優雅從容。隨着業務迭代，表單像吹氣球一樣膨脹到了 50 多個字段：“如果用户選了‘個體工商户’，不僅要隱藏‘企業法人’字段，還得去動態請求‘經營地’的下拉列表，同時‘註冊資本’的校驗規則還要從‘必填’變成‘選填’……” 於是，你的 Vue 文件變成了這樣： temp

vue.js , 教程 , typescript , 前端

Sean - 別再折騰端口轉發了：使用 Cloudflare Tunnel 優雅地分享你的 localhost

在前後端聯調、移動端真機測試、或是調試 Webhook 回調時，我們總會遇到同一個難題：如何讓外網用户安全地訪問我本地的端口（如 localhost:3000）？ 傳統做法要麼是部署到測試服務器（太慢），要麼是折騰路由器端口映射（不安全且受限於公網 IP）。雖然 ngrok 曾是這一領域的霸主，但隨着 Cloudflare Tunnel 的普及，開發者們有了一個更安全、完全免費且無限制的新選擇。

教程 , 知識 , 前端

Sean - Vue.js中如何去定位解決內存泄漏？

Vue.js 是一個流行且強大的 JavaScript 框架，它允許我們構建動態和交互式 Web 應用程序。 然而，與任何軟件一樣，Vue.js 應用程序有時會遇到內存泄漏，從而導致性能下降和意外行為。 今天，我們將深入探討 Vue.js 應用程序中內存泄漏的原因，並探索如何定位和修復這些問題的有效策略。 什麼是內存泄漏 ? 當程序執行過程中保留不再需要的內存時（主要是一些 變量、 方法等），會阻

vue.js , 性能 , 前端 , Javascript

Sean - npm workspaces 已經夠強了，為何還需要 MonoRepo 方案？

隨着項目規模的增長和模塊化需求的增強，MonoRepo（單一代碼庫）的管理方式正在成為熱門選擇。本文將帶領你瞭解 MonoRepo 的形成背景，探討主流解決方案（如 pnpm workspaces、TurboRepo、Nx 和 Rush），並通過對比分析這些工具的優劣與適用場景，最終幫助你選擇最適合的工具。 MonoRepo 的形成背景 隨着項目複雜度和團隊規模的擴大，傳統的單體代碼庫或多代碼庫（

前端工程化 , 前端 , Javascript

Sean - 飛連卸載要密碼？別慌！Win/Mac 無密碼強制卸載教程來了

飛連是 由火山引擎提供的一款 網絡 服務工具。 在大部分企業中用於VPN 網絡服務和本地的wifi 認證一些服務。 當然，可能還有一些網絡監控服務。 但是，當離職之後，發現卸載居然需要提供密碼。 果然，安裝容易卸載難啊。 經過我不屑努力，找到了卸載方式。 Windows 卸載方式 第一步： 打開註冊表 使用快捷鍵， Win + R , 然後輸入 regedit。 如下圖。 第二步： 編輯註冊表

軟件

Sean - 我的2024總結

上週就想寫一下，這一年的回顧和總結。 因為流感，造成一直拖延到現在。 年初失業 2024這一年對我來講非常特殊。 之所以説特殊，是因為2個點，首先我在2024年36歲，比較平穩的度過了程序員的35歲危機。第二點呢，我是在2024年1月1號,從上家公司被裁員掉的。 所以該來的總是會來吧。 如果用一個字總結這一年的話， 就是難。 不單單是自己的生活面臨的困難，整個行業都充斥的各種下行的信號。 自媒體上

總結