# 前端鑑權新时代:告別 localStorage,擁抱更安全的 JWT 存儲方案 ## 如果你是一名前端開發者,下面這行代碼可能早已成為你的肌肉記憶: ```javascript localStorage.setItem('token', jwtToken); ``` 簡單、直接、有效。多年...
前端架構師,這個崗位,在我的技術體系的認知中,是不需要這樣的一個崗位的。但是市面上,我發現,在招聘的需求中,很多企業依然在招聘前端架構師這個崗位。 為什麼市場中,依然會有這個崗位呢? 真實的場景中,這個崗位的設立,是否真的是合理的呢? 作為前端出身的同學,這是我一直在思考的一個問題...
前端開發圈裡有個永恆的話題:React和Vue到底哪個性能更好?今天我想從實際經驗出發,和大家聊聊這個有趣的話題。 ## 先澄清一個誤解 首先要說明的是,**React和Vue在現代硬體上的性能差異,大多數用戶是感知不到的**。但作為開發者,了解它們背後的機制確實很有意思。 ## ...
> 這是一篇關於個人學習 AI 的筆記與程式碼摘錄。希望從前端的視角出發,快速了解大型語言模型(LLM)、提示詞工程、LangChain、RAG 等相關術語知識,最終能夠搭建一個 “玩具智能體” 或者真正應用到生產中去。 --- ### 目錄 📑 - LLM 基礎:深入 AI 的心...
✅ **看情況,但團隊統一最重要** ✅ **JS/TS生態傾向駝峰** ✅ **Python/Go生態傾向下劃線** ✅ **轉換成本要考慮** ## 深入分析與實踐建議 ### 1. 轉換位置的選擇 **後端轉換(推薦在Node.js/Java環境)** ...
最近Code Review的時候,我看到我們組一個很聰明的年輕同事,用觀察者模式,寫了一個極其複雜的全球狀態訂閱系統,就為了在一個元件裡,響應另一個不相關的元件的點擊事件。 比較常見的場景:點擊 Button 元件,讓 Panel 元件打印日誌或顯示提示,具體偽代碼👇: ```js /...
我們前端,可能是公司裡最卷的崗位之一。天天加班加點,追最新的技術棧,像素級還原設計稿,為了那100毫秒的性能提升死磕到底。 但不知道你有沒有過類似的感受:**儘管我們做了這麼多,但在很多公司裡,我們總感覺自己處於食物鏈的下游?為什麼在討論核心戰略、分配專案獎金、甚至決定專案方向時,前端的聲音總...
在前端圈,單元測試幾乎是一個非常頭疼的話題。履歷上不寫熟悉單元測試,都不好意思跟人打招呼了。CI/CD流程裡,要是沒有一個 `test` 的階段,就好像這個專案不夠專業。而那綠色的“`Coverage: 95%`”,也常常被當作專案質量的黃金標準,成為許多團隊KPI的一部分。 但在我帶團隊的這...
大多數前端開發者在公司裡,很少需要直接操心“部署”這件事——那通常是運維或 DevOps 的工作。 但一旦回到個人專案,情況就完全不一樣了。寫個小博客、搭個文檔站,或者搞個 demo 想給朋友看,部署往往成了最大的攔路虎。 常見的選擇無非是 Vercel、Netlify 或 GitHub...
**有時候我們發了新版,結果用戶看到的還是舊介面。** 你:「我更新了啊!」 用戶:「我這兒沒變啊!」 然後你倆開始互相懷疑人生。 **那怎麼辦?總不能讓用戶都清快取吧?** 當然不能。 我們得讓瀏覽器自己知道「該換新的了」。 **核心思路就一條:讓靜態資源...
# 前端需要掌握多少Node.js?  昨天下午,來了個剛畢業的學弟,很認真地跑過來問我:「哥,我看網上好多人都說前端要學Node,我到底要學到什麼程度啊...
在 developer console 直接輸入 ``` (function() { const origDispatchEvent = EventTarget.prototype.dispatchEvent; EventTarget.prototype.dispatch...
前端開發最大的挑戰之一是等待遊戲。當 API 尚未準備好時,前端團隊通常別無選擇,只能將回應資料硬編碼到 UI 中。這是阻礙前端開發效率的一大瓶頸。 然而,現在有一個非常有效率的解決方案,可以讓您在短短 1 分鐘內模擬任何 API 資料,並將其作為 API 提供給前端團隊。 最好的部分是...
因此,您希望提高前端開發人員的工作效率。 無論您是在尋找學習資源、生產力提升工具還是精選目錄,這些精選都可以幫助您更聰明地工作並提高您的前端技能。因此,不要忘記保存此清單並與其他可能認為它有幫助的人分享:) 那麼,讓我們開始吧 。 而對於那些還記得在學校或大學學習 DSA 的我們來說,所有的例子都感覺非常純粹演算法化(這是有原因的),但幾乎沒有任何例子或指導,告訴我們我們日常使用的產品如何利用這個概念。 *“我真的需要這個嗎?”* 你一定問過自己很多次,對吧?👀...
如果您正在建立前端應用程式,您可能會使用資料。無論您是從 API 取得資料、處理表單提交還是管理狀態,您都需要確保您正在使用的資料有效。Zod 登場,你最好的新朋友。在本文中,我們將探討如何將這個強大的函式庫與 TypeScript 結合使用來驗證前端應用程式中的資料。 Zod 是什麼? -...
嘿,程式碼戰士和像素推動者! 👋 準備好將你的前端技能從零提升到英雄了嗎?您剛剛偶然發現了 Web 開發智慧的聖杯。繫好安全帶,因為我們即將踏上 8 項基本實踐之旅,將您的網站從“乏味”轉變為“令人興奮!”讓我們深入了解一下吧! 1. 乾淨的程式碼:優秀網站的基礎 -------------...
轉職快一年了,輪流跟幾個後端合作,目前我觀察到的如下(因為是在接案公司,常常在趕進度或同時進行多個專案) 有的後端很好心,且可以快速切割工作內容(前後端沒有分離),直接留言告訴你做什麼改什麼,他負責做什麼改什麼,甚至幫你程式碼第幾行都標示出來。 有的是後端api開發完不會通知,要一直去追...
介紹 --  踏上新的職業旅程常伴隨著興奮和高期望。然而,當面對類似...
## 轉載自 https://ithelp.ithome.com.tw/articles/10338052 ## 前情提要 有時候我們需要使用一些圖片,勢必需要圖片的網址,這時候, 也許你可以本機上傳,然後去把網址抓好, 又或者你可以找到網路上別人的圖片,右鍵開啟新分頁,再...