前端開發圈裡有個永恆的話題:React和Vue到底哪個性能更好?今天我想從實際經驗出發,和大家聊聊這個有趣的話題。 ## 先澄清一個誤解 首先要說明的是,**React和Vue在現代硬體上的性能差異,大多數用戶是感知不到的**。但作為開發者,了解它們背後的機制確實很有意思。 ## ...
一組在紐約的台灣團隊 在 FB 私訊問我 shopify 客製化的問題 真神奇 雖然是 niche market 但果然會有這種機會 --- 客戶有兩個很急的需求 第一個需求是 客戶的商品 選項很多 超出 shopify 3 種的限制 使用 Ymq Product Op...
最近Code Review的時候,我看到我們組一個很聰明的年輕同事,用觀察者模式,寫了一個極其複雜的全球狀態訂閱系統,就為了在一個元件裡,響應另一個不相關的元件的點擊事件。 比較常見的場景:點擊 Button 元件,讓 Panel 元件打印日誌或顯示提示,具體偽代碼👇: ```js /...
## 前言 大家好,我是奈德麗。 過去一年,我主要參與**國際機票業務**的開發工作,因此每天都要和多語言(i18n)打交道。熟悉我的朋友都知道,我這個人比較「惜力」(並不是,實際上只是忍不下去了),對於**重複笨拙的工作非常抵觸**,於是,我開始思考如何優化團隊的多語言管理模式。 ...
我們都曾在拉取請求中見過這種情況。開發人員遇到了棘手的資料類型問題,為了讓事情正常運轉,他們使用了最簡單的工具: `any` 。它完成了工作,並讓編譯器沉默,但卻帶來了隱性成本。 我們的團隊設置了一個 Husky 預先提交鉤子來標記`any` ,這是一個很好的開始。但我們都知道,在緊急情況下,...
> **TL;DR** > 從實際代碼自動提取「規範(AGENTS.md)」(**編碼**),再從該規範生成代碼(**解碼**),並通過差異和測試進行評估——將這一**往返(Round-Trip)**整合進CI中,可以持續最小化需求與實作之間的差距。實務上結合如Spec Kit等的需求驅動**...
大家好,我是[雙越](https://juejin.cn/user/1714893868765373)。前百度 滴滴 資深前端工程師,慕課網金牌講師,PMP。我的代表作有: - [wangEditor](https://link.juejin.cn?target=https%3A%2F%2Fw...
 > - [🔥 這才是 Vue 驅動的 Chrome 外掛工程化正確打開方式](https://juejin.c...
前幾天排查專案性能問題,發現一個讓人哭笑不得的情況。光是 `TypeScript` 的 `enum` 就占了打包體積的相當一部分! 同事小張一臉無辜地說:“我用 `enum` 不是為了類型安全嘛...” 沒錯,`enum` 確實能保證類型安全,但代價有點大了!我嘗試了一種新方法後,**打...
## 前言 Vue 3 的原始碼由多個模組構成,除了我們常用的核心功能外,還包含了響應式、工具函數等多個獨立模組。為了模擬 Vue 官方的開發環境,管理這些分散的模組,我們會採用 Monorepo 架構來進行專案管理,並且使用 pnpm workspace。 強烈建議大家一定要跟著動手編...
## 1. 為什麼要“告別”? - **規範已打 🚩 Deprecated**:瀏覽器隨時下架,埋得越深爆得越慘 - **性能/體積/安全**:舊 API 常阻塞執行緒、無權限模型、包體積爆炸 - **面試必問**:能講清“為什麼不用 + 怎麼遷”是高分項 以下 10 組案例,95%...
# 90%前端忽略的3大內存黑洞,這樣根治性能飆升300%! 你是否遇到過:頁面越用越卡,瀏覽器內存佔用持續飆升? 動態列表頻繁增刪後,頁面直接卡死崩潰? 弱引用、閉包、定時器——這些看似無害的程式碼,竟是內存洩漏的元兇! 本文直擊**三大高頻內存洩漏場景**,用**Weak...
# 為什麼你的 TypeScript 專案裡,總會有幾個 .d.ts 文件? 剛寫 TS 的時候,我看到專案裡莫名其妙冒出個 `types.d.ts` 或者 `global.d.ts`,心裡是有點懵的。啥?這個文件是幹啥的?我 `.ts` 文件不是已經寫類型了嗎?為什麼還要多此一舉? ...
介紹 -- 有一天,我在開發過程中查看雲端環境(在 Cloud Logging 上)的日誌時, 我覺得**日誌很混亂,很難閱讀**。 我以為我要做的就是將日誌輸出為文本,但我的經驗已經有了很大的提高,我希望我早點知道它,所以我想寫一篇關於它的文章。 前提 -- 使用...
# 前言 您好,我是 Watanabe jin (@Sicut_study)。 我主要對於 React 的初學者進行教學。 我所指導的學生們利用 React 開發了各式各樣的優秀服務,然而即便具備實力,對於虛擬 DOM 和重新渲染的理解仍然不足,經常因此在錯誤調試上花費不少時間。 ...
在 React 世界中,大多數開發人員在元件渲染方法中使用**閉包**時不會三思而後行,尤其是在映射列表時。 但是如果我告訴您有一個未充分利用但功能強大的替代方案,它可以幫助提高效能、可讀性,甚至更好地與工具集成,您會怎麼想? 讓我們來談談**HTML data-\* 屬性**:前端開發...
過去幾個月,我一直在建立[UserJot](https://userjot.com?utm_source=devto&utm_medium=blog&utm_campaign=devto-typescript-tricks) ,一個面向 SaaS 團隊的回饋和路線圖平台。這個專案讓我對 TypeSc...
上次撈到了商品資料 這次嘗試把加購的商品,連同主商品一起送出 先不實作動態撈加購 id 就先放一個實際商品 id 做測試 --- 這功能乍聽之下簡單,實際上做起來非常複雜 以預設的 theme Dawn 來說 購物車有三種模式 drawer, page, popu...
寫了 20 年 JavaScript 之後,我見證了許多變化——從回調地獄到 async/await。但即將推出的 JavaScript 特性將徹底改變我們寫程式的方式。 我們已經使用轉譯器和 polyfill 測試了這些提案,結果令人印象深刻:原來需要 30 行的程式碼現在只需 10 行,複...
每週二晚上《CodeLove Talk》直播! 聊聊科技新聞,一起討論軟體開發相關的話題!